:root{--board: #1f7a3d;--board-dark: #155c2c;--card-bg: #fdf6e3;--card-border: #c9b88a;--gold: #f3c623;--text: #f5f5f5;--panel: rgba(0, 0, 0, .28);--card-w: clamp(34px, min(11vw, 5.5dvh), 56px);--card-h: calc(var(--card-w) * 1.5);--back-w: clamp(24px, 5vw, 34px);--back-h: calc(var(--back-w) * 1.5);--mini-w: var(--card-w);--mini-h: var(--card-h);--inline-mini-w: var(--mini-w);--inline-mini-h: var(--mini-h);--deck-card-w: clamp(40px, min(6.5vw, 6dvh), 68px);--deck-card-h: calc(var(--deck-card-w) * 1.5);--floor-slot-w: clamp(40px, min(9.5vw, 7dvh), 68px);--floor-slot-h: calc(var(--floor-slot-w) * 1.5);--hand-card-w: clamp(48px, min(15vw, 8.5dvh), 92px);--hand-card-h: calc(var(--hand-card-w) * 1.5);--side-left-w: 56px;--side-right-w: 76px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;max-width:100%;font-family:Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;background:#0d3b1e;color:var(--text);-webkit-text-size-adjust:100%}#app{width:100%;max-width:100%;margin:0 auto;min-height:100%}.stage{position:relative;display:flex;flex-direction:column;gap:6px;padding:calc(6px + env(safe-area-inset-top,0px)) 6px calc(6px + env(safe-area-inset-bottom,0px));width:100%;max-width:100%;margin:0 auto;background:radial-gradient(circle at 50% 35%,var(--board) 0%,var(--board-dark) 100%);height:100vh;height:100dvh;overflow:hidden}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px;mix-blend-mode:overlay}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(0,0,0,.42) 100%)}.stage>*{position:relative;z-index:1}.stage.theme-military-blanket{--board: #3d4e34;--board-dark: #22301c;--panel: rgba(0, 0, 0, .45)}.stage.theme-military-blanket:before{opacity:.16!important}.stage.theme-military-blanket:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;z-index:2;border:2px dashed rgba(223,139,50,.5);border-radius:12px;box-shadow:inset 0 0 20px #00000080}@keyframes fx-shake-stage{0%{transform:translateZ(0)}10%{transform:translate3d(-4px,2px,0)}25%{transform:translate3d(5px,-3px,0)}40%{transform:translate3d(-5px,3px,0)}55%{transform:translate3d(4px,-2px,0)}70%{transform:translate3d(-3px,2px,0)}85%{transform:translate3d(2px,-1px,0)}to{transform:translateZ(0)}}.stage.fx-shake{animation:fx-shake-stage .85s cubic-bezier(.36,.07,.19,.97) both}@keyframes fx-shake-stage-strong{0%{transform:translateZ(0)}10%{transform:translate3d(-7px,4px,0)}25%{transform:translate3d(8px,-5px,0)}40%{transform:translate3d(-8px,5px,0)}55%{transform:translate3d(7px,-4px,0)}70%{transform:translate3d(-5px,3px,0)}85%{transform:translate3d(3px,-2px,0)}to{transform:translateZ(0)}}.stage.fx-shake-strong{animation:fx-shake-stage-strong 1.05s cubic-bezier(.36,.07,.19,.97) both}.fx-flash-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,#ffffffd9,#fff0 70%);animation:fx-flash-fade 1s ease-out both}.fx-flash-screen.gold{background:radial-gradient(circle at 50% 45%,#ffd75ad9,#ffc80000 70%)}.fx-flash-screen.red{background:radial-gradient(circle at 50% 45%,#ff5050d9,#c0392b00 70%)}.fx-flash-screen.orange{background:radial-gradient(circle at 50% 45%,#ffaa3ccc,#ff780000 70%)}.fx-flash-screen.green{background:radial-gradient(circle at 50% 45%,#78f0a0d9,#28b45a00 70%)}.fx-flash-screen.yellow{background:radial-gradient(circle at 50% 45%,#ffeb78cc,#ffc81e00 70%)}@keyframes fx-flash-fade{0%{opacity:0}30%{opacity:.95}to{opacity:0}}.fx-flash-screen.soft{animation-duration:.65s}@media (prefers-reduced-motion: reduce){.stage.fx-shake,.stage.fx-shake-strong{animation:none!important}.fx-flash-screen{animation-duration:.18s!important;opacity:0}}.board-banner:before{content:"";position:absolute;left:50%;top:50%;width:320px;height:320px;max-width:90vw;max-height:90vw;transform:translate(-50%,-50%) scale(.4);border-radius:50%;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle,#f3c6238c,#f3c62300 65%);transition:opacity .18s ease-out,transform .32s cubic-bezier(.2,.7,.3,1)}.board-banner.show:before{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.board-banner.burst-red:before{background:radial-gradient(circle,#ff464699,#c0392b00 65%)}.board-banner.burst-gold:before{background:radial-gradient(circle,#ffd75ab3,#ffb40000 65%)}.board-banner.burst-orange:before{background:radial-gradient(circle,#ffaa3c99,#ff780000 65%)}.board-banner.burst-green:before{background:radial-gradient(circle,#78f0a099,#28b45a00 65%)}.board-banner.burst-white:before{background:radial-gradient(circle,#ffffffb3,#fff0 65%)}.board-banner.burst-yellow:before{background:radial-gradient(circle,#ffeb78a6,#ffc81e00 65%)}@media (prefers-reduced-motion: reduce){.board-banner:before{transition:none!important;transform:translate(-50%,-50%) scale(1)}}.zone-top{flex:0 0 auto;max-height:32dvh;overflow:hidden;display:flex;align-items:stretch;gap:6px}.zone-top .opp-seats{flex:1 1 auto;min-width:0}.zone-mid{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;gap:clamp(2px,1vw,8px)}.zone-mid-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:2px 0;flex-shrink:0}.zone-mid-side.side-left{align-self:stretch;width:var(--side-left-w);min-width:var(--side-left-w);max-width:var(--side-left-w)}.zone-mid-side.side-right{align-self:stretch;width:var(--side-right-w);min-width:var(--side-right-w);max-width:var(--side-right-w)}.zone-mid-main{flex:1 1 auto;min-width:0;display:flex;align-items:stretch;justify-content:center;position:relative}.zone-bottom{flex:0 0 auto;display:flex;flex-direction:column;gap:3px;position:relative;z-index:1000;overflow:visible!important}.card-row.hand.my-turn-active{outline:3px solid var(--gold);outline-offset:-3px;border-radius:8px;box-shadow:0 0 0 2px #1a1a1aa6,inset 0 0 0 2px #fff5be2e,0 0 18px #f3c62394}.top-tools{flex:0 0 auto;display:flex;flex-direction:column;gap:3px;justify-content:flex-start}.tool-btn{font-size:10px;font-weight:700;padding:4px 7px;border-radius:7px;border:1px solid rgba(243,198,35,.4);background:#00000059;color:var(--text);cursor:pointer;white-space:nowrap;min-height:26px}.tool-btn:hover{filter:brightness(1.15)}.cap-btn{margin-left:auto;align-self:center}.player-bar{display:flex;align-items:center;gap:16px;padding:8px 12px;background:var(--panel);border-radius:10px;flex-wrap:wrap}.player-bar.active{outline:2px solid var(--gold)}.player-bar .name{font-weight:700;font-size:16px}.player-bar .stat{font-size:13px;opacity:.92}.player-bar .stat b{color:var(--gold)}.zone-label{font-size:11px;opacity:.7;margin:0 4px;flex:0 0 auto}.card-row{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:5px;min-height:calc(var(--card-h) + 12px);padding:5px;background:#0000001f;border-radius:8px}.card-row.hand{--hand-gap: clamp(2px, 1vw, 8px);min-height:calc(var(--hand-card-h) * 1.45);perspective:clamp(520px,calc(var(--hand-card-w) * 12),1120px);perspective-origin:50% 130%;padding:calc(var(--hand-card-h) * .34) 28px calc(var(--hand-card-h) * .08) 28px;gap:var(--hand-gap);justify-content:center;overflow-x:hidden;overflow-y:visible;scroll-padding-inline:28px;align-items:flex-end}.card-row.hand.spectator-hand{min-height:calc(var(--hand-card-h) + 24px);padding:14px 28px 8px}.card-row.hand.spectator-hand>.card.back{touch-action:auto!important}.card-row.hand>.card{width:auto;max-width:var(--hand-card-w);height:auto;aspect-ratio:2 / 3;flex:1 1 0;min-width:0;transform-style:preserve-3d;transform:translateY(calc(var(--hand-card-h) * var(--hand-arc-y-factor, 0))) rotate(var(--hand-arc-rotate, 0deg));transform-origin:center 115%;z-index:var(--hand-arc-z, 1);touch-action:pan-x!important}.card-row>.card{scroll-snap-align:start;flex:0 0 auto}.card-row.hand>.card{width:auto;max-width:var(--hand-card-w);height:auto;aspect-ratio:2 / 3}.card-row.floor{flex:1 1 auto;min-height:0;flex-wrap:wrap;overflow-x:visible;overflow-y:auto;-webkit-overflow-scrolling:touch;align-content:safe center;justify-content:center;align-items:center;gap:clamp(5px,1.5vw,10px)}.card{width:var(--card-w);height:var(--card-h);border-radius:5px;color:#333;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4px 2px;font-size:clamp(9px,2.6vw,11px);-webkit-user-select:none;user-select:none;position:relative;transform-style:preserve-3d}.card:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:5px;background:linear-gradient(135deg,#ffffff73,#ffffff2e,#fff0 50%,#00000008 70%,#ffffff14);pointer-events:none;z-index:2}.card.back:before{background:linear-gradient(135deg,#ffffff40,#ffffff14,#fff0 60%)}.card.theme-traditional{border:.8px solid #8f1207;background:#faf5eb;box-shadow:0 0 0 .5px #0006,inset 0 1px #ffffff73,0 1px #9e140a,0 2px #850f07,0 3px #6c0c05,0 3.5px 5px #0009}.card.theme-comfortable{border:.8px solid #c2baa9;background:#fcfbfa;box-shadow:0 0 0 .5px #00000026,inset 0 1px #ffffffa6,0 1px #ded8cc,0 2px #c7bfb0,0 3px #aba191,0 3.5px 4.5px #0006}.card .month{position:absolute;left:2px;top:2px;z-index:4;background:#1a1a1ad1;color:var(--gold, #dfa212);font-weight:800;font-size:clamp(9px,2.8vw,12px);line-height:1;padding:1px 3px;border-radius:3px;pointer-events:none}.card .icon{font-size:clamp(13px,4vw,16px);line-height:1}.card .cat{font-size:clamp(8px,2.3vw,9px);opacity:.75}.card.clickable{cursor:pointer;transition:transform .22s cubic-bezier(.25,.8,.25,1),box-shadow .22s ease}@media (hover: hover){.card.clickable:not(.selected-two-step):not(.dragging-hand-card):hover{transform:translateY(-6px) rotateX(4deg) scale(1.02)}.card.clickable.theme-traditional:not(.selected-two-step):not(.dragging-hand-card):hover{box-shadow:0 0 0 .5px #00000059,inset 0 1px #fff9,0 1px #9e140a,0 2px #850f07,0 3px #6c0c05,0 4px #540903,0 5px #3d0601,0 7px 12px #00000080}.card.clickable.theme-comfortable:not(.selected-two-step):not(.dragging-hand-card):hover{box-shadow:0 0 0 .5px #0000001f,inset 0 1px #ffffffd9,0 1px #ded8cc,0 2px #c7bfb0,0 3px #aba191,0 4px #948b7a,0 5px #7d7464,0 7px 10px #00000059}}.card.selectable{outline:2px solid var(--gold);cursor:pointer}.card.dim{opacity:.45}.card.bomb-pass-card{background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.32),transparent 28%),linear-gradient(160deg,#2d2538,#4e2631 48%,#8d1f1a);border:1.2px solid #ffcc42;color:#fff6da;box-shadow:0 0 0 .5px #00000073,inset 0 1px #ffffff3d,0 1px #9e140a,0 2px #761007,0 3px #510904,0 4px 10px #0000008c}.card.bomb-pass-card .month{background:#ffcc42f5;color:#251500}.card.bomb-pass-card .icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:86%;min-height:42%;border-radius:999px;background:#00000047;border:1px solid rgba(255,255,255,.25);color:#fff;gap:1px;font-size:clamp(9px,2.5vw,12px);font-weight:900;letter-spacing:0;line-height:1.05;white-space:nowrap}.card.bomb-pass-card .icon span{font-size:.9em}.card.bomb-pass-card .icon strong{font-size:1.28em;line-height:1}.card.bomb-pass-card .cat{opacity:1;color:#ffdd69;font-weight:900;font-size:clamp(10px,2.8vw,13px)}.card.rec{outline:2px solid var(--gold);box-shadow:0 0 10px #f3c6238c,0 2px 4px #00000059;transform:translateY(-3px)}.card.rec-top{outline-width:3px;box-shadow:0 0 16px #f3c623d9,0 2px 6px #0006;animation:rec-pulse 1.4s ease-in-out infinite}@keyframes rec-pulse{0%,to{box-shadow:0 0 14px #f3c623b3,0 2px 6px #0006}50%{box-shadow:0 0 22px #f3c623,0 2px 6px #0006}}.rec-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--gold);color:#222;font-size:9px;font-weight:800;line-height:1;padding:2px 5px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 3px #0006;pointer-events:none;z-index:50}.card.rec-match{outline:3px solid #6fe39a!important;box-shadow:0 0 14px #6fe39ad9;z-index:6;animation:rec-match-pulse 1.4s ease-in-out infinite}@keyframes rec-match-pulse{0%,to{box-shadow:0 0 10px #6fe39a99;transform:scale(1)}50%{box-shadow:0 0 20px #6fe39a;transform:scale(1.03)}}@media (prefers-reduced-motion: reduce){.card.rec-top,.card.rec-match{animation:none!important}.card.rec{transform:none}}.card.c-GWANG{border-top:4px solid #d9a400}.card.c-YEOL{border-top:4px solid #c0392b}.card.c-TTI{border-top:4px solid #2980b9}.card.c-PI{border-top:4px solid #27ae60}.card.c-SSANGPI{border-top:4px solid #16794a}.card.c-GWANG:after{content:"";position:absolute;left:1px;right:1px;top:1px;bottom:1px;border-radius:5px;background:conic-gradient(from 0deg,#ffdc7800,#ffdc788c,#fff0b4cc,#ffdc788c,#ffdc7800 360deg);pointer-events:none;z-index:1;opacity:.18;mix-blend-mode:overlay;animation:card-gwang-shine 18s linear infinite;overflow:hidden}@keyframes card-gwang-shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card.c-SSANGPI:after{content:"";position:absolute;left:1px;right:1px;top:1px;bottom:1px;border-radius:5px;pointer-events:none;z-index:1;background:linear-gradient(135deg,#b4ffc838,#b4ffc800,#b4ffc82e)}@media (prefers-reduced-motion: reduce){.card.c-GWANG:after{animation:none!important;transform:rotate(45deg)}}.card.back{background:repeating-linear-gradient(45deg,#8b1a1a,#8b1a1a 6px,#a52424 6px,#a52424 12px);border-color:#5e1010;color:transparent;width:var(--card-w);height:var(--card-h)}.capture-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px;background:var(--panel);border-radius:10px}.capture-col{background:#0000002e;border-radius:8px;padding:6px;min-height:52px}.capture-col h4{margin:0 0 4px;font-size:12px;text-align:center;opacity:.85}.mini-cards{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:3px;padding-bottom:2px}.mini-cards>.mini{flex:0 0 auto}.mini{width:var(--mini-w, 24px);height:var(--mini-h, 36px);border-radius:3px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease-out;transform-style:preserve-3d}.mini.theme-traditional{border:.6px solid #8f1207;box-shadow:0 0 0 .4px #00000059,inset 0 .6px #fff6,0 .6px #9e140a,0 1.2px #850f07,0 1.8px #6c0c05,0 2.2px 3px #0000008c}.mini.theme-comfortable{border:.6px solid #c2baa9;box-shadow:0 0 0 .3px #00000026,inset 0 .6px #ffffff8c,0 .6px #ded8cc,0 1.2px #c7bfb0,0 1.8px #aba191,0 2.2px 2.8px #00000059}.mini-month{position:absolute;left:1.5px;top:1.5px;z-index:4;background:#1a1a1ad9;color:var(--gold, #dfa212);font-size:7px;font-weight:800;font-family:system-ui,-apple-system,sans-serif;padding:.5px 2.5px;border-radius:2px;line-height:1;pointer-events:none;border:.4px solid rgba(255,255,255,.15);z-index:5}.my-capture-inline{flex:0 0 auto;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:0;margin:0;padding:6px 6px 4px;background:var(--panel);border-radius:8px;align-items:center;min-height:calc(var(--mini-h) + 8px);height:calc(var(--mini-h) * 1.1 + 10px)}.my-capture-inline.inspectable{cursor:pointer;transition:box-shadow .16s ease-out,outline-color .16s ease-out}.my-capture-inline.inspectable:hover,.my-capture-inline.inspectable:focus-visible{outline:2px solid rgba(243,198,35,.65);outline-offset:-2px;box-shadow:inset 0 0 0 1px #f3c62347}.my-capture-inline>.mini{width:var(--mini-w);height:var(--mini-h);flex:0 0 auto;margin:0;margin-left:calc(var(--mini-w) * -.67);position:relative;z-index:1;box-shadow:-2px 1px 3px #00000073}.my-capture-inline>.mini:first-child,.my-capture-inline>.mini.cat-break{margin-left:0}.my-capture-inline>.mini.cat-break{margin-left:4px}.my-capture-inline>.mini:nth-child(2n){transform:translateY(-3px);z-index:2}.my-capture-inline>.mini:nth-child(3n){z-index:3}.my-capture-inline>.mini:nth-child(4n){z-index:4}.my-capture-inline>.mini:nth-child(5n){z-index:5}.my-capture-inline>.mini:nth-child(6n){z-index:6}.my-capture-inline>.mini:nth-child(7n){z-index:7}.my-capture-inline>.mini:nth-child(8n){z-index:8}.my-capture-inline>.mini:nth-child(9n){z-index:9}.my-capture-inline>.mini:nth-child(10n){z-index:10}.my-capture-inline>.mini:hover{transform:translateY(-14px) scale(1.35)!important;z-index:100!important;box-shadow:0 8px 16px #0000008c}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:2px 0}.actions.go-stop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));background:#00000047;pointer-events:auto}.actions.heundeulgi-overlay{position:fixed;left:0;right:0;bottom:calc(var(--my-area-height, 214px) + env(safe-area-inset-bottom,0px) + 18px);z-index:1120;display:flex;justify-content:center;padding:0 12px;pointer-events:none}.go-stop-dialog-panel{display:flex;gap:10px;justify-content:center;flex-wrap:nowrap;width:min(92vw,420px);padding:10px;background:#121c14ed;border:2px solid rgba(243,198,35,.72);border-radius:12px;box-shadow:0 12px 30px #0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(clamp(42px,8vh,86px))}.heundeulgi-dialog-panel{display:flex;gap:8px;flex-wrap:nowrap;max-width:min(92vw,420px);padding:8px;background:#121c14e6;border:2px solid rgba(243,198,35,.72);border-radius:12px;box-shadow:0 10px 24px #00000073;pointer-events:auto}.heundeulgi-dialog-panel .btn{min-width:116px;padding:10px 18px!important;white-space:nowrap;word-break:keep-all}.go-stop-dialog-panel .btn{flex:1 1 0;min-width:0;padding:12px clamp(14px,4vw,32px)!important;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:clip}.go-stop-dialog-panel .btn:disabled{opacity:.52;filter:grayscale(.35);cursor:not-allowed;box-shadow:none}button.btn{font-size:20px!important;font-weight:900!important;padding:12px 36px!important;min-height:56px!important;border-radius:12px;border:3px solid #1a1a1a!important;box-shadow:0 4px 8px #0006;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#1a1a1a;transition:transform .1s ease,filter .1s ease}button.go{background:#fc0!important;color:#1a1a1a!important}button.stop{background:#d61c0c!important;color:#fff!important}button.newgame{background:#fff!important;color:#1a1a1a!important}button.btn:hover{filter:brightness(1.12);transform:scale(1.04)}button.btn:active{transform:scale(.96)}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12000;background:#00000080;display:flex;align-items:flex-end;justify-content:center}.drawer{width:100%;max-width:560px;max-height:70%;display:flex;flex-direction:column;background:#103d20;border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid rgba(243,198,35,.3);box-shadow:0 -6px 20px #00000080;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));overflow:hidden}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:800;color:var(--gold);font-size:14px;margin-bottom:8px;flex:0 0 auto}.log{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 2px 4px;font-size:12px;line-height:1.5;font-family:ui-monospace,monospace}.log div:last-child{color:var(--gold)}.drawer .capture-panel{overflow-y:auto;-webkit-overflow-scrolling:touch}.opponent-capture-overlay{align-items:flex-start;justify-content:flex-start;padding:0}.opponent-capture-drawer{cursor:pointer}.opponent-capture-board{position:absolute;left:clamp(8px,var(--anchor-left, 8px),calc(100% - min(92vw,760px) - 8px));top:clamp(8px,var(--anchor-top, 8px),calc(100% - min(78dvh,620px) - 8px));width:min(92vw,760px);max-width:none;max-height:min(78dvh,620px);border-radius:18px;border:2px solid rgba(243,198,35,.75);background:radial-gradient(circle at 18% 8%,rgba(243,198,35,.18),transparent 32%),linear-gradient(145deg,#104926fa,#082a16fa);transform-origin:var(--origin-x, 50%) var(--origin-y, 0);animation:opponentCaptureZoom .18s ease-out}.opponent-capture-board .drawer-head{font-size:17px;margin-bottom:10px}.opponent-capture-panel{--detail-card-w: clamp(42px, min(10vw, 8dvh), 76px);--detail-card-h: calc(var(--detail-card-w) * 1.5);display:flex;flex-direction:column;gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 2px 4px}.opponent-capture-row{display:grid;grid-template-columns:38px 1fr;gap:6px;align-items:stretch;min-height:calc(var(--detail-card-h) + 12px);padding:6px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.08)}.opponent-capture-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:8px;background:#f3c62324;color:var(--gold);font-weight:900;line-height:1}.opponent-capture-label strong{font-size:17px}.opponent-capture-label span{font-size:20px;color:#fff8c7}.opponent-capture-label.count-wide span{font-size:18px}.opponent-capture-cards{display:flex;flex-wrap:wrap;gap:7px;align-content:flex-start;align-items:flex-start;min-width:0}.opponent-capture-cards>.mini{width:var(--detail-card-w);height:var(--detail-card-h);flex:0 0 auto;border-radius:6px;transform:none!important}.opponent-capture-empty{align-self:center;color:#ffffff9e;font-size:15px;font-weight:700}@keyframes opponentCaptureZoom{0%{opacity:.72;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:20000;padding:16px;pointer-events:auto}.result-card{background:#fff;color:#222;border-radius:12px;padding:10px clamp(10px,3vw,18px);text-align:center;width:min(94vw,520px);min-width:0;max-height:calc(100dvh - 24px);overflow:visible}.result-card h2{margin:0 0 4px;font-size:18px}.result-card .pts{font-size:22px;font-weight:800;color:#b8860b}.result-card .baks{margin:10px 0;font-size:14px;color:#c0392b}.result-score-breakdown{margin:5px 0;padding:6px 8px;border-radius:8px;border:1px solid rgba(0,0,0,.14);background:#0000000b;text-align:left}.result-score-breakdown h3{margin:0 0 3px;font-size:12px;color:#222}.score-kind-row{display:grid;grid-template-columns:46px minmax(0,1fr) 42px;gap:6px;align-items:center;padding:3px 0;border-top:1px solid rgba(0,0,0,.08)}.score-kind-row:first-of-type{border-top:0}.score-kind-label{font-size:12px;font-weight:900;color:#1f3c28}.score-kind-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#555}.score-kind-points{text-align:right;font-size:12px;font-weight:900;color:#b8860b}.score-formula{margin-top:0;padding-top:0;border-top:0}.score-formula-row{display:flex;justify-content:space-between;gap:10px;padding:2px 0;font-size:12px}.score-formula-row strong{color:#8a6208}.score-formula-row.total{margin-top:3px;padding-top:4px;border-top:1px dashed rgba(0,0,0,.18);font-size:13px;font-weight:900}.result-winner-captured{margin:5px 0 4px;padding:6px;background:#0000000f;border:1px solid rgba(0,0,0,.12);border-radius:8px;text-align:left}.result-winner-captured-label{margin:0 0 4px;font-size:11px;font-weight:800;color:#333}.result-winner-analysis{display:grid;gap:2px}.result-winner-analysis-row{display:grid;grid-template-columns:minmax(86px,116px) minmax(0,1fr);gap:5px;align-items:center;padding:2px 0;border-top:1px solid rgba(0,0,0,.08)}.result-winner-analysis-row:first-child{border-top:0}.result-winner-analysis-head{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:3px;align-items:baseline;font-size:10px}.result-winner-analysis-head strong{color:#1f3c28}.result-winner-analysis-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555}.result-winner-analysis-head em{font-style:normal;font-weight:900;color:#b8860b}.result-winner-analysis-cards{display:flex;flex-wrap:wrap;gap:1px;min-width:0;position:relative;padding-right:18px}.result-winner-analysis-cards .mini{width:17px;height:25.5px}.result-winner-analysis-more{position:absolute;right:0;top:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 3px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(0,0,0,.18);color:#222;font-size:11px;font-weight:900;line-height:1;box-shadow:0 2px 4px #0000002e;pointer-events:none;z-index:5}.result-winner-analysis-empty{font-size:10px;color:#777}.result-winner-captured .my-capture-inline{margin:0;width:100%;max-width:none;background:#141414e0;border-color:#0000002e}.result-winner-captured .mini:hover{transform:translateY(-8px) scale(1.2)!important}.toast{text-align:center;font-size:clamp(14px,3.6vw,18px);line-height:1.18;min-height:0;max-height:2.4em;color:var(--gold);font-weight:800;padding:0 6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}.toast:empty{display:none}.card.has-art{background-size:cover;background-position:center}.card.has-art .icon,.card.has-art .cat{display:none}.stage.has-art{background-size:cover;background-position:center}.setup{width:100%;max-width:720px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top,0px)) 14px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px;min-height:100vh;background:radial-gradient(circle at 50% 20%,var(--board) 0%,var(--board-dark) 100%)}.setup-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#0000004d;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);margin-bottom:4px}.setup-points{min-width:0;font-weight:900;color:#fd6;font-size:clamp(16px,4.2vw,20px);white-space:nowrap}.setup-shop-btn{flex:0 0 auto;min-height:42px;padding:8px 14px;border-radius:8px;background:var(--gold);color:#222;font-size:clamp(16px,4vw,18px);font-weight:900}.setup-title{margin:8px 0 0;text-align:center;font-size:clamp(28px,9vw,40px);letter-spacing:clamp(2px,1vw,4px);color:var(--gold);text-shadow:0 2px 6px rgba(0,0,0,.5)}.setup-sub{text-align:center;font-size:clamp(18px,4.6vw,21px);opacity:.8;margin-bottom:8px}.section-title{margin:10px 0 2px;font-size:clamp(19px,5vw,23px);font-weight:900;border-left:5px solid var(--gold);padding-left:10px;line-height:1.2}.choice-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}.choice{flex:1 1 40%;min-width:100px;min-height:54px;padding:12px 14px;font-size:clamp(17px,4.8vw,20px);font-weight:900;border-radius:10px;border:2px solid rgba(255,255,255,.25);background:var(--panel);color:var(--text);cursor:pointer}.choice.on{border-color:var(--gold);background:#f3c6232e;color:var(--gold)}.select{padding:13px 14px;min-height:54px;font-size:clamp(18px,4.8vw,22px);font-weight:700;border-radius:10px;border:1px solid var(--card-border);background:var(--card-bg);color:#222;width:100%}.select.small{width:auto;min-width:92px;min-height:46px;padding:8px 10px;font-size:clamp(17px,4.4vw,20px);font-weight:800}.skin-field{display:flex;flex:1 1 45%;min-width:150px;flex-direction:column;gap:7px}.skin-field-title{font-size:clamp(18px,4.6vw,21px);font-weight:800;opacity:.9;white-space:nowrap}.advanced{background:var(--panel);border-radius:10px;padding:14px}.advanced>summary{cursor:pointer;font-weight:900;font-size:clamp(18px,4.8vw,22px);line-height:1.2}.rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 16px;margin-top:12px}.friendly-grid{grid-template-columns:1fr;gap:12px;margin-top:10px}.rule-toggle{display:flex;align-items:center;gap:12px;min-height:44px;font-size:clamp(17px,4.6vw,20px);font-weight:800;cursor:pointer}.rule-toggle input{flex:0 0 auto;width:24px;height:24px}.rule-num{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:clamp(16px,4.2vw,19px);font-weight:800;line-height:1.15}.rule-num input{width:clamp(84px,22vw,118px);min-height:44px;padding:8px 10px;border-radius:6px;border:1px solid var(--card-border);font-size:clamp(17px,4.4vw,20px);font-weight:800;text-align:center}.kid-slider{display:flex;flex-direction:column;gap:12px;padding:14px;min-height:108px;border:2px solid rgba(243,198,35,.36);border-radius:8px;background:linear-gradient(180deg,#ffffff14,#00000014),var(--panel)}.kid-slider-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.kid-slider-title{font-size:17px;font-weight:900}.kid-slider-value{flex:0 0 auto;min-width:92px;padding:7px 10px;border-radius:8px;text-align:center;font-size:16px;color:#1d1808;background:var(--gold);box-shadow:0 2px #00000059}.kid-slider input[type=range]{width:100%;height:34px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.kid-slider input[type=range]::-webkit-slider-runnable-track{height:14px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(90deg,var(--gold) 0 var(--range-pct, 50%),rgba(255,255,255,.2) var(--range-pct, 50%) 100%)}.kid-slider input[type=range]::-moz-range-track{height:14px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(90deg,var(--gold) 0 var(--range-pct, 50%),rgba(255,255,255,.2) var(--range-pct, 50%) 100%)}.kid-slider input[type=range]::-webkit-slider-thumb{width:34px;height:34px;margin-top:-11px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;border:3px solid #fff6c8;background:#1f2f24;box-shadow:0 0 0 3px #f3c62380,0 4px 8px #00000073}.kid-slider input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;border:3px solid #fff6c8;background:#1f2f24;box-shadow:0 0 0 3px #f3c62380,0 4px 8px #00000073}.kid-slider-scale{display:flex;justify-content:space-between;gap:10px;font-size:clamp(17px,4.3vw,20px);font-weight:800;color:#ffffffd1}.char-row{display:flex;gap:12px;flex-wrap:wrap}.persona-card{flex:1 1 auto;min-width:150px;background:var(--panel);border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.persona-seat{font-size:clamp(18px,4.7vw,21px);font-weight:800;opacity:.8}.persona-avatar{width:68px;height:68px;border-radius:50%;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:30px;background-size:cover;background-position:center}.persona-avatar.has-art{font-size:0}.seller-note{font-size:clamp(17px,4.3vw,20px);font-weight:700;line-height:1.35;opacity:.8;background:#0003;border-radius:8px;padding:10px 12px}.btn.start{position:static;margin-top:10px;flex:0 0 auto;background:var(--gold);font-size:clamp(24px,6.2vw,30px);font-weight:900;min-height:70px!important;padding:18px;box-shadow:0 4px 16px #00000080}.opp-seats{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:2px;--opp-capture-overlap: -.67}.opp-seats>.seat{flex:1 1 50%;min-width:140px;scroll-snap-align:start}.opp-seats.count-1>.seat{flex:1 1 100%}.opp-seats.count-2>.seat{flex:1 1 50%;max-width:50%}.seat{background:var(--panel);border-radius:10px;padding:5px 6px;border:2px solid transparent;z-index:100;position:relative}.seat.active{border-color:var(--gold);box-shadow:0 0 12px #f3c62366}.seat.bubble-active{z-index:15000!important}.seat.opp.inspectable{cursor:pointer;transition:border-color .16s ease-out,box-shadow .16s ease-out,transform .16s ease-out}.seat.opp.inspectable:hover,.seat.opp.inspectable:focus-visible{border-color:#f3c623b3;box-shadow:0 0 14px #f3c62347;outline:none}.seat.opp.inspectable:active{transform:translateY(1px)}.seat.seller{opacity:.85;background:#f3c6231a;border-color:#f3c62359}.seat-head{display:flex;align-items:center;gap:5px;margin-bottom:3px;flex-wrap:nowrap;min-width:0}.seat-avatar{width:28px;height:28px;border-radius:50%;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:17px;background-size:cover;background-position:center;flex-shrink:0}.seat-avatar.has-art{font-size:0}.seat-name{font-weight:700;font-size:clamp(15px,3.4vw,18px);min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-stats{display:flex;flex-wrap:nowrap;gap:2px 5px;font-size:clamp(14px,3.4vw,17px);line-height:1.12;min-width:0;overflow:hidden}.seat-stats .stat{opacity:.92;white-space:nowrap;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:clip}.seat-stats .stat.gold{color:var(--gold);font-weight:700;flex-shrink:0}.seat-hand{display:flex;gap:0;margin-top:4px;flex-wrap:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;min-height:var(--back-h)}.seat-hand .card.back{width:var(--back-w);height:var(--back-h);flex:0 0 auto;margin-left:calc(var(--back-w) * -.75);box-shadow:-2px 1px 3px #00000073}.seat-hand .card.back:first-child{margin-left:0}.seat-captured{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:5px;padding:2px 4px}.seat-captured>.mini{flex:0 0 auto;margin-right:calc(var(--mini-w) * -.67);box-shadow:0 2px 4px #0000004d}.seat-captured>.mini:last-child{margin-right:0}.seat-captured>.mini:hover{transform:translateY(-10px) scale(1.25);z-index:100;box-shadow:0 6px 12px #00000080}:root{--opp-mini-w: var(--card-w);--opp-mini-h: var(--card-h)}.seat-captured-cards{display:flex;flex-wrap:wrap;gap:4px 0;margin:0;padding:4px 2px 2px;align-content:flex-start;min-height:calc(var(--opp-mini-h) * 2.5 + 8px)}.seat-captured-cards>.mini{width:var(--opp-mini-w);height:var(--opp-mini-h);flex:0 0 auto;margin:0;margin-left:calc(var(--opp-mini-w) * var(--opp-capture-overlap, -.67));position:relative;z-index:1;box-shadow:-2px 1px 3px #00000073}.seat-captured-cards>.mini:first-child,.seat-captured-cards>.mini.cat-break{margin-left:0}.seat-captured-cards>.mini.cat-break{margin-left:4px}.seat-captured-cards>.mini:nth-child(2n){transform:translateY(-3px);z-index:2}.seat-captured-cards>.mini:nth-child(3n){z-index:3}.seat-captured-cards>.mini:nth-child(4n){z-index:4}.seat-captured-cards>.mini:nth-child(5n){z-index:5}.seat-captured-cards>.mini:nth-child(6n){z-index:6}.seat-captured-cards>.mini:nth-child(7n){z-index:7}.seat-captured-cards>.mini:nth-child(8n){z-index:8}.seat-captured-cards>.mini:nth-child(9n){z-index:9}.seat-captured-cards>.mini:nth-child(10n){z-index:10}.captured-row .row-cards>.mini{width:var(--opp-mini-w);height:var(--opp-mini-h);flex:0 0 auto;box-shadow:0 1px 3px #0006}.captured-row .row-cards>.mini:hover{transform:translateY(-8px) scale(1.35);z-index:100;box-shadow:0 6px 14px #0000008c}.captured-row.row-gwang .row-label{color:#f1c40f}.captured-row.row-yeol .row-label{color:#e67e22}.captured-row.row-tti .row-label{color:#5dade2}.captured-row.row-pi1 .row-label,.captured-row.row-pi2 .row-label{color:#2ecc71}.seat.me{background:var(--panel);display:flex;align-items:center;flex-wrap:nowrap;gap:5px 8px;padding:5px 7px;min-width:0}.seat.me .seat-head{margin-bottom:0;flex:0 0 auto}.seat.me .seat-stats{flex:1 1 0;font-size:clamp(16px,4vw,20px);flex-wrap:nowrap;min-width:0;overflow:hidden;gap:3px clamp(8px,2.4vw,14px)}.seat.me .seat-stats .stat{flex:0 0 auto}.seat.me .seat-stats .stat.rule-inline-shake{padding:1px 6px;border-radius:999px;background:#ff6b57;color:#fff;font-size:.78em;font-weight:900;line-height:1.05;box-shadow:0 1px 4px #00000052}.seat.me.spectator-seat .seat-stats{font-size:clamp(16px,4vw,20px)}.seat.me.spectator-seat .seat-name{font-size:clamp(18px,4.5vw,22px)}.seat.me.spectator-seat .seat-avatar{width:clamp(32px,8vw,42px);height:clamp(32px,8vw,42px);font-size:clamp(18px,4.8vw,24px)}.hand-header-container{display:flex;align-items:center;gap:12px;margin:4px 0 2px;padding:0 4px;flex:0 0 auto;align-self:stretch;box-sizing:border-box;min-height:16px}.turn-timer-label{color:var(--gold);opacity:.95;font-weight:800;margin:0;white-space:nowrap;flex:0 0 auto;font-size:1em;line-height:1}.turn-timer.danger .turn-timer-label{color:#ff5252}.turn-timer{flex:0 1 clamp(72px,21vw,124px);display:flex;align-items:center;gap:clamp(4px,1.4vw,8px);height:1.25em;margin-left:auto;min-width:0;max-width:clamp(72px,21vw,124px)}.turn-timer-bar-container{flex:1 1 auto;height:.55em;background:#ffffff26;border-radius:999px;overflow:hidden;position:relative;min-width:0}.turn-timer-bar{height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#4caf50,#8bc34a);will-change:width}.turn-timer-num{flex:0 0 auto;font-size:1em;line-height:1;font-variant-numeric:tabular-nums;color:var(--muted, #aaa);min-width:1.7em;text-align:right;font-weight:700}.turn-timer.danger .turn-timer-bar{background:linear-gradient(90deg,#e53935,#ff7043)}.turn-timer.danger .turn-timer-num{color:#ff5252;font-weight:700}@media (prefers-reduced-motion: reduce){.turn-timer-bar{transition:none!important}}.seat{position:relative}.seat-avatar{will-change:transform}@keyframes rx-pop{0%{transform:scale(1) translateZ(0);z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}35%{transform:scale(2.2) translate3d(0,-14px,100px);z-index:150;filter:drop-shadow(0 15px 30px rgba(0,0,0,.65)) drop-shadow(0 0 10px rgba(243,198,35,.4))}75%{transform:scale(.92) translateZ(0);z-index:150}to{transform:scale(1) translateZ(0);z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}}.seat-avatar.rx-pop{animation:rx-pop .65s cubic-bezier(.25,.8,.25,1.25)}@keyframes rx-shake{0%,to{transform:translate(0) scale(1);z-index:10}15%,85%{transform:scale(1.8) translate3d(0,-10px,80px);z-index:150;filter:drop-shadow(0 12px 24px rgba(0,0,0,.6))}30%{transform:scale(1.8) translate3d(-10px,-10px,80px) rotate(-8deg);z-index:150}45%{transform:scale(1.8) translate3d(10px,-10px,80px) rotate(8deg);z-index:150}60%{transform:scale(1.8) translate3d(-6px,-10px,80px) rotate(-5deg);z-index:150}75%{transform:scale(1.8) translate3d(6px,-10px,80px) rotate(5deg);z-index:150}}.seat-avatar.rx-shake{animation:rx-shake .75s ease-in-out}@keyframes rx-bounce{0%,to{transform:translateY(0) scale(1);z-index:10}25%{transform:scale(2) translate3d(0,-22px,90px);z-index:150;filter:drop-shadow(0 14px 28px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(243,198,35,.3))}45%{transform:scale(1.9) translate3d(0,-4px,90px);z-index:150}65%{transform:scale(2) translate3d(0,-14px,90px);z-index:150;filter:drop-shadow(0 12px 24px rgba(0,0,0,.55))}85%{transform:scale(1.8) translate3d(0,-2px,90px);z-index:150}}.seat-avatar.rx-bounce{animation:rx-bounce .85s cubic-bezier(.25,.8,.25,1.15)}@keyframes rx-nod{0%,to{transform:translateY(0) rotate(0) scale(1);z-index:10}35%{transform:scale(1.6) translate3d(0,6px,50px) rotate(5deg);z-index:150;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}70%{transform:scale(1.6) translate3d(0,-3px,50px) rotate(-3deg);z-index:150}}.seat-avatar.rx-nod{animation:rx-nod .55s ease-in-out}.seat-head{position:relative}.opp-seats,.zone-top,.zone-top .opp-seats,.seat.opp,.seat-head{overflow:visible!important}.speech-bubble{position:absolute;left:0;right:auto;top:calc(100% + 6px);bottom:auto;transform:translate(var(--bubble-shift-x, 0px)) translateY(-6px) scale(.96);max-width:min(320px,calc(100vw - 16px));width:max-content;z-index:10000;background:#fffdf5;color:#222;font-size:clamp(16px,4vw,20px);font-weight:800;line-height:1.15;padding:8px 12px;border-radius:14px;box-shadow:0 4px 14px #00000080;opacity:0;transition:opacity .18s ease-out,transform .18s ease-out;pointer-events:none;white-space:normal;word-break:keep-all;overflow:visible;text-overflow:clip}.opp-seats>.seat:nth-last-child(1) .speech-bubble{left:auto;right:0}.speech-bubble:after{content:"";position:absolute;left:16px;bottom:100%;border:6px solid transparent;border-bottom-color:#fffdf5}.opp-seats>.seat:nth-last-child(1) .speech-bubble:after{left:auto;right:16px}.speech-bubble.show{opacity:1;transform:translate(var(--bubble-shift-x, 0px)) translateY(0) scale(1)}.speech-bubble.no-anim{transition:none}.zone-bottom .speech-bubble{top:auto;bottom:calc(100% + 8px);transform:translate(var(--bubble-shift-x, 0px)) translateY(6px) scale(.96)}.zone-bottom .speech-bubble.show{transform:translate(var(--bubble-shift-x, 0px)) translateY(0) scale(1)}.zone-bottom .speech-bubble:after{top:100%;bottom:auto;border-top-color:#fffdf5;border-bottom-color:transparent}@media (prefers-reduced-motion: reduce){.seat-avatar.rx-pop,.seat-avatar.rx-shake,.seat-avatar.rx-bounce,.seat-avatar.rx-nod{animation:none!important}.speech-bubble{transition:none!important;transform:none}}@keyframes fx-played{0%{opacity:.92;filter:brightness(1.18)}45%{opacity:1;filter:brightness(1.35)}to{opacity:1;filter:brightness(1)}}.card.fx-played{animation:fx-played .42s ease-out;outline:2px solid var(--gold);box-shadow:0 0 14px #f3c623b3,0 6px 14px #00000073;z-index:5}.card-row.floor{perspective:1000px}@keyframes fx-flip-3d{0%{transform:rotateY(180deg) scale(.94);opacity:0}40%{transform:rotateY(90deg) scale(1.04);opacity:.6}70%{transform:rotateY(20deg) scale(1.04);opacity:1}to{transform:rotateY(0) scale(1);opacity:1}}.card.fx-flip{animation:fx-flip-3d 1.5s cubic-bezier(.2,.7,.3,1) both;transform-style:preserve-3d;backface-visibility:hidden;z-index:5}@keyframes fx-flip-reduce-fade{0%{opacity:0}to{opacity:1}}.card.fx-flip-reduce,.card.fx-flash{outline:2px solid #6fe39a;animation:fx-flip-reduce-fade .18s ease-out}@keyframes fx-capture-pulse{0%{box-shadow:0 0 #f3c62300,0 0 #fff5b400}30%{box-shadow:0 0 0 4px #f3c623e6,0 0 20px 10px #ffeb788c}70%{box-shadow:0 0 0 2px #f3c62380,0 0 30px 14px #ffeb7840}to{box-shadow:0 0 #f3c62300,0 0 #fff5b400}}.fx-capture-pulse{animation:fx-capture-pulse 1.8s ease-out;border-radius:10px}@keyframes fx-mini-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}.mini.fx-mini-pop{animation:fx-mini-pop .9s cubic-bezier(.2,.7,.3,1.2) both}@media (prefers-reduced-motion: reduce){.card.fx-played{animation:none!important;transform:none}.card.fx-flip{animation:none!important;transform:none;outline:2px solid #6fe39a}.fx-capture-pulse{animation:none!important;box-shadow:0 0 0 3px #f3c623d9}.mini.fx-mini-pop{animation:none!important}}.board-banner{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) scale(.7);z-index:40;pointer-events:none;font-weight:900;font-size:clamp(34px,13vw,76px);letter-spacing:2px;color:var(--gold);text-shadow:0 3px 0 rgba(0,0,0,.45),0 0 18px rgba(243,198,35,.6);opacity:0;transition:opacity .18s ease-out,transform .18s ease-out;white-space:nowrap;max-width:92vw;text-align:center}.board-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.board-banner.no-anim{transition:none}.heundeulgi-reveal{position:absolute;left:50%;top:48%;z-index:1180;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 10px 10px;border-radius:12px;border:3px solid rgba(243,198,35,.92);background:#111c12e0;box-shadow:0 0 0 2px #0000006b,0 16px 38px #00000094,0 0 26px #f3c6237a;opacity:0;transform:translate(-50%,-50%) scale(.82);pointer-events:none;transition:opacity .16s ease,transform .22s cubic-bezier(.2,1.35,.25,1)}.heundeulgi-reveal.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.heundeulgi-reveal.no-anim{transition:none}.heundeulgi-reveal-title{font-size:clamp(18px,4.2vw,28px);line-height:1;font-weight:900;color:#ffd83d;text-shadow:0 2px 0 rgba(0,0,0,.65);white-space:nowrap}.heundeulgi-reveal-cards{display:flex;align-items:flex-end;justify-content:center;gap:clamp(2px,1vw,6px);min-width:calc(var(--card-w) * 2.35)}.heundeulgi-reveal-cards .card{width:calc(var(--card-w) * 1.18);height:calc(var(--card-h) * 1.18);transform:rotate(var(--reveal-rotate, 0deg));transform-origin:50% 90%;box-shadow:0 8px 14px #00000073}@media (prefers-reduced-motion: reduce){.board-banner{transition:none!important;transform:translate(-50%,-50%) scale(1)}}.result-btns{display:flex;gap:10px;justify-content:center;margin-top:16px}button.back{background:#e8e8e8}.settle{margin:14px 0;display:flex;flex-direction:column;gap:6px;text-align:left}.settle-row{display:grid;grid-template-columns:minmax(0,1.35fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 10px;background:#f3f3f3;border-radius:8px}.settle-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settle-delta{font-weight:800;font-size:16px;text-align:center}.settle-delta.plus{color:#1f7a3d}.settle-delta.minus{color:#c0392b}.settle-delta.zero{color:#888}.settle-bak{font-size:12px;color:#c0392b;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settle-row.seller{background:#fff7e0;border:1px solid var(--gold);grid-template-columns:minmax(0,1.55fr) auto minmax(0,.95fr)}.settle-row.seller .settle-bak{color:#b8860b}.settle-note{font-size:12px;color:#555;text-align:center;margin-top:2px}.seat.dead{opacity:.5;filter:grayscale(.6)}.seat-badge{margin-left:auto;font-size:10px;font-weight:800;padding:2px 6px;border-radius:999px;white-space:nowrap;letter-spacing:.2px;flex:0 1 auto;max-width:74px;overflow:hidden;text-overflow:ellipsis;text-align:center}.seat-badge.badge-seller{background:var(--gold);color:#222;box-shadow:0 0 6px #f3c6238c}.seat-badge.badge-dead{background:#555;color:#ddd}.seat-badge.badge-join{background:#6fe39a33;color:#9ff0b9;border:1px solid rgba(111,227,154,.35)}.seat-badge.badge-deciding{background:#f3c62333;color:var(--gold);border:1px solid rgba(243,198,35,.45);box-shadow:0 0 8px #f3c62359}.seat-badge.badge-wait{background:#ffffff14;color:#ffffffc7;border:1px solid rgba(255,255,255,.12)}.rule-status-badges{position:absolute;top:4px;right:4px;z-index:4;display:flex;gap:3px;pointer-events:none}.rule-status-badge{min-width:26px;padding:2px 5px;border-radius:999px;font-size:11px;line-height:1.05;font-weight:900;text-align:center;color:#1a1a1a;border:1px solid rgba(0,0,0,.35);box-shadow:0 2px 6px #00000059}.rule-status-badge.shake{background:#ffd447}.rule-status-badge.bomb{background:#ff6b57;color:#fff}.rule-status-badge.pass{background:#91d7ff}@media (max-width: 430px),(max-height: 600px){.seat-badge{font-size:9px;padding:1px 5px;max-width:58px}}.participation-dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:flex-end;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + clamp(286px,32dvh,320px)) 14px calc(env(safe-area-inset-bottom,0px) + clamp(232px,26dvh,270px));pointer-events:none}.participation{background:#00000059;border:2px solid var(--gold);border-radius:12px;padding:8px 10px;margin:0 auto;max-width:396px;width:min(396px,92vw);pointer-events:auto;box-shadow:0 18px 44px #00000061;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.participation-title{font-weight:800;color:var(--gold);text-align:center;margin-bottom:6px;font-size:18px}.participation-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.participation-row{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;padding:4px 6px;border-radius:6px;background:#ffffff0f}.participation-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participation-state{font-size:11px;opacity:.85;white-space:nowrap}.participation-state.join{color:#6fe39a;font-weight:700}.participation-state.die{color:#ff8a8a;font-weight:700}.participation-state.deciding{color:var(--gold);font-weight:700}.gwang-grid{grid-template-columns:1fr;margin-top:10px;border-top:1px dashed rgba(255,255,255,.2);padding-top:10px}.sound-grid{grid-template-columns:1fr 1fr}.sound-grid .rule-num{grid-column:1 / -1;display:grid;grid-template-columns:minmax(132px,.8fr) minmax(96px,1fr);align-items:center}.sound-grid .rule-num>span{white-space:nowrap;font-size:clamp(18px,4.7vw,21px)}.silver-grid{grid-template-columns:1fr}.sound-grid .gwang-sub,.silver-grid .gwang-sub{margin-bottom:0}.silver-toggle-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px}.silver-toggle-label{min-width:0;font-size:clamp(20px,5.2vw,24px);line-height:1.18;font-weight:900;word-break:keep-all}.silver-toggle-row input{flex:0 0 auto;width:28px;height:28px}.gwang-grid .rule-num{display:grid;grid-template-columns:minmax(108px,.78fr) minmax(0,1.22fr);align-items:center}.gwang-grid .rule-num>span{white-space:nowrap}.gwang-grid .select.small,.gwang-grid .rule-num input{width:100%}.gwang-sub{grid-column:1 / -1;font-weight:900;color:var(--gold);font-size:clamp(20px,5.2vw,24px);line-height:1.2;margin-bottom:2px}@media (max-width: 430px),(max-height: 600px){:root{--hand-card-w: clamp(40px, min(12.5vw, 6.5dvh), 62px);--hand-card-h: calc(var(--hand-card-w) * 1.5);--card-w: calc(var(--hand-card-w) * .85);--card-h: calc(var(--card-w) * 1.5);--back-w: clamp(20px, 4.5vw, 28px);--back-h: calc(var(--back-w) * 1.5);--mini-w: clamp(24px, min(7vw, 3.5dvh), 32px);--mini-h: calc(var(--mini-w) * 1.5);--inline-mini-w: var(--mini-w);--inline-mini-h: var(--mini-h);--opp-mini-w: var(--mini-w);--opp-mini-h: var(--mini-h);--deck-card-w: var(--card-w);--deck-card-h: var(--card-h);--floor-slot-w: var(--card-w);--floor-slot-h: var(--card-h);--side-left-w: 42px;--side-right-w: 76px}.stage{gap:5px;padding:calc(8px + env(safe-area-inset-top,0px)) 5px calc(8px + env(safe-area-inset-bottom,0px))}.zone-top{max-height:25dvh}.seat{padding:4px 5px}.seat-avatar{width:24px;height:24px;font-size:15px}.seat-name{font-size:clamp(14px,3.4vw,16px)}.seat-stats{font-size:clamp(13px,3.2vw,16px);gap:2px 4px;flex-wrap:nowrap}.tool-btn{font-size:9px;padding:3px 5px;min-height:22px}.opp-seats>.seat{min-width:78px}.mci-label{font-size:9px}.toast{font-size:clamp(13px,3.4vw,16px)}.zone-mid{max-height:none!important;flex:1 1 0;min-height:0;gap:2px}.seat-captured-cards{min-height:calc(var(--opp-mini-h) * 1.2 + 2px)!important;gap:2px 0;padding:2px 2px 1px}.board-grid{min-height:138px;gap:4px;padding:2px}.card-row.hand{--hand-gap: clamp(1px, .8vw, 4px);min-height:calc(var(--hand-card-h) + 18px)!important;padding:8px 8px 12px!important}.rec-badge{font-size:8px!important;padding:1px 4px!important;top:-6px!important}.zone-bottom{position:relative;z-index:10;background:radial-gradient(circle at 50% 120%,var(--board) 0%,var(--board-dark) 100%);box-shadow:0 -4px 10px #0006}.player-bar{padding:4px 8px;gap:8px}.player-bar .name{font-size:13px}.player-bar .stat{font-size:11px}.seat.me{padding:4px 6px;gap:3px 6px}.seat.me .seat-stats{font-size:clamp(15px,3.8vw,18px)}.seat.me.spectator-seat .seat-avatar{width:clamp(32px,8.5vw,40px);height:clamp(32px,8.5vw,40px);font-size:clamp(18px,5vw,23px)}.seat.me.spectator-seat .seat-name{font-size:clamp(18px,4.7vw,21px)}.seat.me.spectator-seat .seat-stats{font-size:clamp(16px,4.2vw,19px)}.my-capture-inline{padding:3px 4px 1px;min-height:calc(var(--mini-h) + 4px);height:calc(var(--mini-h) + 6px)}.tool-btn.icon{width:clamp(28px,9.5vw,34px);height:clamp(28px,9.5vw,34px);font-size:clamp(19px,6vw,24px)}.hub-gwang-seller{padding:6px 5px;gap:4px}.hub-gwang-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1}.hub-gwang-name{max-width:68px;font-size:13px;line-height:1.05}.hub-gwang-badge{font-size:12px;line-height:1.05}}@media (min-width: 600px){:root{--card-w: clamp(46px, min(7.2vw, 5.9dvh), 68px);--card-h: calc(var(--card-w) * 1.5);--back-w: clamp(26px, min(3.4vw, 2.9dvh), 40px);--back-h: calc(var(--back-w) * 1.5);--hand-card-w: clamp(60px, min(11vw, 8.2dvh), 96px);--hand-card-h: calc(var(--hand-card-w) * 1.5);--deck-card-w: clamp(52px, min(7.4vw, 6.6dvh), 76px);--deck-card-h: calc(var(--deck-card-w) * 1.5);--floor-slot-w: var(--card-w);--floor-slot-h: var(--card-h);--opp-mini-w: var(--card-w);--opp-mini-h: var(--card-h);--mini-w: var(--card-w);--mini-h: var(--card-h);--inline-mini-w: var(--mini-w);--inline-mini-h: var(--mini-h)}#app{max-width:820px}.stage{gap:8px;padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px))}.card-row.hand{--hand-gap: clamp(1px, .8vw, 4px);min-height:calc(var(--hand-card-h) * 1.34);padding:calc(var(--hand-card-h) * .24) 16px calc(var(--hand-card-h) * .08) 16px;scroll-padding-inline:16px}.opp-seats{display:grid;overflow-x:visible;gap:10px}.opp-seats.count-1{grid-template-columns:1fr;--opp-capture-overlap: -.16}.opp-seats.count-2{grid-template-columns:1fr 1fr;--opp-capture-overlap: -.34}.opp-seats.count-3{grid-template-columns:repeat(3,1fr);--opp-capture-overlap: -.52}.opp-seats>.seat{flex:initial;min-width:0;width:100%;max-width:none}.opp-seats.count-1>.seat,.opp-seats.count-2>.seat,.opp-seats.count-3>.seat{width:100%;max-width:none}.seat{padding:8px}.capture-panel{grid-template-columns:repeat(4,1fr);gap:8px}.mini-cards{flex-wrap:wrap;overflow-x:visible}.result-card{width:min(80vw,460px)}}@media (min-width: 1024px){:root{--card-w: clamp(54px, 5.6dvh, 76px);--card-h: calc(var(--card-w) * 1.5);--back-w: clamp(30px, 3dvh, 42px);--back-h: calc(var(--back-w) * 1.5);--hand-card-w: clamp(70px, min(8.8vw, 8dvh), 104px);--hand-card-h: calc(var(--hand-card-w) * 1.5);--deck-card-w: clamp(58px, 6.2dvh, 86px);--deck-card-h: calc(var(--deck-card-w) * 1.5);--floor-slot-w: var(--card-w);--floor-slot-h: var(--card-h);--opp-mini-w: var(--card-w);--opp-mini-h: var(--card-h);--mini-w: var(--card-w);--mini-h: var(--card-h)}#app{max-width:1180px}.stage{gap:10px;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px))}.setup{max-width:820px}.seat{padding:10px}.opp-seats{gap:12px}}#rotate-notice{display:none!important}.legal-section{display:flex;flex-direction:column;gap:8px;background:#0000002e;border-radius:10px;padding:10px 12px;margin-top:4px}.legal-summary{margin:0;font-size:clamp(17px,4.3vw,20px);line-height:1.5;opacity:.92}.legal-summary b{color:var(--gold)}.legal-details>summary{cursor:pointer;font-size:clamp(17px,4.3vw,20px);font-weight:700;opacity:.85;padding:4px 0}.legal-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.legal-row{background:#ffffff0a;border-left:3px solid var(--gold);border-radius:6px;padding:6px 8px}.legal-row-title{font-size:clamp(17px,4.3vw,20px);font-weight:700;color:var(--gold);margin-bottom:2px}.legal-row-body{font-size:clamp(17px,4.3vw,20px);line-height:1.5;opacity:.9}.legal-replay{margin-top:8px;align-self:flex-start;font-size:clamp(17px,4.3vw,20px)}.legal-footer{margin-top:12px;font-size:11px;color:#777;text-align:center;border-top:1px solid #e0e0e0;padding-top:8px}.legal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:21000;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.legal-modal{background:var(--panel);border:2px solid var(--gold);border-radius:14px;padding:18px 16px;width:min(92vw,440px);max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px;color:var(--text)}.legal-modal h2{margin:0;font-size:18px;color:var(--gold);text-align:center}.legal-modal-intro{margin:0;font-size:13px;line-height:1.55;opacity:.9;text-align:center}.legal-modal .legal-list{margin:0}.legal-modal-actions{display:flex;justify-content:center;margin-top:6px}.legal-modal-actions .btn{min-width:140px}.hub-tools.compact{display:flex;flex-direction:column;gap:6px;flex:0 0 auto;align-items:center}.tool-btn.icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:clamp(28px,9vw,38px);height:clamp(28px,9vw,38px);aspect-ratio:1 / 1;min-height:0;padding:0;font-size:clamp(20px,6.2vw,27px);line-height:1;border-radius:8px;border:1px solid rgba(243,198,35,.45);background:#0009}.tool-btn.icon .tool-badge{position:absolute;top:-7px;right:-7px;background:var(--gold);color:#222;font-size:13px;font-weight:800;padding:1px 6px;min-width:20px;height:13px;line-height:13px;border-radius:999px;text-align:center;box-shadow:0 1px 2px #00000080}.floor-header{display:flex;align-items:center;gap:10px;padding:2px 4px;flex:0 0 auto}.floor-header .floor-label{margin:0;font-size:12px;font-weight:700;opacity:.92}.deck-pile{display:flex;align-items:center;gap:6px;flex:0 0 auto}.deck-stack{position:relative;width:calc(var(--card-w) * .7);height:calc(var(--card-h) * .7)}.deck-stack .card.back.deck-back{position:absolute;width:100%;height:100%;margin:0;border-radius:5px;box-shadow:0 2px 4px #00000080}.deck-stack .card.back.deck-back:nth-child(1){top:0;left:0;transform:rotate(-4deg)}.deck-stack .card.back.deck-back:nth-child(2){top:-1px;left:3px;transform:rotate(0)}.deck-stack .card.back.deck-back:nth-child(3){top:-2px;left:6px;transform:rotate(4deg)}.deck-empty{width:calc(var(--card-w) * .7);height:calc(var(--card-h) * .7);display:flex;align-items:center;justify-content:center;font-size:18px;color:#ffffff59;border:1px dashed rgba(255,255,255,.3);border-radius:6px}.deck-count{background:var(--gold);color:#222;font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 3px #0006}#vfx-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.seat,.summary-bar,.log-drawer,.captured-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#13261894!important;border:1px solid rgba(223,162,18,.22)!important;box-shadow:0 3px 9px #00000057!important}.seat.active{border-color:#dfa21238!important;outline:3px solid var(--gold);outline-offset:-2px;box-shadow:0 0 0 2px #1a1a1abf,inset 0 0 0 2px #fff5be33,0 0 18px #f3c623b8,0 0 34px #f3c62352!important;animation:none}.card.rec{outline:2px solid rgba(223,162,18,.9)!important;box-shadow:0 0 0 1px #1a1a1a59,0 2px 7px #00000073,0 0 8px #dfa2126b;animation:rec-bob 2s ease-in-out infinite;transform:translateY(-4px);z-index:10}.card.rec-top{outline-width:3px!important;box-shadow:0 0 0 1px #1a1a1a66,0 3px 9px #0000007a,0 0 12px #dfa2129e;animation:rec-pulse-glow 1.4s ease-in-out infinite;transform:translateY(-6px);z-index:12}@keyframes rec-bob{0%,to{transform:translateY(-4px);box-shadow:0 0 0 1px #1a1a1a59,0 2px 7px #00000073,0 0 8px #dfa2126b}50%{transform:translateY(-7px);box-shadow:0 0 0 1px #1a1a1a59,0 4px 12px #0000008c,0 0 14px #dfa212bf}}@keyframes rec-pulse-glow{0%,to{transform:translateY(-6px);box-shadow:0 0 0 1px #1a1a1a66,0 3px 9px #0000007a,0 0 12px #dfa2129e}50%{transform:translateY(-9px);box-shadow:0 0 0 1px #1a1a1a66,0 5px 14px #0000008f,0 0 20px #dfa212e6}}.shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:800}.shop-modal{background:#141821f2;border:2px solid var(--gold);border-radius:16px;width:min(92vw,480px);max-height:85dvh;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 32px #0009;color:var(--text);overflow-y:auto}.shop-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:12px}.shop-header h2{margin:0;font-size:20px;font-family:serif;color:var(--gold)}.shop-points{font-weight:800;color:#fd6;font-size:14px}.shop-item-list{display:flex;flex-direction:column;gap:12px}.shop-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:10px;transition:background .2s}.shop-item:hover{background:#ffffff14}.shop-item-info{display:flex;flex-direction:column;gap:3px}.shop-item-name{font-weight:700;font-size:14px}.shop-item-desc{font-size:11px;opacity:.7}.shop-item-price{font-size:12px;color:var(--gold);font-weight:700}.shop-btn{background:var(--gold);color:#111;border:none;font-weight:800;font-size:12px;padding:6px 12px;border-radius:6px;cursor:pointer;transition:filter .1s}.shop-btn:hover{filter:brightness(1.15)}.shop-btn.owned{background:#ffffff26;color:#fff;cursor:default}.shop-btn.owned:hover{filter:none}.shop-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.8}.shop-close:hover{opacity:1}.stage{background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 45%),var(--board) 0%,var(--board-dark) 100%)!important;transition:background .05s ease-out}.card.clickable{transition:transform .15s cubic-bezier(.25,.8,.25,1),box-shadow .15s ease-out;transform-style:preserve-3d}@media (hover: hover){.card.clickable:not(.selected-two-step):not(.dragging-hand-card):hover{transform:translateY(-8px) scale(1.05) rotateY(var(--card-rotate-y, 0deg)) rotateX(var(--card-rotate-x, 0deg))!important;box-shadow:0 12px 24px #00000080!important;z-index:100}}.flying-card{position:fixed;z-index:9999;pointer-events:none;background-size:cover;background-position:center;border-radius:6px;box-shadow:0 12px 24px #00000073;transition:transform .35s cubic-bezier(.25,1,.5,1),width .35s cubic-bezier(.25,1,.5,1),height .35s cubic-bezier(.25,1,.5,1),opacity .35s ease-in;transform-origin:center center;will-change:transform,opacity,width,height}.flying-card.steal-pi{filter:brightness(1.2) saturate(1.25);box-shadow:0 0 0 3px #ff3b30e6,0 0 22px #ff3b30d9,0 0 34px #ffcf33d9,0 16px 28px #00000094;animation:steal-pi-flash .42s ease-in-out infinite alternate}@keyframes steal-pi-flash{0%{filter:brightness(1.12) saturate(1.15)}to{filter:brightness(1.42) saturate(1.45)}}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(4px,1.2vw,12px);align-items:stretch;justify-items:stretch;width:100%;height:100%;min-height:240px;padding:4px;box-sizing:border-box}.center-hub{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;gap:0;background:#0000008c;padding:clamp(3px,.8vw,7px) clamp(5px,1.4vw,10px);border-radius:12px;border:1.5px solid rgba(243,198,35,.45);box-shadow:0 12px 30px #000000a6,0 0 0 1px #ffffff0f,inset 0 0 16px #ffffff0a;z-index:10;min-width:0;width:auto;height:auto;align-self:center;justify-self:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hub-tools{display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:stretch}.hub-tools .tool-btn{font-size:11px;font-weight:700;padding:5px 9px;border-radius:6px;border:1px solid rgba(243,198,35,.35);background:#1a1a1ad9;color:var(--text);cursor:pointer;white-space:nowrap}.hub-tools .tool-btn.icon{width:clamp(30px,8.6vw,38px);height:clamp(30px,8.6vw,38px);aspect-ratio:1 / 1;padding:0;font-size:clamp(20px,6.2vw,27px);line-height:1;flex:0 0 auto}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px));background:#0000009e;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.pause-panel{width:min(340px,88vw);padding:18px;border-radius:8px;border:2px solid rgba(243,198,35,.58);background:#1c2a21f5;box-shadow:0 16px 42px #0000009e,inset 0 0 0 1px #ffffff14}.pause-title{margin-bottom:14px;text-align:center;font-size:24px;font-weight:900;color:var(--gold)}.pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hub-deck{display:flex;flex-direction:column;align-items:center;gap:0;flex:0 0 auto}.hub-deck .deck-pile{position:relative;gap:0;align-items:center;justify-content:center}.hub-deck .deck-stack{position:relative;width:var(--deck-card-w);height:var(--deck-card-h)}.hub-deck .deck-back{width:var(--deck-card-w)!important;height:var(--deck-card-h)!important;position:absolute;border-radius:6px;box-shadow:0 4px 12px #00000080}.hub-deck .deck-back:nth-child(1){top:0;left:0;transform:rotate(-2deg)}.hub-deck .deck-back:nth-child(2){top:-2px;left:1px;transform:rotate(0)}.hub-deck .deck-back:nth-child(3){top:-4px;left:2px;transform:rotate(1.5deg)}.hub-deck .deck-count{position:absolute;left:50%;bottom:6px;z-index:10;transform:translate(-50%);background:var(--gold);color:#222;font-size:clamp(14px,3.6vw,18px);font-weight:900;line-height:1;padding:4px 9px;border-radius:999px;text-shadow:none;letter-spacing:0;margin:0;box-shadow:0 2px 8px #00000073}.hub-gwang{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%}.zone-bottom.spectator-bottom .seat.me.spectator-seat{padding:7px 9px;gap:6px 10px;min-height:clamp(56px,8.5dvh,70px)}.zone-bottom.spectator-bottom .seat.me.spectator-seat .seat-avatar{width:clamp(38px,9.5vw,48px);height:clamp(38px,9.5vw,48px);font-size:clamp(21px,5.6vw,28px)}.zone-bottom.spectator-bottom .seat.me.spectator-seat .seat-name{font-size:clamp(20px,5.1vw,25px);font-weight:900}.zone-bottom.spectator-bottom .seat.me.spectator-seat .seat-stats{font-size:clamp(18px,4.8vw,22px);gap:4px clamp(8px,2.2vw,14px)}.zone-bottom.spectator-bottom .seat.me.spectator-seat .seat-stats .stat{white-space:nowrap}.hub-gwang-seller{display:flex;flex-direction:column;align-items:center;gap:4px;background:#b4281e40;border:1px solid rgba(180,40,30,.55);padding:6px 5px;border-radius:8px;width:100%;animation:pulse-gwang 2s infinite ease-in-out}@keyframes pulse-gwang{0%,to{box-shadow:0 0 4px #b4281e66}50%{box-shadow:0 0 12px #b4281ebf}}@keyframes sale-react-pop{0%{transform:scale(1);box-shadow:0 0 4px #f3c62340}35%{transform:scale(1.05);box-shadow:0 0 22px #f3c623bf}to{transform:scale(1);box-shadow:0 0 8px #f3c62359}}.hub-gwang-seller.sale-react{animation:sale-react-pop .9s ease-out 2}.hub-gwang-avatar{width:36px;height:36px;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;background-size:cover;background-position:center;flex-shrink:0}.hub-gwang-avatar.has-art{font-size:0}.hub-gwang-info{display:flex;flex-direction:column;align-items:center;font-size:13px;line-height:1.1;text-align:center}.hub-gwang-name{font-weight:700;color:var(--text);max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-gwang-badge{color:var(--gold);font-weight:800;font-size:12px;line-height:1.05}.hub-gwang-empty{display:flex;align-items:center;justify-content:center;width:100%;height:28px;border-radius:6px;border:1px dashed rgba(255,255,255,.15);font-size:11px;color:#ffffff47}.hub-gwang-empty .logo-txt{font-weight:900;letter-spacing:1px}.floor-slot{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:calc(var(--floor-slot-h) + 16px);border-radius:8px;transition:background .2s ease;overflow:visible}.floor-slot:has(.selectable){background:#ffe65014;box-shadow:inset 0 0 12px #ffe6501f}.floor-slot.multi-month{gap:4px;flex-wrap:wrap;align-content:center}.floor-slot.multi-month .floor-month-pile{transform:scale(.72);transform-origin:center center;margin:-10px -8px}.floor-month-pile{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:flex-start;width:var(--floor-slot-w);min-height:calc(var(--floor-slot-h) + 12px)}.floor-month-pile .stacked-card{position:relative;transition:transform .2s ease-out;flex-shrink:0;transform-origin:left bottom;transform:rotate(var(--stack-rotate, 0deg)) translate(calc(var(--floor-slot-w) * var(--stack-x-factor, 0)));z-index:var(--stack-z, 1)}.floor-month-pile.floor-choice-pile{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;width:calc(var(--floor-slot-w) * 2 + clamp(6px,calc(var(--floor-slot-w) * .14),10px));min-width:calc(var(--floor-slot-w) * 2 + clamp(6px,calc(var(--floor-slot-w) * .14),10px));min-height:var(--floor-slot-h);gap:clamp(6px,calc(var(--floor-slot-w) * .14),10px)}.floor-month-pile.floor-choice-pile .stacked-card{margin:0!important;transform:none!important}.floor-month-pile .transient-floor-card{pointer-events:none}.floor-month-pile .transient-overlay-card{z-index:var(--stack-z, 20)!important}.floor-month-pile .transient-match-overlap{box-shadow:0 0 0 2px #f3c6238c,0 8px 16px #0000007a}.floor-month-pile .stacked-card:hover{transform:translateY(-10px) scale(1.15) rotate(0)!important;z-index:100!important;box-shadow:0 10px 20px #0009,0 0 20px #ffe6504d}@keyframes fx-deal-card{0%{transform:translate3d(var(--deal-from-x, 0),var(--deal-from-y, 0),0) scale(.3) rotateY(180deg);opacity:0}15%{opacity:1}to{transform:translateZ(0) scale(1) rotateY(0)}}.card.fx-deal{animation:fx-deal-card var(--deal-duration, .55s) cubic-bezier(.23,1,.32,1) both;animation-delay:var(--deal-delay, 0s);pointer-events:auto}.card-magnifier-tip{position:absolute;bottom:108%;left:50%;transform:translate(-50%);background:#0a0f17f2;border:2px solid var(--gold);color:#fff;font-size:16px;font-weight:900;padding:4px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 4px 12px #000000b3;pointer-events:none;z-index:200;animation:rx-pop .15s ease-out}.speech-bubble.critical{font-size:clamp(20px,5vw,26px)!important;font-weight:900!important;max-width:min(340px,calc(100vw - 16px))!important;white-space:normal!important;color:#ff3b30!important;background:#fff!important;border:2px solid #ff3b30!important;text-shadow:0 0 6px rgba(255,59,48,.2);animation:rx-bubble-shudder .4s ease-in-out infinite!important}@keyframes rx-bubble-shudder{0%,to{transform:translate(var(--bubble-shift-x, 0px)) translate(0) scale(1.05)}25%{transform:translate(var(--bubble-shift-x, 0px)) translate(-2px,1.5px) scale(1.05)}75%{transform:translate(var(--bubble-shift-x, 0px)) translate(2px,-1.5px) scale(1.05)}}.card.selected-two-step{z-index:9999!important;transform-origin:bottom center!important;animation:none!important;outline:3px solid rgba(243,198,35,.95)!important;box-shadow:0 0 0 1px #1a1a1a59,0 0 16px #f3c623bf!important}.card.dragging-hand-card{z-index:9999!important;transform-origin:bottom center!important;transition:none!important;box-shadow:0 16px 36px #000000a6!important;animation:none!important}.card-row.hand.has-active-card{overflow:visible!important}