:root{--lava-1: #ff6a2b;--lava-2: #e63322;--lava-3: #b01d1c;--lava-4: #7d1016;--ember: #ffb057;--sun: #ffd23e;--sun-deep: #f59a1c;--ink: #fff6ec;--ink-dim: #ffcdb0;--night: #47090e;--glass: rgba(38, 4, 8, .62);--glass-line: rgba(255, 190, 140, .28);--ok: #6fe08a;--danger: #ff4d3d;--card-face: #fdf9ef;--card-edge: #d9cdb2;--card-red: #e02b35;--card-black: #232733;--back-1: #2c1140;--back-2: #180a26;--back-accent: #ff8a3c;--radius: 16px;--shadow-card: 0 3px 8px rgba(60, 5, 10, .5), 0 10px 22px rgba(60, 5, 10, .35);--cw: clamp(58px, 12vw, 78px);--ch: calc(var(--cw) * 1.42);--cw-s: calc(var(--cw) * .72);--ch-s: calc(var(--cw-s) * 1.42);--cw-t: calc(var(--cw) * .48);--ch-t: calc(var(--cw-t) * 1.42);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background:radial-gradient(130% 90% at 50% -20%,var(--lava-1) 0%,transparent 55%),radial-gradient(120% 120% at 85% 110%,#ff7a35 0%,transparent 45%),linear-gradient(160deg,var(--lava-2) 0%,var(--lava-3) 55%,var(--lava-4) 100%);background-attachment:fixed;font-family:Segoe UI,Avenir Next,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;overflow-x:hidden}.view{min-height:100%;display:flex;flex-direction:column;max-width:1100px;margin:0 auto;padding:14px clamp(10px,3vw,24px) calc(18px + env(safe-area-inset-bottom))}h1,h2,h3{font-weight:800;letter-spacing:.01em}.view-title{text-align:center;margin:6px 0 14px;font-size:1.8rem;text-shadow:0 2px 0 rgba(90,8,10,.6),0 6px 18px rgba(255,140,60,.35)}.center-text{text-align:center}.muted{color:var(--ink-dim);font-size:.92rem}.panel{background:linear-gradient(180deg,#46080ed1,#2c0509db);border:1px solid var(--glass-line);border-radius:var(--radius);padding:18px;box-shadow:0 16px 40px #3203068c,inset 0 1px #ffd2a02e}.btn{font:inherit;font-weight:800;letter-spacing:.02em;border-radius:999px;border:none;padding:13px 22px;min-height:50px;cursor:pointer;color:var(--ink);background:linear-gradient(180deg,#ffffff29,#ffffff0d);box-shadow:0 4px #46060a8c,inset 0 1px #ffffff40;transition:transform .12s ease,filter .15s ease,box-shadow .12s ease;touch-action:manipulation}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #46060a8c}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.btn-link:focus-visible,.icon-btn:focus-visible,.pc:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.btn-primary{background:linear-gradient(180deg,#ffe066 0%,var(--sun-deep) 60%,#d97e0e 100%);color:#4a2500;text-shadow:0 1px 0 rgba(255,255,255,.45);box-shadow:0 5px #9a5606,0 12px 26px #ffa02866,inset 0 2px #ffffff8c}.btn-ghost{background:linear-gradient(180deg,#5a0a10d9,#3c060ad9);border:1px solid var(--glass-line)}.btn-danger{background:linear-gradient(180deg,#ff7561,#cf2c1d);color:#fff;box-shadow:0 5px #7e150c,inset 0 2px #ffffff59}.btn-big{padding:16px 26px;font-size:1.1rem}.btn-link{background:none;border:none;color:var(--ink-dim);text-decoration:underline;cursor:pointer;font:inherit;min-height:40px}.btn-link.danger{color:#ffb1a6}.btn.pulse{animation:btnpulse 1.3s ease-in-out infinite}@keyframes btnpulse{0%,to{box-shadow:0 5px #9a5606,0 0 #ffd23e99}50%{box-shadow:0 5px #9a5606,0 0 0 14px #ffd23e00}}.icon-btn{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(180deg,#ffe066,var(--sun-deep));color:#4a2500;font-size:1.25rem;font-weight:800;cursor:pointer;box-shadow:0 4px #9a5606,inset 0 2px #ffffff80}.icon-btn:active{transform:translateY(2px);box-shadow:0 2px #9a5606}.stack{display:flex;flex-direction:column;gap:12px;margin-top:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field span{color:var(--ink-dim);font-size:.9rem;font-weight:600}input[type=text],input:not([type]),select{font:inherit;padding:13px 16px;border-radius:14px;border:2px solid rgba(255,190,140,.35);background:#1e03068c;color:var(--ink);min-height:50px}input:focus-visible,select:focus-visible{outline:3px solid var(--sun);outline-offset:1px}.code-input{letter-spacing:7px;text-transform:uppercase;font-size:1.5rem;text-align:center;font-family:ui-monospace,monospace}.error-box{color:#ffe3de;background:#96140c8c;border:1px solid rgba(255,120,100,.6);border-radius:14px;padding:12px 14px;margin:10px 0;font-weight:600}.dot{width:11px;height:11px;border-radius:50%;display:inline-block;flex:none}.dot.on{background:var(--ok);box-shadow:0 0 8px var(--ok)}.dot.off{background:#9b9b9b}.beta-chip{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#4a2500;background:linear-gradient(180deg,#ffe066,var(--sun-deep));border-radius:999px;padding:3px 9px;box-shadow:0 2px #783c0080;white-space:nowrap}.pc{position:relative;display:inline-flex;width:var(--cw);height:var(--ch);padding:0;border:none;border-radius:12px;background:linear-gradient(165deg,#ffffff 0%,var(--card-face) 50%,#f1e9d2 100%);box-shadow:var(--shadow-card),inset 0 0 0 2px var(--card-edge),inset 0 0 0 5px #fff;cursor:default;flex:none;transition:transform .15s ease,box-shadow .15s ease;font-family:Georgia,Times New Roman,serif}button.pc{cursor:pointer}.pc-small{width:var(--cw-s);height:var(--ch-s);border-radius:9px;box-shadow:var(--shadow-card),inset 0 0 0 1px var(--card-edge),inset 0 0 0 3px #fff}.pc-tiny{width:var(--cw-t);height:var(--ch-t);border-radius:7px}.pc-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.pc-red{color:var(--card-red)}.pc-black{color:var(--card-black)}.pc-idx{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.9;font-weight:700}.pc-idx b{font-size:calc(var(--cw) * .32)}.pc-idx i{font-style:normal;font-size:calc(var(--cw) * .25)}.pc-small .pc-idx b{font-size:calc(var(--cw-s) * .36)}.pc-small .pc-idx i{font-size:calc(var(--cw-s) * .28)}.pc-tl{top:5%;left:8%}.pc-br{bottom:5%;right:8%;transform:rotate(180deg)}.pc-mid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cw) * .56)}.pc-small .pc-mid{font-size:calc(var(--cw-s) * .52)}.pc-tiny .pc-idx,.pc-tiny .pc-mid{display:none}.pc-back{background:radial-gradient(90% 90% at 50% 40%,var(--back-1),var(--back-2));box-shadow:var(--shadow-card),inset 0 0 0 2px #ff96508c,inset 0 0 0 5px #14061ee6}.pc-backface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden}.pc-weave{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:7px;border:1px solid rgba(255,150,80,.5);background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,138,60,.16) 0deg 12deg,transparent 12deg 24deg)}.pc-emblem{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--back-accent);font-size:calc(var(--cw) * .4);text-shadow:0 0 12px rgba(255,140,60,.7)}.pc-tiny .pc-emblem{font-size:calc(var(--cw-t) * .55)}.pc-selected{transform:translateY(-16px);box-shadow:0 0 0 4px var(--sun),0 16px 30px #3c050a8c,inset 0 0 0 2px var(--card-edge)}.pc-denied:after{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cw) * .82);font-weight:800;color:var(--danger);text-shadow:0 0 4px #fff,0 0 14px rgba(255,60,40,.8);animation:deniedpop .5s ease forwards;pointer-events:none}@keyframes deniedpop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.pc-shake{animation:cardshake .4s ease}@keyframes cardshake{0%,to{translate:0 0}20%{translate:-5px 0}40%{translate:5px 0}60%{translate:-4px 0}80%{translate:3px 0}}.pc-ghost-edge{box-shadow:var(--shadow-card),0 0 0 3px #78d2ffd9,0 0 22px #78d2ff8c,inset 0 0 0 2px var(--card-edge)}.pc-effective{box-shadow:var(--shadow-card),0 0 0 3px var(--sun),0 0 20px #ffd23e8c,inset 0 0 0 2px var(--card-edge)}.table-view{max-width:none;padding:8px 8px calc(10px + env(safe-area-inset-bottom));height:100dvh}.table-top{display:flex;align-items:center;gap:10px;padding:2px 4px 8px}.room-chip{font-family:ui-monospace,monospace;font-weight:700;letter-spacing:3px;background:var(--glass);border:1px solid var(--glass-line);border-radius:999px;padding:6px 14px;font-size:.92rem}.conn-chip{flex:1;font-size:.85rem;font-weight:600}.conn-chip.on{color:var(--ok)}.conn-chip.off{color:var(--sun);animation:blink 1.2s ease-in-out infinite}@keyframes blink{50%{opacity:.55}}.top-actions{display:flex;gap:10px;align-items:center}.settings-pop{position:absolute;top:62px;right:12px;z-index:60;background:linear-gradient(180deg,#5a0a10,#3a0509);border:1px solid var(--glass-line);border-radius:var(--radius);box-shadow:0 18px 44px #280205b3;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:250px}.setting-row{display:flex;align-items:center;gap:12px;justify-content:space-between;font-weight:600}.setting-row input[type=checkbox]{width:24px;height:24px;accent-color:var(--sun-deep)}.setting-row input[type=range]{accent-color:var(--sun-deep)}.felt{position:relative;flex:1;min-height:0}.felt-surface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%/44%;background:radial-gradient(60% 45% at 50% 34%,rgba(255,220,150,.28) 0%,transparent 60%),radial-gradient(120% 105% at 50% 42%,#f75c2e,#d63420 45%,#9c1a18 80%,#7c1014);box-shadow:inset 0 0 0 7px #ff96468c,inset 0 0 0 12px #780c0ed9,inset 0 30px 70px #50060a80,0 0 60px #ff6e2859,0 28px 60px #3202068c}.seat{position:absolute;left:var(--sx);top:var(--sy);transform:translate(-50%,-50%);z-index:5}.seat-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px 6px;border-radius:18px;transition:filter .3s ease,opacity .3s ease}.seat-current .seat-inner{background:radial-gradient(70% 85% at 50% 30%,rgba(255,226,130,.22),transparent 75%)}.seat-done .seat-inner{opacity:.55}.seat-offline .seat-inner{filter:grayscale(.8) brightness(.8)}.seat-hand{display:flex;justify-content:center;height:calc(var(--ch-t) * 1.15);position:relative;min-width:calc(var(--cw-t) * 3)}.seat-fan-card{position:absolute;left:50%;transform:translate(calc(-50% + var(--fi) * var(--cw-t) * .42)) rotate(calc(var(--sa) * -.06 + var(--fr) * -1));transform-origin:50% 120%}.seat-hand-more{position:absolute;right:-8px;top:-4px;background:var(--sun);color:#4a2500;font-weight:800;border-radius:999px;font-size:.72rem;padding:2px 8px;box-shadow:0 2px 6px #3c040880}.seat-table-cards{display:flex;gap:3px;align-items:flex-end;position:relative;height:calc(var(--ch-s) * .85)}.seat-table-cards .seat-fd{position:relative;top:4px}.seat-table-cards .pc-small{margin-left:-8px}.seat-plate{display:flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--glass-line);border-radius:999px;padding:5px 14px;font-size:.9rem;white-space:nowrap;box-shadow:0 4px 14px #32030680}.seat-name{font-weight:800;max-width:16ch;overflow:hidden;text-overflow:ellipsis}.seat-count{background:#ffc88238;border-radius:999px;min-width:24px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.seat-place{color:var(--sun);font-weight:800}.turn-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:22px;border:3px solid rgba(255,210,62,.9);box-shadow:0 0 22px #ffd23e8c,inset 0 0 22px #ffd23e33;pointer-events:none;animation:ringbreathe 2s ease-in-out infinite}@keyframes ringbreathe{50%{box-shadow:0 0 34px #ffd23ebf,inset 0 0 26px #ffd23e4d}}.skip-flash .seat-inner,.my-area.skip-flash{animation:skipflash .5s ease}@keyframes skipflash{0%{filter:none}40%{filter:brightness(1.7) saturate(.5)}to{filter:none}}.seat-toast{position:absolute;left:50%;top:-14px;transform:translate(-50%,-100%);background:#fff;color:#a3170f;font-weight:800;font-size:.88rem;border-radius:999px;padding:6px 14px;white-space:nowrap;box-shadow:0 6px 18px #3c040880;animation:toastpop .35s cubic-bezier(.2,1.6,.4,1);z-index:40;pointer-events:none}.seat-toast:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);border:7px solid transparent;border-top-color:#fff;border-bottom:0}.my-toast{top:-6px}@keyframes toastpop{0%{transform:translate(-50%,-100%) scale(.5);opacity:0}to{transform:translate(-50%,-100%) scale(1);opacity:1}}.center{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;gap:clamp(18px,4vw,44px);align-items:flex-start;z-index:4}.deck-col,.pile-col{display:flex;flex-direction:column;align-items:center;gap:8px}.center-label{font-size:.85rem;color:var(--ink-dim);white-space:nowrap;font-weight:600}.center-label strong{color:var(--ink)}.deck-stack{position:relative;width:var(--cw);height:var(--ch)}.deck-stack .pc{position:absolute;left:0;top:0}.deck-under.u1{transform:translate(2px,2px)}.deck-under.u2{transform:translate(4px,4px)}.deck-top{z-index:3}.deck-count{position:absolute;right:-12px;bottom:-8px;z-index:5;background:var(--glass);border:1px solid var(--glass-line);border-radius:999px;padding:2px 9px;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.pile-stack{position:relative;width:calc(var(--cw) * 1.25);height:calc(var(--ch) * 1.12);display:flex;align-items:center;justify-content:center}.pile-stack .pc{position:absolute}.pile-edge{position:absolute;width:var(--cw);height:var(--ch);border-radius:12px;background:#efe7d1;box-shadow:0 1px 3px #3c050a80,inset 0 0 0 1px #cabf9f}.pile-more{position:absolute;right:-8px;top:-8px;z-index:30;background:linear-gradient(180deg,#ffe066,var(--sun-deep));color:#4a2500;font-weight:800;border-radius:999px;padding:3px 10px;font-size:.84rem;box-shadow:0 3px 10px #3c040880}.slot-empty{display:flex;align-items:center;justify-content:center;width:var(--cw);height:var(--ch);border:3px dashed rgba(255,214,170,.4);border-radius:12px;color:var(--ink-dim);font-size:.82rem;font-weight:700}.pile-empty-mark{width:calc(var(--cw) * 1.15)}.rule-badge{display:inline-block;border-radius:999px;padding:4px 14px;font-weight:800;font-size:.88rem}.badge-seven{background:#ff46324d;border:2px solid #ff7c66;color:#ffd9d2}.badge-free{background:#6ee08a33;border:2px solid var(--ok);color:#d6ffe2}.badge-ghost{background:#78d2ff2e;border:2px solid #86d4ff;color:#dff2ff}.burned-note{position:absolute;right:calc(50% - var(--cw) * 2.7);top:-16px;color:var(--ember);font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:4px}.burned-icon{filter:drop-shadow(0 0 8px rgba(255,150,60,.9))}.turn-line{position:absolute;left:50%;bottom:4%;transform:translate(-50%);margin:0;font-size:1rem;font-weight:700;color:var(--ink);background:var(--glass);padding:7px 20px;border-radius:999px;border:1px solid var(--glass-line);white-space:nowrap;z-index:6;box-shadow:0 6px 18px #32030673}.history{position:absolute;left:10px;bottom:8px;margin:0;padding:0;list-style:none;max-width:min(300px,42vw);font-size:.75rem;color:var(--ink-dim);z-index:6}.history li{opacity:.55;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history li:last-child{opacity:1;color:var(--ink);font-weight:600}.my-area{position:relative;margin-top:6px;border-radius:22px;padding:10px 12px 12px;background:linear-gradient(180deg,#46080e8c,#2d0509b3);border:1px solid var(--glass-line);transition:border-color .3s ease,box-shadow .3s ease}.my-area.my-turn{border-color:#ffd23ecc;box-shadow:0 0 34px #ffbe3c4d,inset 0 0 30px #ffbe3c14}.my-table-cards{display:flex;justify-content:center;gap:24px}.my-fd,.my-fu{display:flex;gap:7px}.hand-fan{display:flex;justify-content:center;align-items:flex-end;position:relative;min-height:calc(var(--ch) * 1.14);padding-top:12px}.hand-fan .pc{margin-left:calc(var(--cw) * -.36);transform:rotate(var(--fr, 0deg)) translateY(calc(var(--fi, 0) * var(--fi, 0) * 1.4px));transform-origin:50% 130%}.hand-fan .pc:first-child{margin-left:0}.hand-fan .pc:hover,.hand-fan .pc:focus-visible{transform:rotate(var(--fr, 0deg)) translateY(-14px);z-index:30}.hand-fan .pc-selected{transform:rotate(var(--fr, 0deg)) translateY(-22px)!important;z-index:31}.hand-empty{color:var(--ink-dim);align-self:center;font-weight:600}.hint-line,.special-line{margin:6px 0 0;text-align:center;font-size:.9rem;font-weight:600}.hint-line{color:#ffe1a6}.special-line{color:#b8e4ff}.draw-alert{margin:8px auto 0;max-width:500px;text-align:center;color:#4a2500;background:linear-gradient(180deg,#ffe066,var(--sun-deep));border-radius:14px;padding:10px;font-weight:800;box-shadow:0 4px #9a5606;animation:blink 1.6s ease-in-out infinite}.action-bar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.action-bar .btn{flex:0 1 auto;min-width:160px}.chip-btn{border:2px solid var(--sun-deep);color:var(--sun);background:#3c060ab3}.flight-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.flight{position:absolute;will-change:transform;contain:layout paint;box-shadow:inset 0 0 0 1px var(--card-edge)}.skip-badge{position:absolute;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,var(--sun-deep));color:#4a2500;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:800;box-shadow:0 8px 22px #32030699,0 0 28px #ffc83cb3;will-change:transform,opacity}.ember{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#ffe28a,#ff7a3c 65%,transparent);will-change:transform,opacity}.reset-ring,.ghost-ring{position:absolute;width:130px;height:130px;border-radius:50%;border:4px solid rgba(140,240,170,.9);will-change:transform,opacity}.ghost-ring{border-color:#8cd8ffe6}.reduced-motion .turn-ring,.reduced-motion .btn.pulse,.reduced-motion .conn-chip.off,.reduced-motion .draw-alert,.reduced-motion .pc-shake{animation:none}@media (prefers-reduced-motion: reduce){.turn-ring,.btn.pulse,.conn-chip.off,.draw-alert,.confetti span,.pc-shake{animation:none!important}.pc,.btn{transition:none}.seat-toast{animation:none}}.home-view{justify-content:center;max-width:480px}.hero{text-align:center;margin-bottom:12px}.hero-cards{display:flex;justify-content:center;height:calc(var(--ch) * 1.08);margin-bottom:8px}.hero-cards .pc{margin:0 -16px;transform:rotate(var(--hr, 0deg));transform-origin:50% 160%;animation:herofloat 4s ease-in-out infinite}.hero-cards .pc:nth-child(2){animation-delay:-1.3s}.hero-cards .pc:nth-child(3){animation-delay:-2.6s}@keyframes herofloat{0%,to{translate:0 0}50%{translate:0 -7px}}@media (prefers-reduced-motion: reduce){.hero-cards .pc{animation:none}}.logo{font-size:clamp(2.6rem,10vw,3.8rem);font-weight:900;letter-spacing:.04em;margin:6px 0 2px;background:linear-gradient(180deg,#fff3c4 10%,var(--sun) 45%,var(--sun-deep) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(122,20,6,.85)) drop-shadow(0 10px 24px rgba(255,170,60,.4))}.tagline{color:var(--ink-dim);margin:0;font-weight:600}.home-actions{margin-top:20px}.form-panel{margin-top:16px;display:flex;flex-direction:column}.home-foot{text-align:center;color:var(--ink-dim);font-size:.85rem;margin-top:28px}.lobby-view{max-width:580px}.code-box{display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap}.code-label{color:var(--ink-dim);font-size:.88rem;font-weight:700}.code-value{font-size:2.2rem;letter-spacing:9px;font-family:ui-monospace,monospace;color:var(--sun);text-shadow:0 2px 0 rgba(110,16,4,.8),0 0 24px rgba(255,200,60,.4)}.lobby-players{list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:10px}.lobby-players li{display:flex;align-items:center;gap:12px;background:var(--glass);border:1px solid var(--glass-line);border-radius:16px;padding:13px 16px}.lobby-players li.me{border-color:#ffd23ea6;box-shadow:0 0 18px #ffc83c33}.lobby-players li.free{justify-content:center;color:var(--ink-dim);font-style:italic}.lp-name{flex:1;font-weight:800}.lp-mode{color:var(--ink-dim);font-size:.84rem;font-weight:600}.lp-ready.yes{color:var(--ok);font-weight:800}.lp-ready.no{color:var(--ink-dim)}.drawmode-panel{border:1px solid var(--glass-line);margin:0 0 8px}.drawmode-panel legend{color:var(--sun);padding:0 8px;font-weight:800}.radio-row{display:flex;gap:12px;align-items:flex-start;margin:10px 0}.radio-row input{width:24px;height:24px;margin-top:2px;accent-color:var(--sun-deep)}.result-view{justify-content:center;max-width:540px;position:relative}.result-card{text-align:center}.result-title{font-size:2.3rem;margin:4px 0 8px;text-shadow:0 3px 0 rgba(100,10,6,.7),0 8px 26px rgba(255,170,60,.45)}.shithead-stamp{font-size:3.4rem;margin:0;animation:stamp .6s cubic-bezier(.2,1.6,.4,1)}@keyframes stamp{0%{transform:scale(2.6);opacity:0}to{transform:scale(1);opacity:1}}.ranking{list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:10px}.ranking li{display:flex;align-items:center;gap:14px;background:var(--glass);border:1px solid var(--glass-line);border-radius:16px;padding:13px 18px}.ranking li.me{border-color:#ffd23eb3}.ranking li.winner{background:linear-gradient(90deg,rgba(255,200,60,.28),var(--glass))}.ranking li.loser{background:linear-gradient(90deg,rgba(120,30,30,.5),var(--glass))}.ranking .place{font-size:1.5rem;font-weight:900;color:var(--sun);width:36px}.ranking .name{flex:1;text-align:left;font-weight:800}.ranking .tag{color:var(--ink-dim);font-size:.9rem;font-weight:700}.result-note{color:var(--ink-dim);font-weight:600}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti span{position:absolute;top:-20px;left:calc((var(--ci) * 3.9% + 2%));width:10px;height:15px;background:hsl(calc(var(--ci) * 47),90%,62%);border-radius:3px;animation:confetti 2.8s linear infinite;animation-delay:calc(var(--ci) * -.23s)}@keyframes confetti{to{transform:translateY(110vh) rotate(720deg)}}.rules-view{max-width:660px}.rules-panel h2{margin-top:0}.rules-panel h3{color:var(--sun);margin:20px 0 6px}.rules-panel ul{padding-left:20px}.specials dt{color:var(--sun);font-weight:800;margin-top:12px}.specials dd{margin:2px 0 0}@media (max-width: 700px){:root{--cw: clamp(50px, 13vw, 62px)}.table-view{padding:6px 4px calc(8px + env(safe-area-inset-bottom))}.seat-plate{font-size:.78rem;padding:4px 10px}.players-4 [data-seat="1"]{left:17%;top:24%}.players-4 [data-seat="2"]{top:2%}.players-4 [data-seat="3"]{left:83%;top:24%}.players-3 [data-seat="1"]{left:18%;top:10%}.players-3 [data-seat="2"]{left:82%;top:10%}.players-3 .center,.players-4 .center{top:52%}.center{top:47%}.turn-line{font-size:.86rem;bottom:2%}.history{display:none}.my-table-cards{gap:12px}.action-bar .btn{min-width:0;flex:1 1 45%;padding:12px 8px;font-size:.94rem}.burned-note{display:none}.seat-toast{font-size:.78rem;padding:5px 10px}}@media (max-height: 720px){.hand-fan{min-height:calc(var(--ch) * 1)}.my-table-cards .pc-small{--cw-s: calc(var(--cw) * .6)}}