:root{--felt: #1a6b3c;--felt-dark: #0e4a27;--gold: #e8b64c;--ink: #12241a;--red: #d94a4a;--blue: #3d7bd9;--green: #3da65c;--yellow: #e8c832;--surface: #ffffff;--red-light: #ec7a72;--red-deep: #a92f34;--blue-light: #6b9ee8;--blue-deep: #2757a8;--green-light: #62c07e;--green-deep: #2a7d43;--yellow-light: #f2d968;--yellow-deep: #b8930f;--gold-bright: #f6d47e;--gold-deep: #c08c1e;--navy: #1b2a52;--navy-deep: #0c142e;--back-blue: #24418f;--back-blue-deep: #0d1740;--text: #f3efe6;--text-dim: rgba(243, 239, 230, .65);--radius-ui: 12px;--shadow-pop: 0 24px 60px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .3);--ease-spring: cubic-bezier(.34, 1.4, .5, 1);--ease-settle: cubic-bezier(.22, .9, .32, 1.1)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.4;color:var(--text);background-color:var(--felt-dark);background-image:radial-gradient(ellipse 120% 90% at 50% 25%,var(--felt) 0%,var(--felt-dark) 75%);min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}img,svg,canvas{display:block;max-width:100%}button,input,select{font:inherit}.card{--w: 72px;--face-grad: linear-gradient(150deg, #9aa5b1 0%, #6b7683 50%, #48515c 100%);position:relative;flex:none;width:var(--w);aspect-ratio:5 / 7;border-radius:calc(var(--w) * .1);border:calc(var(--w) * .045) solid #fff;background-color:#6b7683;background-image:var(--face-grad);color:#fff;user-select:none;-webkit-user-select:none;box-shadow:0 1px 2px #0000004d,0 calc(var(--w) * .01) calc(var(--w) * .025) #00000038,0 calc(var(--w) * .035) calc(var(--w) * .09) #00000047;transition:transform .15s ease,box-shadow .15s ease}.card:before{content:"";position:absolute;top:11%;right:9%;bottom:11%;left:9%;border-radius:50%;background:linear-gradient(168deg,#fff,#f4f0e4);box-shadow:0 0 0 calc(var(--w) * .012) #ffffff8c,inset 0 calc(var(--w) * .018) calc(var(--w) * .055) #12241a1f}@media(hover:hover){.card:hover:not(.card--slot){transform:translateY(calc(var(--w) * -.05));box-shadow:0 2px 3px #0000004d,0 calc(var(--w) * .02) calc(var(--w) * .05) #00000040,0 calc(var(--w) * .08) calc(var(--w) * .16) #00000052}}.card:active:not(.card--slot){transform:translateY(calc(var(--w) * .015)) scale(.98);box-shadow:0 1px 2px #00000059,0 calc(var(--w) * .015) calc(var(--w) * .04) #00000047}.card__center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;font-size:calc(var(--w) * .54);font-weight:900;line-height:1;letter-spacing:-.02em}.card__center--text{font-size:calc(var(--w) * .5)}.card__corner{position:absolute;z-index:2;font-size:calc(var(--w) * .2);font-weight:800;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.card__corner--tl{top:calc(var(--w) * .045);left:calc(var(--w) * .06)}.card__corner--br{bottom:calc(var(--w) * .045);right:calc(var(--w) * .06);transform:rotate(180deg)}.c-red{--face-grad: linear-gradient( 150deg, var(--red-light) 0%, var(--red) 45%, var(--red-deep) 100% )}.c-red .card__center{color:var(--red)}.c-blue{--face-grad: linear-gradient( 150deg, var(--blue-light) 0%, var(--blue) 45%, var(--blue-deep) 100% )}.c-blue .card__center{color:var(--blue)}.c-green{--face-grad: linear-gradient( 150deg, var(--green-light) 0%, var(--green) 45%, var(--green-deep) 100% )}.c-green .card__center{color:var(--green)}.c-yellow{--face-grad: linear-gradient( 150deg, var(--yellow-light) 0%, var(--yellow) 45%, var(--yellow-deep) 100% )}.c-yellow .card__center{color:var(--yellow-deep)}.c-wild{background-image:linear-gradient(155deg,#ffffff47,#fff0 40%,#0000002e),conic-gradient(from 45deg,var(--red) 0deg 90deg,var(--blue) 90deg 180deg,var(--green) 180deg 270deg,var(--yellow) 270deg 360deg)}.c-wild .card__center{color:var(--ink)}.c-skip{--face-grad: linear-gradient( 150deg, #34477e 0%, var(--navy) 45%, var(--navy-deep) 100% )}.c-skip .card__center{color:var(--navy)}.card-back{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0,rgba(255,255,255,.07) calc(var(--w) * .055),transparent calc(var(--w) * .055),transparent calc(var(--w) * .11)),repeating-linear-gradient(-45deg,rgba(0,0,0,.16) 0,rgba(0,0,0,.16) calc(var(--w) * .055),transparent calc(var(--w) * .055),transparent calc(var(--w) * .11)),linear-gradient(160deg,var(--back-blue) 0%,#14245c 55%,var(--back-blue-deep) 100%)}.card-back:before{content:none}.card-back:after{content:"";position:absolute;top:21%;right:13%;bottom:21%;left:13%;border-radius:50%;border:calc(var(--w) * .04) solid var(--gold);box-shadow:0 0 calc(var(--w) * .12) #e8b64c59,inset 0 0 calc(var(--w) * .1) #0006}.card__logo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;font-size:calc(var(--w) * .4);font-weight:900;font-style:italic;letter-spacing:-.04em;color:var(--gold);text-shadow:0 calc(var(--w) * .02) calc(var(--w) * .05) rgba(0,0,0,.55)}.card__badge{position:absolute;z-index:3;bottom:calc(var(--w) * .04);right:calc(var(--w) * .04);min-width:calc(var(--w) * .3);padding:calc(var(--w) * .02) calc(var(--w) * .07);border-radius:999px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--ink);font-size:calc(var(--w) * .17);font-weight:800;line-height:1.4;text-align:center;box-shadow:0 1px 3px #0006,inset 0 1px #ffffff80}.card--slot{background:#ffffff0f;background-image:none;border:calc(var(--w) * .035) dashed rgba(255,255,255,.4);box-shadow:none}.card--slot:before{content:none}.card--lg{--w: 110px}.card--md{--w: 72px}.card--sm{--w: 46px}.card--xs{--w: 30px}.btn{--btn-grad: linear-gradient(180deg, #4d5a6b 0%, #38424f 50%, #29313c 100%);-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:0;cursor:pointer;min-height:40px;padding:.6em 1.4em;border-radius:var(--radius-ui);font-weight:700;font-size:1rem;letter-spacing:.01em;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25);background-image:linear-gradient(180deg,#ffffff2e,#fff0 45%),var(--btn-grad);box-shadow:inset 0 1px #ffffff40,0 3px 6px #0000004d,0 1px 2px #00000040;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff26,0 1px 2px #0000004d;filter:brightness(.96)}.btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.btn:disabled{opacity:.45;filter:saturate(.6);cursor:not-allowed;box-shadow:0 1px 2px #0003}.btn--primary{--btn-grad: linear-gradient( 180deg, var(--blue-light) 0%, var(--blue) 45%, var(--blue-deep) 100% )}.btn--gold{--btn-grad: linear-gradient( 180deg, var(--gold-bright) 0%, var(--gold) 45%, var(--gold-deep) 100% );color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.3)}.btn--danger{--btn-grad: linear-gradient( 180deg, var(--red-light) 0%, var(--red) 45%, var(--red-deep) 100% )}.btn--ghost{background-image:none;background-color:#ffffff14;box-shadow:inset 0 0 0 2px #ffffff59;text-shadow:none}.btn--ghost:hover:not(:disabled){background-color:#ffffff29;filter:none}.btn--lg{min-height:52px;padding:.7em 1.8em;border-radius:14px;font-size:1.15rem}@keyframes deal-in{0%{transform:translate(calc(var(--w, 72px) * .6),calc(var(--w, 72px) * -1.4)) rotate(10deg) scale(.7);opacity:0}60%{transform:translateY(calc(var(--w, 72px) * .03)) rotate(-2deg) scale(1.02);opacity:1}to{transform:none;opacity:1}}@keyframes flip-in{0%{transform:perspective(600px) rotateY(90deg);opacity:.35}to{transform:perspective(600px) rotateY(0);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #e8b64c8c,0 0 18px 2px #e8b64c59}50%{box-shadow:0 0 0 6px #e8b64c1f,0 0 30px 8px #e8b64c8c}}@keyframes slide-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes pop-in{0%{transform:scale(.6);opacity:0}55%{transform:scale(1.06);opacity:1}80%{transform:scale(.98)}to{transform:scale(1)}}.anim-deal{animation:deal-in .5s var(--ease-settle) both}.anim-flip{animation:flip-in .45s ease-out both}.anim-pop{animation:pop-in .4s var(--ease-spring) both}.glow{animation:pulse-glow 1.8s ease-in-out infinite}.toast{position:fixed;left:0;right:0;bottom:24px;z-index:1000;margin-inline:auto;width:fit-content;max-width:min(90vw,480px);padding:.7em 1.4em;border-radius:999px;background:#0c140feb;color:var(--text);font-weight:600;text-align:center;box-shadow:0 6px 24px #00000073,inset 0 0 0 1px #e8b64c59;animation:slide-up .35s ease-out both}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:24px;background:#08100ba6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel{background:var(--surface);color:var(--ink);border-radius:20px;padding:clamp(20px,4vw,36px);max-width:min(92vw,560px);max-height:88vh;overflow:auto;box-shadow:var(--shadow-pop);animation:pop-in .4s var(--ease-spring) both}@media(prefers-reduced-motion:reduce){.anim-deal,.anim-flip,.anim-pop,.glow,.toast,.panel{animation:none}.card,.btn{transition:none}.card:hover:not(.card--slot),.card:active:not(.card--slot){transform:none}}.theme-tv{color-scheme:dark}.tv-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.tv-room{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(ellipse 110% 80% at 50% -12%,#60806866,#60806800 55%),radial-gradient(ellipse 140% 120% at 50% 55%,#04090600 32%,#040906b8 76%,#010402f5),linear-gradient(180deg,#10231a,#0a1710 55%,#050b08)}.tv-brand{position:absolute;top:clamp(12px,2.2vmin,32px);left:clamp(16px,3vmin,44px);z-index:20;font-size:clamp(1.1rem,2.6vmin,2.3rem);font-weight:900;font-style:italic;letter-spacing:.14em;background-image:linear-gradient(180deg,var(--gold-bright) 20%,var(--gold-deep) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));pointer-events:none}.tv-conn{position:fixed;top:clamp(12px,2.2vmin,32px);right:clamp(16px,3vmin,44px);z-index:100;padding:.4em 1.1em;border-radius:999px;background:linear-gradient(180deg,var(--red),var(--red-deep));color:#fff;font-size:clamp(.8rem,1.8vmin,1.2rem);font-weight:800;letter-spacing:.04em;box-shadow:0 4px 14px #00000080,inset 0 1px #ffffff4d;animation:tv-blink 1.3s ease-in-out infinite}.tv-splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.6vmin,32px)}.tv-splash-logo{font-size:clamp(3rem,11vmin,10rem);font-weight:900;font-style:italic;letter-spacing:.08em;line-height:1;background-image:linear-gradient(180deg,var(--gold-bright) 15%,var(--gold) 55%,var(--gold-deep) 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(0,0,0,.65))}.tv-splash-sub{font-size:clamp(1rem,2.4vmin,1.7rem);font-weight:600;color:var(--text-dim);letter-spacing:.06em}.tv-splash-spinner{width:clamp(36px,5vmin,64px);height:clamp(36px,5vmin,64px);border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:var(--gold);animation:tv-spin .9s linear infinite}.tv-table-wrap{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);z-index:1;width:min(94vw,150vh);height:min(84vh,60vw)}.tv-table{position:absolute;top:6%;right:10%;bottom:6%;left:10%;border-radius:50%;background-image:linear-gradient(165deg,#ffffff29,#fff0 38%,#0006),conic-gradient(from 210deg,#7a5230,#5a3a1e 22%,#7d5533,#4e321a 68%,#6d4827 85%,#7a5230);background-color:#5c3d21;box-shadow:0 clamp(18px,4vmin,60px) clamp(40px,9vmin,130px) #000000a6,0 6px 18px #00000080,inset 0 2px 3px #ffffff47,inset 0 -3px 8px #00000073}.tv-felt{position:absolute;inset:clamp(10px,1.8vmin,30px);border-radius:50%;background-image:radial-gradient(ellipse 72% 58% at 50% 30%,#ffffff24,#fff0 62%),repeating-linear-gradient(45deg,#ffffff06 0,#ffffff06 2px,#fff0 2px,#fff0 4px),repeating-linear-gradient(-45deg,#00000009 0,#00000009 2px,#0000 2px,#0000 4px),radial-gradient(ellipse at 50% 44%,var(--felt) 0%,var(--felt-dark) 74%,#073019 100%);box-shadow:inset 0 0 clamp(30px,6vmin,100px) #0000008c,inset 0 clamp(3px,.6vmin,8px) clamp(8px,1.6vmin,22px) #00000080}.tv-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center}.tv-center--playing{gap:clamp(8px,1.6vmin,22px)}.tv-center--lobby{max-width:80%}.tv-round-pill{padding:.28em 1.2em;border-radius:999px;background:#070e0999;color:var(--gold-bright);font-size:clamp(.85rem,2vmin,1.45rem);font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #e8b64c66,0 4px 12px #00000059}.tv-piles{display:flex;align-items:flex-start;gap:clamp(20px,4.5vmin,72px)}.tv-pile{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vmin,16px)}.tv-pile-label{font-size:clamp(.72rem,1.7vmin,1.2rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap}.tv-drawstack{position:relative}.tv-drawstack>.card{position:relative;z-index:1}.tv-stack-under{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.tv-stack-under--1{translate:4px 5px}.tv-stack-under--1 .card{filter:brightness(.82)}.tv-stack-under--2{translate:8px 10px}.tv-stack-under--2 .card{filter:brightness(.62)}.tv-discard{position:relative}.tv-qr-panel{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.4vmin,20px);padding:clamp(20px,3.4vmin,48px) clamp(24px,4.2vmin,64px);border-radius:clamp(18px,2.4vmin,34px);background:var(--surface);color:var(--ink);text-align:center;box-shadow:var(--shadow-pop),0 0 0 clamp(4px,.6vmin,9px) #ffffff1f,0 0 clamp(40px,8vmin,120px) #e8b64c2e}.tv-qr-headline{font-size:clamp(1.4rem,3.6vmin,3rem);font-weight:900;letter-spacing:.01em;line-height:1.1}.tv-qr-img{width:clamp(170px,30vmin,440px);aspect-ratio:1;border-radius:10px;image-rendering:pixelated}.tv-qr-img--pending{background-color:#12241a14;background-image:linear-gradient(100deg,#12241a00 30%,#12241a1a,#12241a00 70%);background-size:200% 100%;animation:tv-shimmer 1.4s linear infinite}.tv-qr-url{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.85rem,2vmin,1.4rem);font-weight:700;color:var(--blue-deep);word-break:break-all;max-width:clamp(200px,34vmin,520px)}.tv-qr-count{padding:.22em 1em;border-radius:999px;background:#e8b64c33;box-shadow:inset 0 0 0 2px #c08c1e59;font-size:clamp(.95rem,2.2vmin,1.6rem);font-weight:800}.tv-qr-hint{font-size:clamp(.8rem,1.7vmin,1.2rem);font-style:italic;color:#12241a8c}.tv-seat{position:absolute;translate:-50% -50%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.5vmin,8px);text-align:center;pointer-events:none;transition:scale .3s var(--ease-settle),opacity .3s ease,filter .3s ease}.tv-seat--active{z-index:6;scale:1.08}.tv-seat--offline{opacity:.4;filter:grayscale(.85)}.tv-avatar{--av: clamp(54px, 8vmin, 128px);position:relative;width:var(--av);height:var(--av);display:flex;align-items:center;justify-content:center;border-radius:50%;border:calc(var(--av) * .05) solid rgba(255,255,255,.28);background-image:radial-gradient(circle at 32% 26%,#ffffff47,#fff0 46%),linear-gradient(165deg,#34477e 0%,var(--navy) 55%,var(--navy-deep) 100%);box-shadow:0 calc(var(--av) * .08) calc(var(--av) * .2) #0000008c,inset 0 calc(var(--av) * -.06) calc(var(--av) * .12) #0006}.tv-seat--active .tv-avatar{border-color:var(--gold);background-image:radial-gradient(circle at 32% 26%,#ffffff61,#fff0 50%),linear-gradient(165deg,#4d63a6,#2c3f74 55%,#16224a)}.tv-avatar-initial{font-size:calc(var(--av) * .46);font-weight:900;line-height:1;color:var(--text);text-shadow:0 2px 5px rgba(0,0,0,.55)}.tv-crown{position:absolute;top:calc(var(--av) * -.34);left:50%;translate:-50% 0;font-size:calc(var(--av) * .36);line-height:1;color:var(--gold);filter:drop-shadow(0 2px 4px rgba(0,0,0,.65));pointer-events:none}.tv-skip-badge{position:absolute;bottom:calc(var(--av) * -.14);left:50%;translate:-50% 0;z-index:2;padding:.12em .55em;border-radius:999px;border:2px solid rgba(255,255,255,.75);background:linear-gradient(180deg,var(--red),var(--red-deep));color:#fff;font-size:calc(var(--av) * .16);font-weight:900;letter-spacing:.1em;white-space:nowrap;box-shadow:0 3px 8px #00000080;animation:tv-blink 1.4s ease-in-out infinite}.tv-seat-name{max-width:clamp(110px,16vmin,240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.85rem,2.2vmin,1.6rem);font-weight:800;color:var(--text);text-shadow:0 2px 5px rgba(0,0,0,.75)}.tv-seat--active .tv-seat-name{color:var(--gold-bright)}.tv-seat-meta{display:flex;align-items:center;gap:clamp(4px,.6vmin,10px)}.tv-badge{display:inline-flex;align-items:center;padding:.18em .7em;border-radius:999px;background:#070e099e;color:var(--text);font-size:clamp(.62rem,1.5vmin,1.05rem);font-weight:800;letter-spacing:.03em;white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff2e;text-shadow:0 1px 2px rgba(0,0,0,.45)}.tv-badge--phase{color:var(--gold-bright)}.tv-badge--done{background:linear-gradient(180deg,var(--green),var(--green-deep));color:#fff;box-shadow:inset 0 1px #ffffff59,0 2px 5px #00000059}.tv-badge--score{color:var(--text-dim)}.tv-handcount{display:inline-flex;align-items:center;justify-content:center;width:clamp(19px,2.6vmin,34px);aspect-ratio:5 / 7;border-radius:4px;background:linear-gradient(160deg,var(--back-blue),var(--back-blue-deep));color:var(--gold-bright);font-size:clamp(.6rem,1.5vmin,1.05rem);font-weight:900;box-shadow:inset 0 0 0 1px #e8b64c8c,0 2px 4px #00000073;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tv-laid{position:absolute;translate:-50% -50%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:clamp(3px,.6vmin,10px);max-width:36%}.tv-laid-row{display:flex;justify-content:center;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.tv-laid-cardwrap{flex:none}.tv-laid-cardwrap+.tv-laid-cardwrap{margin-left:-14px}.tv-ticker{position:fixed;right:clamp(16px,3vmin,44px);bottom:clamp(14px,3vh,42px);z-index:50;width:fit-content;max-width:min(30vw,520px);padding:.5em 1.7em;border-radius:999px;background:#09110ce0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-size:clamp(.95rem,2.4vmin,1.75rem);font-weight:600;letter-spacing:.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 0 0 1px #e8b64c59,0 8px 28px #00000080;animation:tv-ticker-in .5s ease-out both}.tv-overlay{z-index:900}.tv-overlay--gameover{background:#050a07d1}.tv-score-panel{width:min(94vw,780px);max-width:min(94vw,780px)}.tv-score-title{margin-bottom:.7em;font-size:clamp(1.5rem,3.8vmin,2.7rem);font-weight:900;text-align:center;letter-spacing:.01em}.tv-score-table{width:100%;border-collapse:collapse;font-size:clamp(1rem,2.5vmin,1.75rem)}.tv-score-table th{padding:.3em .6em;border-bottom:2px solid rgba(18,36,26,.18);font-size:.62em;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:left;color:#12241a8c}.tv-score-table td{padding:.45em .6em;border-bottom:1px solid rgba(18,36,26,.09);font-weight:600}.tv-score-table tbody tr:last-child td{border-bottom:0}.tv-num{text-align:right;font-variant-numeric:tabular-nums}.tv-score-name{font-weight:800}.tv-score-points{color:var(--red-deep)}.tv-score-total{font-weight:900}.tv-score-phase{color:#12241a99;white-space:nowrap}.tv-score-phase--up{color:var(--green-deep);font-weight:800}.tv-score-footer{margin-top:1.3em;text-align:center;font-style:italic;font-size:clamp(.85rem,1.9vmin,1.3rem);color:#12241a80;animation:tv-breathe 2.2s ease-in-out infinite}.tv-gameover-panel{position:relative;z-index:1;width:min(94vw,880px);max-width:min(94vw,880px);text-align:center}.tv-winner-title{font-size:clamp(.9rem,2.1vmin,1.5rem);font-weight:900;letter-spacing:.38em;text-indent:.38em;color:var(--gold-deep)}.tv-winner-names{margin:.08em 0 .45em;font-size:clamp(1.9rem,6vmin,4.2rem);font-weight:900;line-height:1.08;color:var(--ink)}.tv-podium{display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,2vmin,30px);margin-bottom:clamp(14px,2.4vmin,30px)}.tv-podium-col{display:flex;flex-direction:column;align-items:center;gap:.3em;width:clamp(86px,16vmin,180px);min-width:0}.tv-podium-avatar{display:flex;align-items:center;justify-content:center;width:clamp(44px,7vmin,92px);aspect-ratio:1;border-radius:50%;border:3px solid rgba(255,255,255,.5);background-image:radial-gradient(circle at 32% 26%,#ffffff4d,#fff0 46%),linear-gradient(165deg,#34477e 0%,var(--navy) 55%,var(--navy-deep) 100%);color:#fff;font-size:clamp(1.1rem,3vmin,2.3rem);font-weight:900;box-shadow:0 6px 16px #00000059}.tv-podium-col--1 .tv-podium-avatar{border-color:var(--gold);box-shadow:0 6px 16px #00000059,0 0 22px #e8b64c8c}.tv-podium-col--1 .tv-podium-name{font-size:clamp(.95rem,2.2vmin,1.6rem)}.tv-podium-col--2 .tv-podium-avatar{border-color:#c3cad4}.tv-podium-col--3 .tv-podium-avatar{border-color:#c58a52}.tv-podium-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.82rem,1.9vmin,1.35rem);font-weight:800;color:var(--ink)}.tv-podium-score{font-size:clamp(.72rem,1.6vmin,1.1rem);font-weight:700;color:#12241a8c}.tv-podium-step{display:flex;align-items:flex-start;justify-content:center;width:100%;margin-top:.25em;padding-top:.28em;border-radius:10px 10px 0 0;box-shadow:inset 0 3px #ffffff73,inset 0 -10px 18px #0000002e}.tv-podium-step--1{height:clamp(78px,13vmin,156px);background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 45%,var(--gold-deep) 100%)}.tv-podium-step--2{height:clamp(54px,9vmin,108px);background:linear-gradient(180deg,#eceef2,#c3cad4 45%,#8f99a7)}.tv-podium-step--3{height:clamp(38px,6.4vmin,78px);background:linear-gradient(180deg,#e2b183,#c58a52 45%,#935c2b)}.tv-podium-rank{font-size:clamp(1.15rem,3vmin,2.1rem);font-weight:900;color:#12241ab3;text-shadow:0 1px 0 rgba(255,255,255,.45)}.tv-standings{display:flex;flex-direction:column;gap:6px;max-height:30vh;overflow:auto;margin-bottom:.6em;text-align:left}.tv-standing{display:flex;align-items:center;gap:.8em;padding:.42em .9em;border-radius:12px;background:#12241a0d;font-size:clamp(.92rem,2.1vmin,1.45rem)}.tv-standing--winner{background:linear-gradient(90deg,#e8b64c4d,#e8b64c1f);box-shadow:inset 0 0 0 2px #c08c1e73}.tv-standing-rank{flex:none;width:1.6em;text-align:center;font-weight:900;color:#12241a80}.tv-standing--winner .tv-standing-rank{color:var(--gold-deep)}.tv-standing-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.tv-standing-phase{flex:none;color:#12241a8c;font-weight:600;white-space:nowrap}.tv-standing-score{flex:none;min-width:3.4em;text-align:right;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.tv-confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.tv-confetti{position:absolute;top:-26px;width:clamp(8px,.75vmin,14px);height:clamp(13px,1.2vmin,22px);border-radius:2px;opacity:.95;will-change:transform;animation:tv-confetti-fall 4s linear infinite}.tv-confetti:nth-child(2n){width:clamp(6px,.55vmin,10px);height:clamp(10px,.9vmin,16px);opacity:.8}.tv-confetti:nth-child(3n){border-radius:50%}@keyframes tv-spin{to{transform:rotate(360deg)}}@keyframes tv-blink{0%,to{opacity:1}50%{opacity:.55}}@keyframes tv-breathe{0%,to{opacity:1}50%{opacity:.45}}@keyframes tv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes tv-ticker-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes tv-confetti-fall{0%{transform:translateZ(0) rotate(0) rotateX(0)}25%{transform:translate3d(2.2vmin,28vh,0) rotate(165deg) rotateX(140deg)}50%{transform:translate3d(-1.6vmin,56vh,0) rotate(330deg) rotateX(280deg)}75%{transform:translate3d(2vmin,85vh,0) rotate(495deg) rotateX(420deg)}to{transform:translate3d(-1vmin,116vh,0) rotate(660deg) rotateX(560deg)}}@media(max-width:1200px),(max-height:720px){.tv-laid .card{--w: 38px}.tv-laid-cardwrap+.tv-laid-cardwrap{margin-left:-12px}.tv-piles .card{--w: 60px}.tv-avatar{--av: clamp(44px, 7vmin, 72px)}.tv-stack-under--1{translate:3px 4px}.tv-stack-under--2{translate:6px 8px}}@media(min-width:2400px)and (min-height:1200px){.tv-laid .card{--w: 72px}.tv-laid-cardwrap+.tv-laid-cardwrap{margin-left:-22px}.tv-piles .card{--w: 116px}.tv-stack-under--1{translate:6px 8px}.tv-stack-under--2{translate:12px 16px}.tv-handcount{border-radius:6px}.tv-ticker{box-shadow:inset 0 0 0 2px #e8b64c59,0 12px 40px #00000080}}@media(prefers-reduced-motion:reduce){.tv-splash-spinner,.tv-conn,.tv-skip-badge,.tv-qr-img--pending,.tv-score-footer,.tv-ticker{animation:none}.tv-confetti{display:none}.tv-seat{transition:none}}.phone-root{position:relative;height:100dvh;width:100%;max-width:640px;margin-inline:auto;display:flex;flex-direction:column;overflow:hidden}.ph-logo{font-size:clamp(2.2rem,11vw,3.2rem);font-weight:900;font-style:italic;letter-spacing:-.03em;color:var(--gold);text-shadow:0 3px 0 var(--gold-deep),0 8px 24px rgba(0,0,0,.45)}.ph-logo--sm{font-size:1.3rem;text-shadow:0 2px 0 var(--gold-deep),0 4px 12px rgba(0,0,0,.4)}.ph-splash,.ph-enter{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}.ph-splash-text{color:var(--text-dim);font-weight:600}@keyframes ph-spin{to{transform:rotate(360deg)}}.ph-spinner{width:34px;height:34px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:var(--gold);animation:ph-spin .9s linear infinite}.ph-spinner--dim{width:26px;height:26px;border-width:3px;border-top-color:#ffffff8c}.ph-enter-sub{color:var(--text-dim);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;margin-top:-10px}.ph-enter-form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px;margin-top:8px}.ph-name-input{width:100%;min-height:54px;padding:.6em 1em;border-radius:14px;border:2px solid rgba(255,255,255,.25);background:#0000004d;color:var(--text);font-size:1.15rem;font-weight:600;text-align:center;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ph-name-input::placeholder{color:#f3efe666}.ph-name-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8b64c40}.ph-join-btn{width:100%}.ph-conn-hint{color:var(--text-dim);font-size:.85rem}.ph-lobby{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 18px calc(18px + env(safe-area-inset-bottom));gap:12px}.ph-lobby-top{display:flex;align-items:center;justify-content:space-between;min-height:40px}.ph-menu-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;width:42px;height:42px;border-radius:12px;background:#ffffff1a;color:var(--text);font-size:1.1rem;font-weight:800;letter-spacing:.05em;transition:transform .12s ease,background-color .12s ease}.ph-menu-btn:active{transform:scale(.94);background:#fff3}.ph-menu{position:absolute;top:58px;right:18px;z-index:50;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:#0c140ff5;box-shadow:var(--shadow-pop)}.ph-menu-confirm{font-weight:700;font-size:.95rem}.ph-menu-row{display:flex;gap:8px}.ph-seated{font-size:clamp(1.7rem,8vw,2.2rem);font-weight:900;text-align:center;margin-top:10px}.ph-lobby-sub{text-align:center;color:var(--text-dim);font-weight:600;margin-top:-6px}.ph-lobby-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:2px}.ph-lobby-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:#00000038;box-shadow:inset 0 0 0 1px #ffffff14}.ph-lobby-row--offline{opacity:.45}.ph-lobby-avatar{flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--ink);background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:0 2px 5px #00000059}.ph-lobby-name{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-lobby-crown{color:var(--gold);font-size:1.2rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}.ph-lobby-cta{display:flex;flex-direction:column;gap:8px}.ph-start-btn{width:100%;min-height:60px;font-size:1.25rem}.ph-start-hint{text-align:center;color:var(--text-dim);font-size:.85rem}.ph-game{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.ph-header{flex:none;padding:calc(8px + env(safe-area-inset-top)) 14px 10px;background:#00000047;border-bottom:1px solid rgba(255,255,255,.09)}.ph-phase-row{display:flex;align-items:center;gap:8px;min-width:0}.ph-phase-num{font-weight:900;font-size:1.15rem;color:var(--gold);white-space:nowrap}.ph-phase-desc{flex:1;min-width:0;color:var(--text-dim);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-scores-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;flex:none;padding:5px 12px;border-radius:999px;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff38;color:var(--text);font-size:.78rem;font-weight:700;transition:transform .12s ease,background-color .12s ease}.ph-scores-toggle:active{transform:scale(.94)}.ph-scores-toggle--on{background:var(--gold);color:var(--ink);box-shadow:none}.ph-req-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.ph-req-chip{padding:3px 11px;border-radius:999px;background:#e8b64c24;box-shadow:inset 0 0 0 1px #e8b64c73;color:var(--gold-bright);font-size:.8rem;font-weight:700;white-space:nowrap}.ph-turn{margin-top:8px;padding:7px 10px;border-radius:10px;text-align:center;font-weight:700;font-size:.92rem;color:var(--text-dim);background:#ffffff12}.ph-turn--you{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--ink);font-weight:900;letter-spacing:.14em;font-size:1rem;text-shadow:0 1px 0 rgba(255,255,255,.35)}.ph-scoreboard{flex:none;max-height:34dvh;overflow-y:auto;background:#0000006b;border-bottom:1px solid rgba(255,255,255,.1);padding:6px 14px}.ph-sb-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07)}.ph-sb-row:last-child{border-bottom:0}.ph-sb-name{flex:1;min-width:0;font-weight:700;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-sb-phase{flex:none;font-size:.8rem;font-weight:700;color:var(--text-dim)}.ph-sb-phase--laid{color:var(--gold-bright)}.ph-sb-score{flex:none;min-width:52px;text-align:right;font-weight:800;font-size:.9rem}.ph-table{flex:none;display:flex;align-items:stretch;gap:10px;overflow-x:auto;padding:10px 12px;background:#0000002e;border-bottom:1px solid rgba(255,255,255,.08);scrollbar-width:none}.ph-table::-webkit-scrollbar{display:none}.ph-piles{flex:none;display:flex;gap:10px;align-items:flex-start;padding:6px 10px 4px 4px;border-right:1px solid rgba(255,255,255,.12)}.ph-pile{display:flex;flex-direction:column;align-items:center;gap:4px}.ph-pile-label{font-size:.62rem;font-weight:700;color:var(--text-dim);white-space:nowrap}.ph-tp{flex:none;display:flex;flex-direction:column;gap:5px;padding:6px 9px;border-radius:12px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff12}.ph-tp--current{box-shadow:inset 0 0 0 2px var(--gold);background:#e8b64c14}.ph-tp-name{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;white-space:nowrap}.ph-tp-cards{padding:1px 7px;border-radius:999px;background:#ffffff1f;font-size:.68rem;font-weight:800}.ph-tp-skip{padding:1px 6px;border-radius:6px;background:var(--navy);color:#fff;font-size:.6rem;font-weight:900;letter-spacing:.08em}.ph-tp-none{color:var(--text-dim);font-size:.72rem;font-weight:600;padding:8px 2px;white-space:nowrap}.ph-tp-comps{display:flex;gap:8px}.ph-comp{position:relative;flex:none;padding:5px 6px 4px;border-radius:10px;background:#00000038;transition:transform .12s ease}.ph-comp-kind{font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:3px}.ph-comp-cards{display:flex}.ph-comp-card+.ph-comp-card{margin-left:-17px}.ph-comp--target{cursor:pointer;animation:pulse-glow 1.6s ease-in-out infinite;background:#e8b64c24}.ph-comp--target:active{transform:scale(.95)}.ph-actions{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px 14px}.ph-idle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.ph-idle-text{color:var(--text-dim);font-weight:700}.ph-idle-skip{padding:8px 16px;border-radius:12px;background:#1b2a528c;box-shadow:inset 0 0 0 1px #ffffff2e;font-size:.85rem;font-weight:700}.ph-draw-row{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.ph-bigdraw{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 10px;border-radius:18px;background:#00000042;box-shadow:inset 0 0 0 1px #ffffff24,0 4px 12px #00000040;color:var(--text);font-weight:800;font-size:.95rem;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.ph-bigdraw:active:not(:disabled){transform:scale(.96);box-shadow:inset 0 0 0 2px var(--gold),0 2px 6px #0000004d}.ph-bigdraw:disabled{opacity:.4;cursor:not-allowed}.ph-bigdraw-label{line-height:1.2;text-align:center}.ph-builder{display:flex;flex-direction:column;gap:10px}.ph-zones{display:flex;flex-direction:column;gap:8px}.ph-zone{border-radius:14px;padding:8px 10px;background:#ffffff0f;box-shadow:inset 0 0 0 2px transparent;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .12s ease}.ph-zone:active{transform:scale(.985)}.ph-zone--active{background:#e8b64c21;box-shadow:inset 0 0 0 2px var(--gold)}.ph-zone-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ph-zone-label{font-weight:800;font-size:.88rem}.ph-zone-count{font-size:.78rem;font-weight:800;color:var(--text-dim)}.ph-zone-count--ok{color:var(--gold-bright)}.ph-zone-cards{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.ph-zone-cards::-webkit-scrollbar{display:none}.ph-zone-hint{margin-top:5px;font-size:.75rem;font-weight:600;color:var(--gold-bright)}.ph-builder-btns{display:flex;gap:10px}.ph-clear-btn{flex:none}.ph-laydown-btn{flex:1}.ph-hit-hint{padding:12px 14px;border-radius:12px;background:#ffffff0f;color:var(--text-dim);font-size:.9rem;font-weight:600;text-align:center}.ph-discard-row{margin-top:auto;padding-top:4px}.ph-discard-btn{width:100%;min-height:56px}.ph-hand{flex:none;background:#00000061;border-top:1px solid rgba(255,255,255,.12);padding-bottom:env(safe-area-inset-bottom)}.ph-hand-tools{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 0}.ph-hand-count{font-size:.8rem;font-weight:700;color:var(--text-dim)}.ph-sort-btns{display:flex;gap:8px}.ph-sort-btn{min-height:32px;padding:.25em .9em;font-size:.78rem;border-radius:999px}.ph-hand-strip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:20px 14px 14px;scrollbar-width:none}.ph-hand-strip::-webkit-scrollbar{display:none}.ph-handcard{position:relative;flex:none;touch-action:pan-x;transition:transform .16s var(--ease-settle)}.ph-handcard--selected{transform:translateY(-16px)}.ph-handcard--selected .card{box-shadow:0 0 0 3px var(--gold),0 10px 22px #00000073}.ph-handcard--zoned{opacity:.55}.ph-handcard--dragging{transform:translateY(-20px) scale(1.07);z-index:5;transition:none}.ph-handcard--dragging .card{box-shadow:0 0 0 3px var(--gold-bright),0 18px 34px #0000008c}.ph-zone-tag{position:absolute;z-index:4;top:-8px;right:-4px;padding:2px 8px;border-radius:999px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--ink);font-size:.7rem;font-weight:900;box-shadow:0 2px 5px #0006}.ph-endscreen{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px}.ph-score-panel,.ph-gameover-panel{width:100%;display:flex;flex-direction:column;gap:14px}.ph-score-title{font-size:1.25rem;font-weight:900;text-align:center}.ph-score-rows{display:flex;flex-direction:column}.ph-score-row{display:flex;align-items:center;gap:8px;padding:9px 2px;border-bottom:1px solid rgba(18,36,26,.12)}.ph-score-row:last-child{border-bottom:0}.ph-score-name{flex:1;min-width:0;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-score-phase{flex:none;font-size:.8rem;font-weight:700;color:#12241a8c}.ph-score-phase--up{color:var(--green-deep)}.ph-score-points{flex:none;min-width:44px;text-align:right;font-weight:800;color:var(--red-deep)}.ph-score-total{flex:none;min-width:44px;text-align:right;font-weight:900}.ph-next-btn{width:100%}.ph-wait-host{text-align:center;font-weight:700;color:#12241a8c}.ph-winner-title{text-align:center;font-size:1.6rem;font-weight:900;letter-spacing:.1em}.ph-winner-title--you{color:var(--gold-deep);font-size:2rem}.ph-winner-names{text-align:center;font-size:1.15rem;font-weight:800;margin-top:-8px}.ph-standings{display:flex;flex-direction:column;gap:6px}.ph-standing{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#12241a0f}.ph-standing--winner{background:#e8b64c47;box-shadow:inset 0 0 0 2px var(--gold)}.ph-standing-rank{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#12241a1f;font-size:.8rem;font-weight:900}.ph-standing-name{flex:1;min-width:0;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-standing-phase{flex:none;font-size:.8rem;font-weight:700;color:#12241a8c}.ph-standing-score{flex:none;font-weight:900}.ph-skip-panel{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.ph-skip-title{font-size:1.2rem;font-weight:900;text-align:center}.ph-skip-list{display:flex;flex-direction:column;gap:8px;max-height:46dvh;overflow-y:auto}.ph-skip-target{width:100%}.ph-skip-cancel{width:100%;color:var(--ink);box-shadow:inset 0 0 0 2px #12241a59}.ph-conn-banner{position:fixed;top:calc(10px + env(safe-area-inset-top));left:0;right:0;z-index:1100;margin-inline:auto;width:fit-content;padding:6px 18px;border-radius:999px;background:#a92f34f2;color:#fff;font-size:.85rem;font-weight:800;box-shadow:0 6px 18px #00000073;animation:slide-up .3s ease-out both}@media(min-width:480px){.ph-draw-row{max-height:300px}}