:root{color-scheme:dark;--bg:#030907;--surface:#07130f;--panel:#0a1b14;--line:#1b5d3a;--lime:#b9ff42;--mint:#50f7b2;--gold:#ffd261;--text:#f3fff6;--muted:#89a896;--danger:#ff647c}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow:hidden}button,input,select{font:inherit}.app-shell{height:100vh;display:grid;grid-template-rows:72px minmax(0,1fr);background:radial-gradient(circle at 40% 45%,#0d2f1c 0,transparent 36%),linear-gradient(135deg,#020605,#07110d 48%,#030807)}.topbar{position:relative;z-index:20;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(240px,1.1fr) auto;gap:18px;align-items:center;padding:10px 18px;border-bottom:1px solid #1d5c3b;background:#030b08e8;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--lime);border-radius:13px;background:radial-gradient(circle,#dfff8b 0 6%,#68d72b 25%,#123616 62%,#030907 68%);color:#071006;font-size:23px;font-weight:950;box-shadow:0 0 24px #9cff3566}.brand small,.brand strong{display:block}.brand small{color:var(--mint);font:750 9px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.15em}.brand strong{margin-top:3px;font-size:17px}.round-head{text-align:center}.round-head span{display:block;color:var(--lime);font:750 9px ui-monospace,monospace;letter-spacing:.18em}.round-head strong{display:block;margin-top:4px;font-size:14px}.head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.prototype-badge{color:var(--muted);font:700 8px ui-monospace,monospace;letter-spacing:.12em}.head-actions button{height:38px;border:1px solid #2e724d;border-radius:999px;background:#081610;color:var(--text);padding:0 14px;cursor:pointer}.head-actions button:hover{border-color:var(--mint);color:var(--mint)}.game-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:0}.board-panel{position:relative;min-width:0;overflow:hidden;border-right:1px solid #16462e}.space-dust{position:absolute;inset:0;opacity:.72;background-image:radial-gradient(circle at 10% 20%,var(--mint) 0 1px,transparent 1.4px),radial-gradient(circle at 74% 36%,var(--gold) 0 1px,transparent 1.4px),radial-gradient(circle at 45% 82%,#fff 0 1px,transparent 1.4px);background-size:97px 97px,151px 151px,211px 211px;mask-image:radial-gradient(ellipse,#000 30%,transparent 88%)}.board{position:absolute;inset:16px 16px 44px;overflow:hidden;border:1px solid #1a5e3a;border-radius:28px;background:radial-gradient(circle at 50% 50%,#113620cc 0 9%,#09201788 24%,transparent 58%),linear-gradient(#0b20124a 1px,transparent 1px),linear-gradient(90deg,#0b20124a 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;box-shadow:inset 0 0 80px #000,0 0 42px #20d06a13}.board::before{content:"";position:absolute;inset:11%;border:1px solid #77ff8630;border-radius:50%;box-shadow:0 0 50px #77ff8610}.board-lines{position:absolute;inset:7%;width:86%;height:86%;overflow:visible}.board-lines polygon{fill:#0b28171f;stroke:#8dff5f5c;stroke-width:.35;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #9cff40)}.board-lines circle{fill:none;stroke:#50f7b244;stroke-width:.25;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.player-seats{position:absolute;inset:0}.player-seat{position:absolute;width:152px;transform:translate(-50%,-50%);text-align:center;animation:seat-land .72s cubic-bezier(.18,.72,.24,1.08) both;animation-delay:var(--seat-delay)}@keyframes seat-land{from{opacity:0;transform:translate(-50%,-220%) scale(.62) rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.seat-score{position:absolute;right:-2px;top:-7px;z-index:4;min-width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;background:#1f1807;color:var(--gold);font-weight:900;box-shadow:0 0 15px #ffd26155}.player-seat footer{margin-top:5px}.player-seat footer strong,.player-seat footer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-seat footer strong{font-size:12px}.player-seat footer small{margin-top:2px;color:var(--muted);font:700 7px ui-monospace,monospace;letter-spacing:.08em}.player-seat.active footer strong{color:var(--lime)}.player-seat.active .cardo{border-color:var(--lime);box-shadow:0 0 0 3px #b9ff421b,0 0 34px #b9ff4240}.cardo{position:relative;width:152px;height:102px;overflow:hidden;border:1px solid hsl(var(--card-hue) 75% 58% / .72);border-radius:14px;background:linear-gradient(145deg,hsl(var(--card-hue) 66% 22% / .96),#030806 65%);box-shadow:0 15px 35px #000a,0 0 22px hsl(var(--card-hue) 80% 55% / .22);text-align:left}.cardo::before,.cardo::after{content:"";position:absolute;border:1px solid hsl(var(--card-hue) 80% 60% / .32);transform:rotate(45deg)}.cardo::before{width:56px;height:56px;right:-22px;top:-27px}.cardo::after{width:39px;height:39px;left:-23px;bottom:-20px}.cardo header{position:relative;z-index:2;display:grid;grid-template-columns:27px 1fr;gap:0 7px;padding:8px 8px 0}.cardo header b{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border:1px solid currentColor;border-radius:8px;color:hsl(var(--card-hue) 90% 72%);font-size:13px}.cardo header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:850}.cardo header small{color:var(--muted);font:650 6px ui-monospace,monospace;letter-spacing:.1em}.cardo-core{position:absolute;left:50%;bottom:7px;width:62px;height:57px;transform:translateX(-50%);clip-path:polygon(15% 0,85% 0,100% 22%,88% 100%,12% 100%,0 22%);background:linear-gradient(135deg,hsl(var(--card-hue) 88% 70%),#dfffca 43%,hsl(var(--card-hue) 75% 35%) 44% 70%,#06110b 71%);filter:drop-shadow(0 0 8px hsl(var(--card-hue) 90% 60%))}.cardo-core i{position:absolute;width:4px;height:4px;border-radius:50%;background:#eaffdf;box-shadow:0 0 7px #fff}.cardo-core i:nth-child(1){left:13px;top:11px}.cardo-core i:nth-child(2){right:13px;top:11px}.cardo-core i:nth-child(3){left:9px;bottom:10px}.cardo-core i:nth-child(4){right:9px;bottom:10px}.cardo-core strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#021008;font:900 7px ui-monospace,monospace}.center-arena{position:absolute;left:50%;top:50%;z-index:5;width:140px;height:140px;transform:translate(-50%,-50%);display:grid;place-items:center;align-content:center;border:1px solid #70ff8f52;border-radius:50%;background:radial-gradient(circle,#143c22 0 20%,#06110bbf 52%,transparent 70%);box-shadow:0 0 44px #55ff7d22;text-align:center}.center-arena::before,.center-arena::after{content:"";position:absolute;border:1px solid #60fca344;border-radius:50%;animation:pulse-ring 3s ease-out infinite}.center-arena::before{inset:12px}.center-arena::after{inset:-12px;animation-delay:1.4s}@keyframes pulse-ring{0%,100%{opacity:.2;transform:scale(.85)}50%{opacity:.72;transform:scale(1.08)}}.stack-count{position:absolute;right:5px;top:8px;min-width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;background:#251b05;color:var(--gold);font:850 11px ui-monospace,monospace}.stack-core{position:relative;width:55px;height:36px;margin-bottom:5px}.stack-core i{position:absolute;inset:0;border:1px solid var(--mint);border-radius:5px;background:linear-gradient(135deg,#123c27,#07120c);box-shadow:0 0 10px #56ff9d38}.stack-core i:nth-child(1){transform:translate(-5px,5px) rotate(-7deg)}.stack-core i:nth-child(2){transform:translate(4px,2px) rotate(6deg)}.stack-core i:nth-child(3){transform:translate(0,-3px)}.center-arena strong{font:850 8px ui-monospace,monospace;letter-spacing:.12em}.center-arena small{margin-top:3px;color:var(--lime);font:700 7px ui-monospace,monospace}.battle-cards{position:absolute;left:50%;top:50%;z-index:8;display:flex;gap:6px;transform:translate(-50%,-50%);pointer-events:none}.battle-card{min-width:94px;padding:8px 9px;border:1px solid #5eb67f;border-radius:10px;background:#07150ff2;box-shadow:0 12px 28px #000c;text-align:center;animation:battle-in .55s cubic-bezier(.2,.78,.3,1.1) both;animation-delay:var(--battle-delay)}.battle-card span,.battle-card strong,.battle-card small{display:block}.battle-card span{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.battle-card strong{margin-top:4px;font-size:15px}.battle-card small{margin-top:3px;color:var(--gold);font-weight:900}.battle-card.winner{border-color:var(--lime);animation-name:winner-in;box-shadow:0 0 30px #b9ff4255}.battle-card.loser{opacity:.52;filter:saturate(.35)}@keyframes battle-in{from{opacity:0;transform:translateY(-110px) scale(.55)}to{opacity:.52;transform:translateY(32px) scale(.9)}}@keyframes winner-in{0%{opacity:0;transform:translateY(-140px) scale(.5)}65%{opacity:1;transform:translateY(-22px) scale(1.08)}100%{opacity:1;transform:translateY(-32px) scale(1)}}.board-foot{position:absolute;left:25px;right:25px;bottom:17px;display:flex;justify-content:space-between;color:var(--muted);font:700 7px ui-monospace,monospace;letter-spacing:.12em}.board-foot b{color:var(--mint)}.control-panel{min-height:0;overflow:auto;padding:16px;background:#06110de8}.turn-card,.score-panel,.rules-panel,.log-panel{border:1px solid #1a5034;border-radius:17px;background:linear-gradient(145deg,#0b2117,#07130f);box-shadow:0 16px 35px #0006}.turn-card{padding:17px}.turn-card>small{color:var(--mint);font:800 8px ui-monospace,monospace;letter-spacing:.15em}.turn-card h1{margin:6px 0 7px;font-size:24px;line-height:1}.turn-card>p{margin:0 0 13px;color:var(--muted);font-size:11px;line-height:1.5}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stat-grid button{min-height:70px;border:1px solid #245c3d;border-radius:11px;background:#06110c;color:var(--text);padding:9px;text-align:left;cursor:pointer}.stat-grid button:hover:not(:disabled){border-color:var(--lime);transform:translateY(-1px)}.stat-grid button:disabled{cursor:default;opacity:.38}.stat-grid span,.stat-grid strong,.stat-grid small{display:block}.stat-grid span{color:var(--mint);font:750 7px ui-monospace,monospace;letter-spacing:.1em}.stat-grid strong{margin-top:5px;font-size:15px}.stat-grid small{margin-top:3px;color:var(--muted);font-size:7px}.result-box{margin-top:12px;padding:13px;border:1px solid #84ff723d;border-radius:12px;background:#0d2b18}.result-box>span{color:var(--lime);font:800 7px ui-monospace,monospace;letter-spacing:.12em}.result-box>strong{display:block;margin-top:5px;font-size:16px}.result-box>p{margin:5px 0 10px;color:var(--muted);font-size:9px;line-height:1.5}.result-box button{width:100%;height:36px;border:1px solid var(--lime);border-radius:999px;background:var(--lime);color:#071008;font-weight:850;cursor:pointer}.score-panel{margin-top:12px;padding:12px}.score-panel>header{display:flex;justify-content:space-between;color:var(--mint);font:800 8px ui-monospace,monospace;letter-spacing:.12em}.score-panel>header b{color:var(--muted)}.score-panel>header i{color:var(--gold);font-style:normal}.score-list{display:grid;gap:5px;margin-top:9px}.score-list article{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:7px;border:1px solid #173f2c;border-radius:9px;background:#06100c}.score-list article.active{border-color:#8efa5b77}.score-list article>span{color:var(--muted);font:750 8px ui-monospace,monospace}.score-list article strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.score-list article i{position:relative;display:block;height:3px;margin-top:5px;overflow:hidden;border-radius:99px;background:#132f22}.score-list article i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--progress);background:linear-gradient(90deg,var(--mint),var(--lime));box-shadow:0 0 6px var(--lime)}.score-list article>b{color:var(--gold);font-size:11px}.rules-panel{margin-top:12px;padding:12px}.rules-panel summary{cursor:pointer;color:var(--mint);font-size:9px;font-weight:800}.rules-panel ul{margin:10px 0 0;padding-left:17px;color:var(--muted);font-size:9px;line-height:1.55}.log-panel{margin-top:12px;padding:12px}.log-panel header{color:var(--mint);font:800 8px ui-monospace,monospace;letter-spacing:.12em}.log-panel ol{max-height:140px;margin:9px 0 0;padding-left:20px;overflow:auto;color:var(--muted);font-size:8px;line-height:1.5}.log-panel li+li{margin-top:4px}.start-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#020705e8;backdrop-filter:blur(15px)}.start-overlay[hidden]{display:none}.start-card{width:min(990px,100%);min-height:min(680px,92vh);display:grid;grid-template-columns:1.02fr .98fr;overflow:auto;border:1px solid #65dc3d;border-radius:28px;background:linear-gradient(145deg,#06120d,#102917);box-shadow:0 36px 110px #000d,0 0 60px #73ff3520}.start-visual{position:relative;min-height:540px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#62e63742 0 9%,#153b2366 10% 26%,transparent 27%),radial-gradient(circle at 50% 50%,#0d2a18,#020604 70%)}.start-visual::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 12% 20%,#b9ff42 0 1px,transparent 1.5px),radial-gradient(circle at 73% 25%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 35% 77%,#50f7b2 0 1px,transparent 1.5px);background-size:69px 69px,107px 107px,151px 151px}.intro-orbit{position:absolute;left:50%;top:50%;border:1px solid #8aff5d56;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.intro-orbit i{position:absolute;width:34px;height:50px;border:1px solid #5cf39a;border-radius:8px;background:linear-gradient(145deg,#174a2b,#07130d);box-shadow:0 0 17px #6cff7455}.orbit-a{width:360px;height:220px}.orbit-a i:nth-child(1){left:9%;top:2%}.orbit-a i:nth-child(2){right:2%;top:48%}.orbit-a i:nth-child(3){left:42%;bottom:-18px}.orbit-b{width:250px;height:390px;transform:translate(-50%,-50%) rotate(58deg)}.orbit-b i:nth-child(1){left:10%;top:12%}.orbit-b i:nth-child(2){right:4%;top:34%}.orbit-b i:nth-child(3){left:6%;bottom:22%}.orbit-b i:nth-child(4){right:18%;bottom:4%}.intro-cardo{position:absolute;left:50%;top:50%;width:125px;height:166px;display:grid;place-items:center;align-content:center;transform:translate(-50%,-50%);clip-path:polygon(19% 0,81% 0,100% 17%,88% 100%,12% 100%,0 17%);background:linear-gradient(135deg,#dfff8a,#58d231 42%,#0e351b 43% 70%,#c8ffaf 71%);color:#061209;filter:drop-shadow(0 0 35px #8dff54)}.intro-cardo b{font-size:55px;line-height:.8}.intro-cardo span{margin-top:10px;font:900 10px ui-monospace,monospace;letter-spacing:.2em}.start-content{align-self:center;padding:36px}.start-content>small{color:var(--mint);font:800 8px ui-monospace,monospace;letter-spacing:.15em}.start-content h1{margin:8px 0 10px;font-size:clamp(35px,5vw,58px);line-height:.93}.start-content h1 em{color:var(--lime);font-style:normal}.start-content>p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.setup-row{display:grid;grid-template-columns:110px 1fr;gap:10px;margin-top:18px}.setup-row label,.setup-row fieldset{margin:0;border:1px solid #235c3b;border-radius:12px;background:#07130e;padding:9px}.setup-row label span,.setup-row legend{color:var(--mint);font:750 7px ui-monospace,monospace;letter-spacing:.1em}.setup-row select{width:100%;margin-top:6px;border:0;background:#0e2518;color:var(--text);padding:7px}.setup-row fieldset{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding-top:10px}.setup-row fieldset button{height:34px;border:1px solid #2b6644;border-radius:8px;background:#08140f;color:var(--text);cursor:pointer}.setup-row fieldset button.selected{border-color:var(--lime);background:#b9ff42;color:#071008;font-weight:900}.player-names{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.player-names label{display:grid;grid-template-columns:28px 1fr;align-items:center;border:1px solid #1d4c33;border-radius:9px;background:#06110c}.player-names span{color:var(--mint);text-align:center;font:750 7px ui-monospace,monospace}.player-names input{min-width:0;height:35px;border:0;border-left:1px solid #1d4c33;background:transparent;color:var(--text);outline:none;padding:0 8px;font-size:9px}.start-note{display:flex;align-items:center;gap:9px;margin-top:10px;padding:9px;border:1px solid #6b5a2338;border-radius:10px;background:#271d0729}.start-note span{color:var(--gold);font:850 7px ui-monospace,monospace}.start-note p{margin:0;color:var(--muted);font-size:8px}.start-button,.resume-button{width:100%;min-height:45px;margin-top:10px;border-radius:999px;font-weight:900;cursor:pointer}.start-button{border:1px solid var(--lime);background:var(--lime);color:#071008;box-shadow:0 0 28px #b9ff4230}.resume-button{border:1px solid var(--mint);background:transparent;color:var(--mint)}.toast{position:fixed;left:50%;bottom:20px;z-index:130;max-width:min(620px,calc(100% - 30px));transform:translate(-50%,25px);opacity:0;border:1px solid var(--lime);border-radius:999px;background:#08150ff2;color:var(--text);padding:10px 15px;font-size:10px;box-shadow:0 15px 40px #000b;transition:.2s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}@media(max-width:980px){body{overflow:auto}.app-shell{min-height:100vh;height:auto;grid-template-rows:auto auto}.topbar{grid-template-columns:1fr auto;padding:9px 12px}.round-head{grid-column:1/-1;grid-row:2;text-align:left}.prototype-badge{display:none}.game-layout{grid-template-columns:1fr}.board-panel{height:620px;border-right:0;border-bottom:1px solid #16462e}.control-panel{overflow:visible}.start-card{grid-template-columns:1fr;max-height:94vh}.start-visual{min-height:230px}.orbit-a{width:290px;height:150px}.orbit-b{width:180px;height:270px}.intro-cardo{width:85px;height:115px}.intro-cardo b{font-size:38px}.start-content{padding:25px}}@media(max-width:600px){.topbar{grid-template-columns:1fr auto}.brand-mark{width:38px;height:38px}.brand small{font-size:7px}.brand strong{font-size:14px}.head-actions button{height:34px;padding:0 10px;font-size:9px}.round-head{padding-top:3px}.game-layout{display:block}.board-panel{height:570px}.board{inset:10px 8px 42px;border-radius:20px}.player-seat{width:112px}.cardo{width:112px;height:82px;border-radius:10px}.cardo header{grid-template-columns:23px 1fr;padding:6px 6px 0}.cardo header b{width:23px;height:23px}.cardo header span{font-size:8px}.cardo-core{width:46px;height:43px}.player-seat footer strong{font-size:9px}.seat-score{right:-3px;width:26px;min-width:26px;height:26px;font-size:9px}.center-arena{width:105px;height:105px}.stack-core{width:43px;height:28px}.battle-cards{max-width:80%;flex-wrap:wrap;justify-content:center;gap:3px}.battle-card{min-width:70px;padding:5px}.battle-card span{max-width:68px}.battle-card strong{font-size:11px}.control-panel{padding:9px}.turn-card h1{font-size:21px}.stat-grid button{min-height:64px}.start-overlay{padding:8px}.start-card{border-radius:19px}.start-visual{min-height:190px}.start-content{padding:19px}.start-content h1{font-size:34px}.setup-row{grid-template-columns:90px 1fr}.player-names{grid-template-columns:1fr}.board-foot{left:14px;right:14px}.board-foot span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}