:root{--ink:#10122b;--navy:#151637;--lime:#b8ff38;--pink:#ff5da2;--violet:#a77bff;--yellow:#ffd84b;--cyan:#39e7ff;--cream:#fff9e8;--red:#fa505b}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--cream);font-family:"Chakra Petch","Noto Sans Thai",sans-serif;background:#0b0b21;background-image:linear-gradient(#2b2f5b55 1px,transparent 1px),linear-gradient(90deg,#2b2f5b55 1px,transparent 1px),radial-gradient(circle at 50% -10%,#482c79 0,#141431 38%,#080919 76%);background-size:28px 28px,28px 28px,100% 100%;overflow-x:hidden}.arcade-shell{width:min(1280px,100%);margin:auto;padding:20px 24px 30px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #6966a64f}.brand{display:flex;gap:10px;align-items:center}.pixel-pig{display:grid;place-items:center;width:45px;height:45px;border:3px solid var(--pink);border-radius:10px;background:#ff8fba;color:#271538;font-size:28px;box-shadow:4px 4px 0 #8e2c73}.brand strong{display:block;font-family:"Noto Sans Thai",sans-serif;font-size:27px;line-height:25px;color:var(--lime);text-shadow:2px 2px 0 #276236}.brand small{font-size:10px;letter-spacing:2px;color:#9d9cc6}.marquee{padding:7px 13px;border:1px solid #5e5a9d;border-radius:4px;color:var(--cyan);font-size:12px;letter-spacing:1px;background:#13142ccc;box-shadow:0 0 15px #4d42be55}.blink{color:var(--pink);animation:blink 1s steps(2,end) infinite}.rules-button{border:0;background:none;color:#dbdaff;cursor:pointer;font:600 11px "Chakra Petch",sans-serif;letter-spacing:1px}.rules-button b{display:inline-grid;place-items:center;width:19px;height:19px;margin-left:4px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan)}.scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.score-pod{position:relative;display:flex;align-items:center;gap:9px;min-height:60px;padding:8px 11px;border:1px solid #7a76ad;border-radius:7px;background:#191a3edb;overflow:hidden}.score-pod:before{content:"";position:absolute;inset:0 0 0 4px;background:currentColor;opacity:.8}.score-pod>*{position:relative}.score-pod.lime{color:var(--lime)}.score-pod.pink{color:var(--pink)}.score-pod.violet{color:var(--violet)}.score-pod.yellow{color:var(--yellow)}.face{display:grid;place-items:center;width:35px;height:35px;border-radius:5px;background:currentColor;color:#16162e;font:700 14px "Noto Sans Thai",sans-serif}.score-pod small{display:block;font-size:10px;letter-spacing:.8px;color:#c7c5e1}.score-pod strong{font-size:25px;line-height:22px;color:var(--cream)}.turn-light{position:absolute;right:8px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:pulse 1s infinite}.game-stage{position:relative;display:grid;grid-template-columns:minmax(450px,1fr) 180px;gap:18px;align-items:center}.cabinet-glow{position:absolute;z-index:-1;inset:12% 12%;border-radius:50%;background:#366eff;filter:blur(70px);opacity:.25}.game-table{position:relative;aspect-ratio:1.55;min-height:390px;overflow:hidden;border:4px solid #8683e7;border-radius:42% 42% 38% 38%;background:radial-gradient(ellipse at 50% 50%,#203c95,#171964 62%,#121347);box-shadow:0 0 0 4px #262467,0 0 24px #776dffcc,0 20px 35px #020314}.game-table:after{content:"";position:absolute;inset:16px;border:1px solid #50f1ff99;border-radius:42%;pointer-events:none}.grid{position:absolute;inset:0;opacity:.25;background:linear-gradient(#75e8ff33 1px,transparent 1px),linear-gradient(90deg,#75e8ff33 1px,transparent 1px);background-size:22px 22px;transform:perspective(300px) rotateX(35deg) scale(1.45) translateY(17%)}.table-logo{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);text-align:center;opacity:.22;line-height:.9;white-space:nowrap}.table-logo span{font:800 50px "Noto Sans Thai",sans-serif;color:var(--cyan);text-shadow:3px 3px #543dc0}.table-logo small{font-size:9px;letter-spacing:1.3px}.opponent{position:absolute;z-index:3;display:grid;place-items:center;gap:1px;color:#e6e5ff;font-size:11px}.opponent b{line-height:12px}.opponent small{font-size:9px;color:var(--cyan)}.top{top:6%;left:50%;transform:translateX(-50%)}.left{left:5%;top:50%;transform:translateY(-50%)}.right{right:5%;top:50%;transform:translateY(-50%)}.card-stack{display:flex;height:27px}.card-stack i{display:block;width:19px;height:28px;margin-left:-7px;border:1px solid #fff5bc;border-radius:3px;background:repeating-linear-gradient(45deg,#ff5d9e 0 2px,#ffd65b 2px 4px);box-shadow:1px 1px #42286e}.side-stack{transform:rotate(90deg)}.round-chip{position:absolute;z-index:3;top:10px;right:12px;padding:5px 8px;border:1px solid #807de1;border-radius:3px;color:#d6d5ff;background:#131344b8;font-size:9px;letter-spacing:.7px}.round-chip b{color:var(--yellow)}.round-chip span{color:var(--pink)}.trick-zone{position:absolute;z-index:3;inset:31% 29% 21%;display:grid;grid-template-columns:repeat(2,60px);place-content:center;gap:8px}.trick-hint{text-align:center;color:#c1c4ff;font-size:11px;letter-spacing:1px;line-height:1.5}.trick-hint small{font-size:9px;color:var(--lime)}.status{position:absolute;z-index:3;bottom:9%;left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:3px;color:#12132c;background:var(--lime);font-size:10px;font-weight:700;letter-spacing:.6px;white-space:nowrap;box-shadow:0 0 13px #b8ff3899}.mission-panel{padding:15px;border:2px solid #807de1;border-radius:8px;background:#151637cc;box-shadow:6px 6px 0 #332c77}.panel-title{font-size:10px;letter-spacing:1.5px;color:var(--cyan)}.pig-meter{display:flex;align-items:center;gap:8px;margin:13px 0 9px}.pig-meter span{font-size:25px}.pig-meter div{flex:1;height:8px;border:1px solid #817be0;border-radius:9px;overflow:hidden}.pig-meter i{display:block;width:0;height:100%;background:var(--pink);box-shadow:0 0 8px var(--pink);transition:width .3s}.mission-panel p{margin:7px 0 13px;font-size:20px;font-weight:700;line-height:1}.mission-panel em{color:var(--pink);font-style:normal}.rule{display:grid;grid-template-columns:25px 1fr 22px;align-items:center;padding:6px 0;border-top:1px solid #6e6aa15c;font-size:10px;color:#d8d6ff}.rule b{color:var(--pink);font-size:15px}.rule i{color:var(--yellow);font-style:normal;font-weight:700}.mission-panel button,dialog .close-action{width:100%;margin-top:14px;padding:10px;border:0;border-radius:3px;background:var(--pink);box-shadow:3px 3px 0 #a12b60;color:#fff;cursor:pointer;font:700 10px "Chakra Petch",sans-serif;letter-spacing:1px}.mission-panel button span{font-size:14px}.hand-zone{max-width:730px;margin:17px auto 0}.hand-title{display:flex;justify-content:space-between;color:#d6d5f1;font-size:10px;letter-spacing:1px}.hand-title small{color:#a2a0cc;font-size:9px}.hand{display:flex;justify-content:center;min-height:137px;margin-top:7px;padding:7px 0;border-top:1px solid #55528d}.card{position:relative;flex:none;width:79px;height:112px;margin:0 -5px;border:2px solid #e8e4ff;border-radius:7px;background:var(--cream);box-shadow:0 4px 0 #afaac9;cursor:pointer;transform:translateY(calc(var(--lift) * 1px)) rotate(calc(var(--rotate) * 1deg));transition:transform .16s ease,filter .16s ease;transform-origin:bottom center}.card:hover:not(.played){z-index:4;filter:brightness(1.08);transform:translateY(-17px) rotate(calc(var(--rotate) * 1deg));box-shadow:0 7px 0 #afaac9,0 0 16px #39e7ff99}.card.played{opacity:0;pointer-events:none;transform:translateY(-55px) scale(.7)}.rank{position:absolute;top:5px;left:7px;font:700 20px Georgia}.suit{position:absolute;top:26px;left:8px;font-size:14px}.pip{position:absolute;inset:0;display:grid;place-items:center;font:700 46px Georgia}.bottom{top:auto;left:auto;right:7px;bottom:5px;transform:rotate(180deg)}.red{color:#e83e59}.black{color:#17213b}.trick-card{width:56px;height:79px;margin:0;box-shadow:0 3px 0 #aaa5c5;cursor:default;transform:none}.trick-card .rank{font-size:15px;top:3px;left:5px}.trick-card .suit{top:19px;left:6px;font-size:11px}.trick-card .pip{font-size:33px}.trick-card .bottom{right:5px;bottom:3px}dialog{max-width:400px;border:2px solid var(--cyan);border-radius:8px;padding:28px;background:#17183e;color:var(--cream);box-shadow:7px 7px 0 #513cb3}dialog::backdrop{background:#080919bb}.close-dialog{position:absolute;right:10px;top:4px;border:0;background:transparent;color:var(--cream);font-size:25px;cursor:pointer}dialog h2{margin:7px 0;color:var(--lime);font:800 31px "Noto Sans Thai",sans-serif}dialog p{font-family:"Chakra Petch",sans-serif;line-height:1.6;color:#dedcff}@keyframes blink{50%{opacity:.15}}@keyframes pulse{50%{transform:scale(.6);opacity:.5}}@media(max-width:780px){.game-stage{grid-template-columns:1fr}.mission-panel{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px}.mission-panel .panel-title,.mission-panel p{display:none}.pig-meter{margin:0}.mission-panel button{width:auto;margin:0}.rule{border:0}.game-table{min-height:0}.score-pod{padding:7px}.score-pod .face{width:29px;height:29px}.score-pod strong{font-size:20px}}@media(max-width:540px){.arcade-shell{padding:12px}.marquee{display:none}.brand strong{font-size:23px}.scoreboard{gap:5px}.score-pod{min-height:48px;justify-content:center}.score-pod .face{display:none}.score-pod small{font-size:8px}.score-pod strong{font-size:18px}.game-table{aspect-ratio:1.25;border-radius:30%}.table-logo span{font-size:37px}.left{left:2%}.right{right:2%}.trick-zone{inset:35% 23% 18%;grid-template-columns:repeat(2,48px);gap:5px}.trick-card{width:47px;height:67px}.status{bottom:6%;font-size:8px}.round-chip{top:6px;right:7px;font-size:8px}.mission-panel{padding:8px}.rule{font-size:8px}.hand{min-height:111px}.card{width:62px;height:89px;margin:0 -7px}.rank{font-size:17px}.suit{top:22px;left:6px;font-size:12px}.pip{font-size:37px}.bottom{right:6px}.rules-button{font-size:0}.rules-button b{font-size:13px}}