:root{--bg-0: #070a12;--bg-1: #0c1120;--bg-2: #121a2e;--felt: radial-gradient(130% 90% at 50% 0%, #1b2b46 0%, #101a30 45%, #0a1020 100%);--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text: #eef1f8;--muted: #9aa3bd;--gold: #e8c373;--gold-2: #d4a64a;--teal: #45d6c0;--violet: #8b7bf0;--danger: #ff5a4d;--radius: 18px;--touch: 44px;--shadow: 0 18px 50px rgba(0, 0, 0, .5);--font: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;font-family:var(--font);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:radial-gradient(80% 60% at 15% 0%,rgba(139,123,240,.16),transparent 60%),radial-gradient(70% 60% at 90% 10%,rgba(69,214,192,.12),transparent 55%),linear-gradient(160deg,var(--bg-1),var(--bg-0));overscroll-behavior:none;-webkit-tap-highlight-color:transparent}h1,h2{font-weight:700;letter-spacing:-.02em}button{font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--border);border-radius:12px;min-height:var(--touch);min-width:var(--touch);padding:12px 18px;color:var(--text);background:var(--surface-2);backdrop-filter:blur(8px);transition:transform .1s ease,filter .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a1e05;border:none;box-shadow:0 10px 28px #d4a64a59}.btn-steal{background:linear-gradient(135deg,var(--violet),#6d5be0);color:#fff;border:none;box-shadow:0 10px 28px #7b5cf059}.btn-danger{background:linear-gradient(135deg,#ff6f63,var(--danger));color:#fff;border:none}.ghost{background:transparent}@media (hover: hover) and (pointer: fine){button:hover:not(:disabled){border-color:var(--gold);background:#e8c37329;box-shadow:0 0 14px #e8c37338}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#f1cf86,var(--gold));color:#2a1e05;box-shadow:0 12px 34px #d4a64a80}.btn-steal:hover:not(:disabled){background:linear-gradient(135deg,#9a8bff,var(--violet));color:#fff;box-shadow:0 12px 34px #7b5cf080}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.tile:hover:not(:disabled){background:#e8c37324}}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));gap:16px;text-align:center}.hero{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px}.hero-title{margin-top:-12px}.hero-logo{font-size:clamp(64px,17vw,112px);line-height:1;filter:drop-shadow(0 8px 24px rgba(232,195,115,.35));animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}.title{font-size:clamp(46px,13vw,96px);margin:0;background:linear-gradient(120deg,#fff 0%,var(--gold) 55%,var(--gold-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em}.subtitle{color:var(--muted);margin:0;max-width:34ch;font-size:15px;line-height:1.5}.menu{display:flex;flex-direction:column;gap:12px;width:min(420px,92vw)}.menu .card-panel,.menu .tile{width:100%}.card-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;width:min(440px,94vw);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.tile{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:18px 20px;font-size:18px;border-radius:16px}.tile .tile-ico{font-size:26px;line-height:1}.tile .tile-sub{display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-top:2px}.tile-col{display:flex;flex-direction:column}.row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.between{justify-content:space-between}.field{display:flex;flex-direction:column;gap:8px;text-align:left;margin-bottom:16px}.field>label{color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}.field input,.field select{font:inherit;padding:13px;border-radius:12px;border:1px solid var(--border);background:#00000040;color:var(--text);min-height:var(--touch)}.field input:focus{outline:none;border-color:var(--gold)}.stepper{display:flex;align-items:center;gap:16px;justify-content:center}.stepper button{width:46px;height:46px;border-radius:50%;font-size:22px;padding:0}.stepper .val{font-size:30px;font-weight:700;min-width:2ch}.seg{display:flex;gap:6px;background:#00000040;padding:5px;border-radius:14px;border:1px solid var(--border)}.seg button{flex:1;border:none;background:transparent;border-radius:10px;padding:11px 8px}.seg button[aria-pressed=true]{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a1e05;font-weight:700}.hint-text{color:var(--muted);font-size:12.5px}.link{background:none;border:none;color:var(--gold);text-decoration:none;padding:10px;font-weight:600}.link:hover{background:none;text-decoration:underline}.toggles{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.error-bar{position:fixed;top:0;left:50%;transform:translate(-50%);margin-top:max(8px,env(safe-area-inset-top));background:linear-gradient(135deg,#ff6f63,var(--danger));color:#fff;padding:12px 18px;border-radius:14px;z-index:300;max-width:92vw;box-shadow:0 10px 30px #ff5a4d66;font-size:14px;animation:drop .25s ease}@keyframes drop{0%{transform:translate(-50%,-16px);opacity:0}to{transform:translate(-50%);opacity:1}}.table{min-height:100%;background:var(--felt);display:grid;grid-template-rows:auto 1fr auto;padding:max(10px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom));gap:8px}.table-top{position:relative;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:14px;background:linear-gradient(to bottom,var(--bg-0) 55%,rgba(7,10,18,0))}.footer{position:relative;z-index:40;display:flex;flex-direction:column;align-items:center;padding-top:14px;background:linear-gradient(to top,var(--bg-0) 55%,rgba(7,10,18,0))}.pill{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:12.5px;color:var(--muted)}.opponents{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-content:flex-start;overflow-y:auto;padding:2px}.center-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.player-area{background:#00000047;border:1.5px solid var(--border);border-radius:16px;padding:10px 12px;min-width:156px;transition:border-color .25s,box-shadow .25s,transform .25s}.player-area.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 26px #e8c37352}.player-area.me{background:#ffffff0f}.player-area.steal-target{cursor:pointer;border-color:var(--violet);box-shadow:0 0 22px #7b5cf080}.player-area.steal-target:hover{transform:translateY(-3px)}.player-head{display:flex;align-items:center;gap:7px;font-size:14px;margin-bottom:8px}.player-head .name{font-weight:700}.badge{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:12px}.badge.score{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a1e05;font-weight:700;border:none}.badge.ai{background:#7b5cf040;border-color:#7b5cf080}.badge.score.bump{animation:bump .5s ease}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.35)}to{transform:scale(1)}}.thinking{color:var(--gold);font-size:12px}.thinking .dots:after{content:"…";animation:blink 1s steps(4) infinite}@keyframes blink{to{opacity:.2}}.tank{display:flex;gap:12px;flex-wrap:wrap;min-height:64px;align-items:flex-end}.tank-empty{color:var(--muted);font-size:12px;font-style:italic}.stack{position:relative}.stack .count{position:absolute;top:-8px;right:-8px;z-index:20;background:#000;color:#fff;border-radius:999px;font-size:11px;padding:1px 6px;border:1px solid rgba(255,255,255,.4)}.actions{display:flex;gap:12px;justify-content:center;padding:4px}.actions button{font-size:19px;padding:16px 28px;flex:1;max-width:200px;border-radius:16px}.turn-label{position:relative;z-index:30;text-align:center;align-self:center;color:var(--gold);font-weight:800;font-size:14px;background:#080a12d1;border:1px solid var(--border);padding:7px 18px;border-radius:999px;margin:2px auto 6px;box-shadow:0 6px 18px #00000073;backdrop-filter:blur(6px)}.timer-ring{--p: 1;position:relative;width:52px;height:52px}.timer-ring svg{transform:rotate(-90deg);display:block}.timer-ring .track{stroke:#ffffff1f}.timer-ring .bar{stroke:var(--teal);stroke-linecap:round;transition:stroke-dashoffset .3s linear,stroke .3s}.timer-ring.low .bar{stroke:var(--danger)}.timer-ring .num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.oval{position:relative;flex:1;min-height:0}.felt-oval{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(96%,1100px);height:94%;border-radius:50%/46%;background:var(--felt);box-shadow:inset 0 0 80px #0000008c,inset 0 0 0 2px #ffffff0f,0 24px 60px #00000080;border:6px solid #2a1c10}.felt-oval:after{content:"";position:absolute;inset:14px;border-radius:50%/46%;border:1px dashed rgba(255,255,255,.08)}.table-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:14}.table-center:before{content:"";position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#070c12eb 55%,#070c1200 75%);z-index:-1;pointer-events:none}.seat{position:absolute;transform:translate(-50%,-50%);width:clamp(150px,44vw,224px);background:#080c16c7;border:1.5px solid var(--border);border-radius:14px;padding:7px 9px;z-index:8;backdrop-filter:blur(4px);transition:border-color .25s,box-shadow .25s,transform .2s}.seat.me{width:clamp(170px,72vw,380px);background:#ffffff0f}.seat.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 22px #e8c37359}.seat.steal-target{cursor:pointer;border-color:var(--violet);box-shadow:0 0 20px #7b5cf08c}.seat.steal-target:active{transform:translate(-50%,-50%) scale(.97)}.seat-head{display:flex;align-items:center;gap:6px;font-size:12.5px;margin-bottom:5px;flex-wrap:wrap}.seat-head .name{font-weight:700;max-width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat.me .seat-head .name{max-width:16ch}.tank-mini{display:flex;flex-wrap:wrap;gap:7px 8px;justify-content:center;align-items:flex-start;max-height:128px;overflow-y:auto;overflow-x:hidden;padding:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.seat.me .tank-mini{max-height:150px}.tank-mini::-webkit-scrollbar{width:5px}.tank-mini::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.tank-empty{color:var(--muted);font-size:11px;font-style:italic}.stack .count{top:-7px}.table-center .timer-ring{margin-top:2px}.totals-pill{display:flex;gap:4px;align-items:center}.totals-pill .sigma{color:var(--teal);font-weight:800}.reveal{position:fixed;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:260;pointer-events:none}.reveal-card{animation:reveal-pop .3s cubic-bezier(.2,.9,.3,1.2);transform-origin:center}.reveal-card .card{--cw: 132px;box-shadow:0 18px 44px #000000b3,0 0 34px #ffffff2e}.reveal-label{font-size:16px;font-weight:800;color:#fff;background:#080a12c7;padding:7px 16px;border-radius:999px;border:1px solid var(--border);white-space:nowrap}@keyframes reveal-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.overlay{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#05080eb8;backdrop-filter:blur(6px);padding:20px;animation:drop .25s ease}.card{--suit: #888;width:var(--cw, 66px);aspect-ratio:2.5 / 3.5;border-radius:11px;background:#fff;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080;flex-shrink:0;user-select:none}.card.front{background:#fff}.card .rainbow-top{position:absolute;top:7%;left:50%;transform:translate(-50%);width:60%}.card .creature{position:absolute;bottom:3%;left:50%;transform:translate(-50%);width:76%}.card .suit-badge{position:absolute;width:26%;aspect-ratio:1;border-radius:26%;background:var(--suit);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000040;z-index:2}.card .suit-badge.tl{top:5%;left:5%}.card .suit-badge.br{bottom:5%;right:5%;transform:rotate(180deg)}.card .suit-badge svg{width:68%;height:68%}.card.back{background:radial-gradient(circle at 50% 34%,#22322f,#0d1615 72%);border:1px solid rgba(255,255,255,.07)}.card.back .rainbow-top{top:7%;width:56%}.card.back .mantis-word{position:absolute;top:30%;left:0;right:0;text-align:center;color:#9fb3b1;font-weight:700;letter-spacing:.18em;font-size:calc(var(--cw, 66px) * .115)}.card.back .orb{position:absolute;bottom:2%;left:50%;transform:translate(-50%);width:86%}.cb .card .suit-badge{outline:2px solid rgba(255,255,255,.85);outline-offset:-3px}.draw-pile{display:flex;flex-direction:column;align-items:center;gap:6px}.draw-pile .card{box-shadow:0 6px 18px #0000008c}.draw-pile .count{font-weight:600;color:var(--muted);font-size:13px}.fly-layer{position:fixed;inset:0;pointer-events:none;z-index:250;overflow:hidden}.fly-card{position:fixed;transition:transform .62s cubic-bezier(.22,.8,.3,1),opacity .62s ease;will-change:transform,opacity}@media (min-width: 760px){.draw-pile .card{--cw: 76px}}