@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Inter+Tight:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap");:root{--void-0:oklch(0.08 0.012 280);--void-1:oklch(0.11 0.014 280);--void-2:oklch(0.14 0.018 280);--void-3:oklch(0.18 0.020 280);--void-4:oklch(0.24 0.022 280);--mist:oklch(0.62 0.020 280);--astral:oklch(0.82 0.030 280);--light:oklch(0.96 0.012 280);--prism-violet:oklch(0.72 0.18 295);--prism-cyan:oklch(0.78 0.14 210);--prism-rose:oklch(0.72 0.18 15);--prism-amber:oklch(0.82 0.16 75);--c-forest-deep:oklch(0.28 0.10 150);--c-forest-mid:oklch(0.55 0.16 150);--c-forest-glow:oklch(0.82 0.18 150);--c-island-deep:oklch(0.28 0.12 245);--c-island-mid:oklch(0.52 0.18 245);--c-island-glow:oklch(0.82 0.16 235);--c-mountain-deep:oklch(0.30 0.14 25);--c-mountain-mid:oklch(0.55 0.20 25);--c-mountain-glow:oklch(0.80 0.18 30);--c-plains-deep:oklch(0.42 0.08 85);--c-plains-mid:oklch(0.78 0.12 85);--c-plains-glow:oklch(0.94 0.10 90);--c-swamp-deep:oklch(0.20 0.08 305);--c-swamp-mid:oklch(0.42 0.14 305);--c-swamp-glow:oklch(0.72 0.16 305);--c-phoenix-deep:oklch(0.32 0.14 45);--c-phoenix-mid:oklch(0.62 0.20 45);--c-phoenix-glow:oklch(0.86 0.18 60);--c-sky-deep:oklch(0.36 0.10 225);--c-sky-mid:oklch(0.66 0.14 225);--c-sky-glow:oklch(0.88 0.12 220);--c-lotus-deep:oklch(0.32 0.14 330);--c-lotus-mid:oklch(0.58 0.20 330);--c-lotus-glow:oklch(0.84 0.16 330);--c-sun-deep:oklch(0.50 0.14 95);--c-sun-mid:oklch(0.82 0.16 95);--c-sun-glow:oklch(0.96 0.14 100);--hp-gain:oklch(0.78 0.18 150);--hp-loss:oklch(0.66 0.22 25);--poison:oklch(0.68 0.18 145);--crown:oklch(0.86 0.16 90);--font-display:"Cinzel","Cormorant Garamond",serif;--font-ui:"Inter Tight",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--r-sm:6px;--r-md:12px;--r-lg:20px;--r-xl:28px;--shadow-deep:0 30px 80px -20px rgba(0,0,0,.7),0 12px 30px -10px rgba(0,0,0,.5);--shadow-glow:0 0 0 1px hsla(0,0%,100%,.04),inset 0 1px 0 hsla(0,0%,100%,.06)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:var(--void-0);color:var(--light);font-family:var(--font-ui);text-rendering:optimizeLegibility}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.4}input,textarea{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.cosmos{background:radial-gradient(ellipse 80% 50% at 20% 10%,oklch(.18 .06 280/.5),transparent 60%),radial-gradient(ellipse 60% 60% at 85% 90%,oklch(.16 .08 200/.4),transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,oklch(.14 .04 320/.3),transparent 70%),var(--void-0);inset:0;overflow:hidden;position:fixed;z-index:0}.cosmos:before{animation:drift 120s linear infinite;background-image:radial-gradient(1px 1px at 13% 22%,hsla(0,0%,100%,.6),transparent 60%),radial-gradient(1px 1px at 47% 71%,rgba(200,220,255,.5),transparent 60%),radial-gradient(1.5px 1.5px at 78% 13%,rgba(255,240,220,.7),transparent 60%),radial-gradient(1px 1px at 92% 56%,rgba(220,200,255,.5),transparent 60%),radial-gradient(1px 1px at 33% 89%,rgba(180,220,255,.4),transparent 60%),radial-gradient(2px 2px at 67% 33%,rgba(255,200,220,.4),transparent 60%),radial-gradient(1px 1px at 8% 78%,rgba(220,255,240,.4),transparent 60%);background-size:800px 800px;content:"";inset:0;opacity:.7;position:absolute}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-800px,-800px)}}.motes{inset:0;pointer-events:none}.mote,.motes{position:absolute}.mote{animation:float-mote linear infinite;border-radius:50%;filter:blur(8px);opacity:.5}@keyframes float-mote{0%{opacity:0;transform:translate(0) scale(.8)}10%{opacity:.45}90%{opacity:.45}to{opacity:0;transform:translate(var(--mx,30px),var(--my,-120vh)) scale(1.2)}}.banner{backdrop-filter:blur(8px);background:oklch(.14 .02 280/.8);border-bottom:1px solid oklch(.3 .02 280/.5);color:var(--mist);font-size:14px;padding:12px 20px;position:relative;text-align:center;z-index:10}.banner.error{background:oklch(.18 .06 25/.85);border-color:oklch(.4 .1 25/.5);color:oklch(.9 .12 25)}.topbar{backdrop-filter:blur(12px);background:linear-gradient(180deg,oklch(.1 .02 280/.85),oklch(.1 .02 280/.55));border-bottom:1px solid oklch(.22 .02 280/.5);flex-wrap:wrap;gap:10px;justify-content:space-between;padding:18px 28px;position:relative;z-index:5}.brand,.topbar{align-items:center;display:flex}.brand{gap:14px}.brand-mark{display:grid;flex-shrink:0;height:36px;place-items:center;width:36px}.brand-name{color:var(--astral);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.32em;text-transform:uppercase}.brand-divider{background:oklch(.3 .02 280/.6);flex-shrink:0;height:22px;width:1px}.session-info{display:flex;flex-direction:column;gap:2px}.session-name{color:var(--mist);font-family:var(--font-display);font-size:13px;letter-spacing:.18em;text-transform:uppercase}.session-code{color:var(--mist);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.nav-tabs{background:oklch(.1 .02 280/.6);border:1px solid oklch(.22 .02 280/.5);display:flex;gap:4px;padding:4px}.nav-tab,.nav-tabs{border-radius:999px}.nav-tab{color:var(--mist);font-family:var(--font-display);font-size:11px;letter-spacing:.18em;padding:8px 18px;text-transform:uppercase;transition:all .2s}.nav-tab:hover:not(:disabled){color:var(--astral)}.nav-tab[data-active=true]{background:linear-gradient(135deg,oklch(.32 .06 280),oklch(.22 .04 250));box-shadow:0 0 20px oklch(.5 .1 270/.4),inset 0 1px 0 hsla(0,0%,100%,.1);color:var(--light)}.host{display:grid;gap:20px;grid-template-columns:280px 1fr 280px;min-height:calc(100vh - 73px);padding:20px;position:relative;z-index:1}@media (max-width:1300px){.host{gap:14px;grid-template-columns:240px 1fr 240px;padding:14px}}@media (max-width:1100px){.host{grid-template-columns:1fr}.host-sidebar{order:2}.host-grid{order:1}.host-aside{order:3}}.host-aside,.host-sidebar{display:flex;flex-direction:column;gap:14px;min-width:0}.panel{background:linear-gradient(160deg,oklch(.13 .02 280/.92),oklch(.1 .018 270/.88));border:1px solid oklch(.24 .02 280/.5);border-radius:var(--r-lg);box-shadow:var(--shadow-glow);padding:16px;position:relative}.panel:before{background:linear-gradient(135deg,hsla(0,0%,100%,.04),transparent 40%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.panel-title{align-items:center;color:var(--mist);display:flex;font-family:var(--font-display);font-size:11px;gap:8px;letter-spacing:.28em;margin:0 0 12px;text-transform:uppercase}.panel-title:after{background:linear-gradient(90deg,oklch(.3 .02 280/.6),transparent);content:"";flex:1;height:1px}.host-grid{align-content:start;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));position:relative}@media (min-width:1500px){.host-grid{grid-template-columns:repeat(3,1fr)}}.pcard{--pc-deep:var(--c-island-deep);--pc-mid:var(--c-island-mid);--pc-glow:var(--c-island-glow);background:radial-gradient(ellipse 100% 70% at 50% 0,oklch(from var(--pc-mid) calc(l + .05) c h/.3),transparent 60%),radial-gradient(ellipse 120% 80% at 50% 100%,oklch(from var(--pc-deep) calc(l - .05) c h/.6),transparent 70%),linear-gradient(180deg,oklch(from var(--pc-deep) l c h/.55),oklch(from var(--pc-deep) calc(l - .08) c h/.85));border:1px solid oklch(from var(--pc-mid) l c h/.4);border-radius:var(--r-xl);box-shadow:0 30px 70px -25px oklch(from var(--pc-deep) l c h/.8),0 0 0 1px oklch(from var(--pc-glow) l c h/.08),inset 0 1px 0 oklch(from var(--pc-glow) l c h/.15),inset 0 -1px 0 oklch(from var(--pc-deep) calc(l - .1) c h/.5);display:flex;flex-direction:column;isolation:isolate;min-height:380px;padding:22px 22px 20px;position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.pcard:before{background:linear-gradient(125deg,oklch(from var(--pc-glow) l c h/.12) 0,transparent 35%,transparent 65%,oklch(from var(--pc-glow) l c h/.08) 100%)}.pcard:after,.pcard:before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.pcard:after{background:linear-gradient(135deg,oklch(.7 .15 295/.06),oklch(.7 .15 200/.04) 50%,oklch(.7 .15 25/.06));mix-blend-mode:screen}.pcard-inner{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.pcard-head{justify-content:space-between;margin-bottom:6px}.pcard-head,.pcard-name{align-items:center;display:flex}.pcard-name{color:oklch(from var(--pc-glow) calc(l + .05) c h/.95);font-family:var(--font-display);font-size:16px;font-weight:600;gap:10px;letter-spacing:.1em;min-width:0;text-shadow:0 0 18px oklch(from var(--pc-glow) l c h/.4);text-transform:uppercase}.pcard-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcard-tag{background:oklch(from var(--pc-glow) l c h/.18);border:1px solid oklch(from var(--pc-glow) l c h/.3);border-radius:999px;color:oklch(from var(--pc-glow) calc(l + .05) c h);flex-shrink:0;font-family:var(--font-display);font-size:9px;letter-spacing:.24em;padding:4px 10px;text-transform:uppercase}.pcard-status-row{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;min-height:22px}.status-pip{background:oklch(from var(--pc-deep) calc(l - .05) c h/.6);border:1px solid oklch(from var(--pc-mid) l c h/.3);border-radius:50%;display:grid;height:22px;opacity:.4;place-items:center;transition:all .3s;width:22px}.status-pip[data-on=true]{background:radial-gradient(circle,oklch(from var(--pc-glow) l c h/.3),oklch(from var(--pc-deep) l c h/.6));border-color:oklch(from var(--pc-glow) l c h/.6);box-shadow:0 0 14px oklch(from var(--pc-glow) l c h/.5);opacity:1}.status-pip svg{stroke:oklch(from var(--pc-glow) calc(l + .05) c h);height:12px;width:12px}.pcard-life-wrap{align-items:center;display:flex;flex:1;margin:8px 0;min-height:140px;padding:0 12px;position:relative}.pcard-life{color:var(--light);font-family:var(--font-display);font-size:96px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.04em;line-height:1;margin-left:8%;position:relative;text-shadow:0 0 30px oklch(from var(--pc-glow) l c h/.45),0 0 60px oklch(from var(--pc-glow) l c h/.25),0 4px 0 oklch(from var(--pc-deep) calc(l - .08) c h/.6);transition:color .3s,text-shadow .3s;z-index:2}.pcard-life-glyph{display:grid;opacity:.38;overflow:visible;place-items:center;pointer-events:none;position:absolute;right:10%;top:50%;transform:translateY(-50%);z-index:1}.pcard-life-glyph svg{stroke:oklch(from var(--pc-glow) calc(l + .08) c h);filter:drop-shadow(0 0 10px oklch(from var(--pc-glow) l c h/.5));height:96px;width:96px}.life-row{display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:8px}.life-btn{background:linear-gradient(180deg,oklch(from var(--pc-mid) calc(l + .05) c h/.25),oklch(from var(--pc-deep) l c h/.6));border:1px solid oklch(from var(--pc-mid) l c h/.4);border-radius:var(--r-md);box-shadow:inset 0 1px 0 oklch(from var(--pc-glow) l c h/.15),0 1px 2px rgba(0,0,0,.4);color:var(--light);font-family:var(--font-display);font-size:16px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.04em;padding:12px 0;position:relative;transition:all .15s}.life-btn:hover:not(:disabled){background:linear-gradient(180deg,oklch(from var(--pc-mid) calc(l + .1) c h/.4),oklch(from var(--pc-deep) calc(l + .04) c h/.7));border-color:oklch(from var(--pc-glow) l c h/.6);box-shadow:0 0 18px oklch(from var(--pc-glow) l c h/.35),inset 0 1px 0 oklch(from var(--pc-glow) l c h/.25)}.life-btn:active:not(:disabled){transform:translateY(1px)}.life-btn[data-strength=major]{background:linear-gradient(180deg,oklch(from var(--pc-mid) calc(l + .08) c h/.4),oklch(from var(--pc-deep) calc(l - .04) c h/.7));border-color:oklch(from var(--pc-glow) l c h/.5)}.chip-row{display:grid;gap:6px;grid-template-columns:repeat(6,1fr);margin-top:10px}.chip{background:oklch(from var(--pc-deep) calc(l - .04) c h/.7);border:1px solid oklch(from var(--pc-mid) l c h/.3);border-radius:var(--r-sm);color:oklch(from var(--pc-glow) calc(l + .02) c h/.85);display:grid;height:38px;place-items:center;position:relative;transition:all .15s}.chip:hover:not(:disabled){background:oklch(from var(--pc-mid) l c h/.3);border-color:oklch(from var(--pc-glow) l c h/.6);box-shadow:0 0 14px oklch(from var(--pc-glow) l c h/.3)}.chip[data-active=true]{background:linear-gradient(180deg,oklch(from var(--pc-glow) l c h/.3),oklch(from var(--pc-mid) l c h/.4));border-color:oklch(from var(--pc-glow) l c h/.7);box-shadow:0 0 18px oklch(from var(--pc-glow) l c h/.5),inset 0 1px 0 oklch(from var(--pc-glow) l c h/.4);color:var(--light)}.chip[data-monarch=true]{background:linear-gradient(180deg,oklch(.86 .16 90/.4),oklch(.66 .14 80/.4));border-color:var(--crown);box-shadow:0 0 22px oklch(.86 .16 90/.6),inset 0 1px 0 oklch(.96 .1 95/.4);color:oklch(.96 .1 95)}.chip svg{stroke-width:1.5;height:16px;width:16px}.poison-row{align-items:center;display:flex;gap:4px;height:24px;margin-top:12px;padding:0 4px;position:relative}.poison-pip{background:oklch(.18 .02 280);border:1px solid oklch(.32 .04 280);border-radius:50%;display:grid;height:14px;place-items:center;transition:all .3s cubic-bezier(.2,.8,.2,1);width:14px}.poison-pip[data-filled=true]{background:radial-gradient(circle,var(--poison),oklch(.32 .16 145));border-color:var(--poison);box-shadow:0 0 8px oklch(from var(--poison) l c h/.7)}.poison-pip svg{fill:none;stroke-width:2;height:8px;width:8px}.poison-overflow{color:var(--poison);font-family:var(--font-display);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.1em;margin-left:4px}.pcard[data-defeated=true]{filter:saturate(.15) brightness(.55)}.pcard[data-defeated=true] .pcard-life{color:oklch(.5 .02 280);text-shadow:0 0 30px rgba(0,0,0,.6)}.pcard[data-critical=true] .pcard-life{animation:critical-pulse 1.4s ease-in-out infinite;color:oklch(.86 .18 25)}@keyframes critical-pulse{0%,to{text-shadow:0 0 24px oklch(.78 .2 25/.5),0 0 50px oklch(.78 .2 25/.25)}50%{text-shadow:0 0 50px oklch(.78 .2 25/.95),0 0 90px oklch(.78 .2 25/.7)}}.pcard[data-poison-warn=true]{box-shadow:0 30px 70px -25px oklch(from var(--pc-deep) l c h/.8),0 0 0 1px oklch(from var(--pc-glow) l c h/.08),0 0 50px oklch(from var(--poison) l c h/.4),inset 0 0 30px oklch(from var(--poison) l c h/.2)}.pcard[data-poison-lethal=true]{animation:poison-pulse 2s ease-in-out infinite}@keyframes poison-pulse{0%,to{box-shadow:0 30px 70px -25px oklch(from var(--pc-deep) l c h/.8),0 0 50px oklch(from var(--poison) l c h/.5),inset 0 0 30px oklch(from var(--poison) l c h/.3)}50%{box-shadow:0 30px 70px -25px oklch(from var(--pc-deep) l c h/.8),0 0 90px oklch(from var(--poison) l c h/.85),inset 0 0 60px oklch(from var(--poison) l c h/.5)}}.pcard[data-monarch=true]:after{background:linear-gradient(135deg,oklch(.86 .16 90/.18),transparent 40%,transparent 60%,oklch(.86 .16 90/.18))}.pcard[data-monarch=true]{box-shadow:0 30px 70px -25px oklch(from var(--pc-deep) l c h/.8),0 0 0 1px oklch(.86 .16 90/.4),0 0 60px oklch(.86 .16 90/.3),inset 0 1px 0 oklch(.96 .14 95/.3)}.pcard-flash{border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;z-index:4}.pcard-flash[data-flash=gain]{animation:flash-fade .7s ease-out;background:radial-gradient(circle at center,oklch(.92 .18 150/.6),transparent 70%)}.pcard-flash[data-flash=loss]{animation:flash-fade .7s ease-out;background:radial-gradient(circle at center,oklch(.78 .22 25/.55),transparent 70%)}.pcard-flash[data-flash=big-loss]{animation:flash-fade .9s ease-out,shake .5s ease-in-out;background:radial-gradient(circle at center,oklch(.72 .24 25/.85),transparent 70%)}.pcard-flash[data-flash=commander-death]{animation:flash-fade 1.1s ease-out;background:radial-gradient(circle at center,oklch(.7 .18 245/.7),transparent 75%)}.pcard-flash[data-flash=commander-arrival]{animation:flash-fade .9s ease-out;background:radial-gradient(circle at center,oklch(.86 .16 75/.5),transparent 70%)}.pcard-flash[data-flash=monarch]{animation:flash-fade 1s ease-out;background:radial-gradient(circle at center,oklch(.92 .16 90/.7),transparent 70%)}.pcard-flash[data-flash=elimination]{animation:elim-flash 1.4s ease-out forwards;background:radial-gradient(circle at center,oklch(.78 .22 25/.95),transparent 80%)}@keyframes flash-fade{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes elim-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,3px)}80%{transform:translate(3px,-1px)}}.pcard-life[data-pulse=gain]{animation:num-pulse-gain .6s ease-out}.pcard-life[data-pulse=loss]{animation:num-pulse-loss .6s ease-out}.pcard-life[data-pulse=big]{animation:num-pulse-big .7s ease-out}@keyframes num-pulse-gain{0%{color:var(--light);transform:scale(1)}40%{color:oklch(.92 .18 150);text-shadow:0 0 50px oklch(.78 .2 150/.9);transform:scale(1.18)}to{color:var(--light);transform:scale(1)}}@keyframes num-pulse-loss{0%{color:var(--light);transform:scale(1)}40%{color:oklch(.82 .2 25);text-shadow:0 0 50px oklch(.78 .22 25/.9);transform:scale(.92)}to{color:var(--light);transform:scale(1)}}@keyframes num-pulse-big{0%{color:var(--light);transform:scale(1)}30%{color:oklch(.82 .22 25);text-shadow:0 0 80px oklch(.78 .22 25/1);transform:scale(1.25)}60%{transform:scale(.94)}to{color:var(--light);transform:scale(1)}}.life-float{animation:float-up 1.1s cubic-bezier(.2,.8,.2,1) forwards;font-family:var(--font-display);font-size:36px;font-weight:700;left:50%;pointer-events:none;position:absolute;top:40%;transform:translate(-50%);z-index:5}.life-float[data-sign="+"]{color:oklch(.86 .2 150);text-shadow:0 0 24px oklch(.78 .2 150/.9)}.life-float[data-sign="-"]{color:oklch(.82 .22 25);text-shadow:0 0 24px oklch(.78 .22 25/.9)}@keyframes float-up{0%{opacity:0;transform:translate(-50%,20px) scale(.8)}20%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-80px) scale(.9)}}.shatter-shard{background:linear-gradient(135deg,oklch(from var(--pc-glow) l c h/.7),oklch(from var(--pc-mid) l c h/.4));border:1px solid oklch(from var(--pc-glow) l c h/.6);box-shadow:0 0 12px oklch(from var(--pc-glow) l c h/.6);z-index:6}.shatter-shard,.smoke-plume{pointer-events:none;position:absolute}.smoke-plume{left:50%;top:50%;z-index:5}.smoke-puff{animation:puff 1.4s ease-out forwards;background:radial-gradient(circle,oklch(.5 .04 245/.7),transparent 70%);border-radius:50%;height:60px;position:absolute;width:60px}@keyframes puff{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:.8}to{opacity:0;transform:translate(var(--puff-x,-50%),var(--puff-y,-150%)) scale(2.5)}}.qr-block{flex-direction:column;gap:10px}.qr-block,.qr-frame{align-items:center;display:flex}.qr-frame{aspect-ratio:1;background:var(--light);border-radius:var(--r-md);justify-content:center;overflow:hidden;padding:12px;position:relative;width:100%}.qr-frame:after,.qr-frame:before{border:2px solid var(--prism-amber);content:"";height:14px;position:absolute;width:14px}.qr-frame:before{border-bottom:none;border-right:none;border-top-left-radius:var(--r-sm);left:-1px;top:-1px}.qr-frame:after{border-bottom-right-radius:var(--r-sm);border-left:none;border-top:none;bottom:-1px;right:-1px}.code-pill{border-bottom:1px solid oklch(.3 .02 280/.5);border-top:1px solid oklch(.3 .02 280/.5);color:var(--prism-amber);font-family:var(--font-mono);font-size:18px;font-weight:600;letter-spacing:.32em;padding:8px 12px;text-align:center;width:100%}.player-row{align-items:center;background:oklch(.08 .012 280/.5);border:1px solid oklch(.2 .02 280/.5);border-radius:var(--r-sm);display:grid;font-size:13px;gap:10px;grid-template-columns:14px 1fr auto;margin-bottom:6px;padding:8px 10px;transition:all .15s}.player-row:last-child{margin-bottom:0}.player-row:hover{background:oklch(.12 .02 280/.6);border-color:oklch(.3 .04 280/.6)}.player-row[data-self=true]{border-color:oklch(from var(--pc-glow) l c h/.5);box-shadow:inset 0 0 12px oklch(from var(--pc-glow) l c h/.15)}.player-row .gem{background:radial-gradient(circle at 30% 30%,oklch(from var(--pc-glow) l c h),oklch(from var(--pc-deep) l c h));border-radius:50%;box-shadow:0 0 10px oklch(from var(--pc-glow) l c h/.7),inset 0 0 4px oklch(from var(--pc-deep) l c h);height:14px;width:14px}.player-row .name{color:var(--astral);font-family:var(--font-ui);font-weight:500;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row .life{color:var(--light);font-family:var(--font-display);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}.player-row .x-btn{border-radius:50%;color:var(--mist);display:grid;font-size:14px;height:22px;place-items:center;width:22px}.player-row .x-btn:hover{background:oklch(.2 .04 25/.4);color:oklch(.78 .2 25)}.color-grid{display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-top:8px}.color-swatch{aspect-ratio:1;background:radial-gradient(circle at 30% 25%,oklch(from var(--sw-glow) l c h/.8),oklch(from var(--sw-mid) l c h) 40%,oklch(from var(--sw-deep) l c h));border:1px solid oklch(from var(--sw-glow) l c h/.4);border-radius:var(--r-sm);box-shadow:0 4px 12px oklch(from var(--sw-deep) l c h/.6),inset 0 1px 0 oklch(from var(--sw-glow) l c h/.4);cursor:pointer;position:relative;transition:transform .15s}.color-swatch:hover{transform:translateY(-2px) scale(1.05)}.color-swatch[data-selected=true]{box-shadow:0 4px 16px oklch(from var(--sw-glow) l c h/.7),inset 0 1px 0 oklch(from var(--sw-glow) l c h/.6);outline:2px solid var(--light);outline-offset:2px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field:last-child{margin-bottom:0}.field-label{color:var(--mist);font-family:var(--font-display);font-size:10px;letter-spacing:.24em;text-transform:uppercase}.input{background:oklch(.06 .012 280/.7);border:1px solid oklch(.24 .02 280/.6);border-radius:var(--r-sm);color:var(--light);font-family:var(--font-ui);font-size:14px;padding:10px 12px;transition:all .15s;width:100%}.input:focus{border-color:var(--prism-amber);box-shadow:0 0 0 3px oklch(from var(--prism-amber) l c h/.15);outline:none}.btn{align-items:center;background:oklch(.16 .02 280/.6);border:1px solid oklch(.3 .02 280/.6);border-radius:var(--r-sm);color:var(--astral);display:inline-flex;font-family:var(--font-display);font-size:11px;gap:6px;justify-content:center;letter-spacing:.2em;padding:10px 16px;text-transform:uppercase;transition:all .15s}.btn:hover:not(:disabled){background:oklch(.22 .04 280/.7);border-color:oklch(.46 .04 280/.7);color:var(--light)}.btn-primary{background:linear-gradient(180deg,oklch(.78 .18 75),oklch(.58 .15 70));border-color:oklch(.86 .16 80);box-shadow:0 0 24px oklch(.78 .18 75/.4),inset 0 1px 0 oklch(.96 .1 90/.4);color:oklch(.1 .04 70)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,oklch(.84 .18 75),oklch(.62 .15 70));box-shadow:0 0 36px oklch(.78 .18 75/.6),inset 0 1px 0 oklch(.96 .1 90/.5);color:oklch(.1 .04 70)}.btn-danger{background:oklch(.16 .04 25/.6);border-color:oklch(.4 .1 25/.6);color:oklch(.78 .14 25)}.btn-danger:hover:not(:disabled){background:oklch(.22 .06 25/.7);border-color:oklch(.55 .14 25/.8);color:oklch(.9 .16 25)}.btn-row{grid-template-columns:1fr 1fr}.btn-row,.btn-row-3{display:grid;gap:6px}.btn-row-3{grid-template-columns:1fr 1fr 1fr}.btn-full{width:100%}.log-item{align-items:center;border-bottom:1px solid oklch(.2 .02 280/.4);display:grid;font-size:12px;gap:8px;grid-template-columns:8px 1fr auto;padding:8px 4px}.log-item:last-child{border-bottom:none}.log-gem{border-radius:50%;height:8px;width:8px}.log-name{color:var(--astral);font-weight:500}.log-delta{font-family:var(--font-display);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.log-delta[data-sign="+"]{color:var(--hp-gain)}.log-delta[data-sign="-"]{color:var(--hp-loss)}.seg{background:oklch(.06 .012 280/.7);border:1px solid oklch(.24 .02 280/.6);border-radius:var(--r-sm);display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:4px}.seg-opt{border-radius:4px;color:var(--mist);font-family:var(--font-display);font-size:13px;font-weight:500;letter-spacing:.18em;padding:12px;text-transform:uppercase}.seg-opt[data-active=true]{background:linear-gradient(180deg,oklch(.32 .06 280/.7),oklch(.2 .04 250/.5));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08);color:var(--light)}.event-overlay{display:grid;inset:0;place-items:center;pointer-events:none;position:fixed;z-index:100}.event-overlay:before{animation:event-veil 1.6s ease-out forwards;background:radial-gradient(ellipse at center,oklch(from var(--evt-glow) l c h/.4),transparent 60%);content:"";inset:0;position:absolute}.event-overlay-text{animation:event-text 1.6s cubic-bezier(.2,.8,.2,1) forwards;color:var(--light);font-family:var(--font-display);font-size:clamp(32px,6vw,64px);font-weight:600;letter-spacing:.36em;position:relative;text-align:center;text-shadow:0 0 30px oklch(from var(--evt-glow) l c h/.9),0 0 80px oklch(from var(--evt-glow) l c h/.5);text-transform:uppercase}.event-overlay-icon{animation:event-icon 1.6s ease-out forwards;height:80px;left:50%;opacity:0;position:absolute;top:-100px;transform:translateX(-50%);width:80px}@keyframes event-veil{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes event-text{0%{letter-spacing:.6em;opacity:0;transform:scale(.5) translateY(20px)}25%{letter-spacing:.36em;opacity:1;transform:scale(1) translateY(0)}75%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(1.05) translateY(-10px)}}@keyframes event-icon{0%{opacity:0;transform:translateX(-50%) scale(.5) rotate(-30deg)}30%{opacity:1;transform:translateX(-50%) scale(1) rotate(0)}80%{opacity:1}to{opacity:0;transform:translateX(-50%) scale(1.1)}}.player-view{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 73px);padding:16px;position:relative;z-index:1}.player-view-rail-1{display:block}.player-view-rail-2{display:none}@media (min-width:760px){.player-view{gap:24px;grid-template-columns:minmax(280px,360px) minmax(380px,560px);justify-content:center;padding:24px}}@media (min-width:1200px){.player-view{gap:28px;grid-template-columns:minmax(280px,320px) minmax(440px,600px) minmax(280px,320px)}.player-view-rail-2{display:block}}.player-view-main{display:flex;flex-direction:column;gap:16px;min-width:0}.player-view-card{display:flex;min-height:clamp(420px,60vh,640px)}.player-view-card .pcard{flex:1;padding:28px 28px 24px}.player-view-card .pcard-life{font-size:clamp(96px,14vw,168px)}.player-view-card .pcard-life-glyph svg{height:clamp(120px,14vw,180px);width:clamp(120px,14vw,180px)}.player-view-card .pcard-name{font-size:20px}.player-view-card .life-btn{font-size:22px;padding:18px 0}.player-view-card .chip{height:48px}.player-view-card .chip svg{height:20px;width:20px}.player-view-card .poison-pip{height:18px;width:18px}.player-view-card .poison-pip svg{height:10px;width:10px}.player-view-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.table-panel{display:flex;flex-direction:column;gap:10px;position:relative}.table-panel .panel{display:flex;flex:1;flex-direction:column}.table-mini-list{display:flex;flex:1;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.pmini{--pc-deep:var(--c-island-deep);--pc-mid:var(--c-island-mid);--pc-glow:var(--c-island-glow);align-items:center;background:radial-gradient(ellipse 100% 70% at 30% 0,oklch(from var(--pc-mid) calc(l + .05) c h/.18),transparent 60%),linear-gradient(180deg,oklch(from var(--pc-deep) l c h/.55),oklch(from var(--pc-deep) calc(l - .06) c h/.85));border:1px solid oklch(from var(--pc-mid) l c h/.35);border-radius:var(--r-md);box-shadow:0 6px 18px -8px oklch(from var(--pc-deep) l c h/.7),inset 0 1px 0 oklch(from var(--pc-glow) l c h/.12);cursor:pointer;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:12px 14px;position:relative;transition:transform .15s,box-shadow .15s}.pmini:hover{box-shadow:0 10px 24px -8px oklch(from var(--pc-deep) l c h/.8),0 0 0 1px oklch(from var(--pc-glow) l c h/.4),inset 0 1px 0 oklch(from var(--pc-glow) l c h/.2);transform:translateY(-1px)}.pmini[data-self=true]{border-color:oklch(from var(--pc-glow) l c h/.7);box-shadow:0 0 0 1px oklch(from var(--pc-glow) l c h/.5),0 0 24px oklch(from var(--pc-glow) l c h/.25),inset 0 1px 0 oklch(from var(--pc-glow) l c h/.25);cursor:default}.pmini[data-defeated=true]{filter:saturate(.15) brightness(.55)}.pmini[data-monarch=true]:before{background:linear-gradient(135deg,oklch(.86 .16 90/.35),transparent 40%,transparent 60%,oklch(.86 .16 90/.35));border-radius:inherit;content:"";inset:-1px;pointer-events:none;position:absolute;z-index:-1}.pmini-glyph{background:radial-gradient(circle at 30% 30%,oklch(from var(--pc-glow) l c h/.4),oklch(from var(--pc-deep) l c h/.7));border:1px solid oklch(from var(--pc-glow) l c h/.4);border-radius:50%;box-shadow:inset 0 0 8px oklch(from var(--pc-glow) l c h/.3);color:oklch(from var(--pc-glow) calc(l + .05) c h);display:grid;flex-shrink:0;height:36px;place-items:center;width:36px}.pmini-mid{display:flex;flex-direction:column;gap:2px;min-width:0}.pmini-name{color:oklch(from var(--pc-glow) calc(l + .05) c h);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.pmini-status{align-items:center;color:var(--mist);display:flex;font-size:10px;gap:6px;letter-spacing:.04em}.pmini-status-dot{align-items:center;display:inline-flex;gap:3px}.pmini-status-dot svg{height:11px;width:11px}.pmini-status-dot[data-active=true]{color:oklch(from var(--pc-glow) calc(l + .05) c h)}.pmini-status-dot[data-monarch=true]{color:var(--crown)}.pmini-status-dot[data-poison=true]{color:var(--poison)}.pmini-life{color:var(--light);font-family:var(--font-display);font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;text-shadow:0 0 14px oklch(from var(--pc-glow) l c h/.4)}.pmini[data-critical=true] .pmini-life{animation:critical-pulse 1.4s ease-in-out infinite;color:oklch(.86 .18 25)}.peek-backdrop{animation:peek-in .25s ease-out;backdrop-filter:blur(8px);background:oklch(.05 .01 280/.7);display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:150}@keyframes peek-in{0%{opacity:0}to{opacity:1}}.peek-card-wrap{max-width:480px;position:relative;width:100%}.peek-card-wrap .pcard{animation:peek-card-in .35s cubic-bezier(.2,.8,.2,1)}@keyframes peek-card-in{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.peek-close{align-items:center;background:oklch(.1 .02 280/.6);border:1px solid oklch(.3 .04 280/.5);border-radius:999px;color:var(--mist);display:flex;font-family:var(--font-display);font-size:11px;gap:6px;letter-spacing:.18em;padding:6px 12px;position:absolute;right:0;text-transform:uppercase;top:-44px}.peek-close:hover{color:var(--light)}.peek-card-readonly{pointer-events:none}.player-selector-overlay{animation:peek-in .2s ease-out;backdrop-filter:blur(10px);background:oklch(.05 .01 280/.8);display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:150}.player-selector-panel{max-width:400px;width:100%}.lobby{display:grid;min-height:calc(100vh - 73px);padding:32px 20px;place-items:center;position:relative;z-index:1}.lobby-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr;max-width:920px;width:100%}@media (max-width:760px){.lobby-grid{grid-template-columns:1fr}}.lobby-panel{padding:32px}.lobby-title{color:var(--light);font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:.18em;margin:0 0 8px;text-transform:uppercase}.lobby-subtitle{color:var(--mist);font-size:13px;margin:0 0 24px}.dealin .pcard{animation:deal-in .9s cubic-bezier(.2,.8,.2,1) backwards}.dealin .pcard:first-child{animation-delay:.05s}.dealin .pcard:nth-child(2){animation-delay:.18s}.dealin .pcard:nth-child(3){animation-delay:.31s}.dealin .pcard:nth-child(4){animation-delay:.44s}.dealin .pcard:nth-child(5){animation-delay:.57s}.dealin .pcard:nth-child(6){animation-delay:.7s}@keyframes deal-in{0%{filter:blur(10px);opacity:0;transform:translateY(60px) scale(.85) rotate(-3deg)}60%{filter:blur(0)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1) rotate(0)}}.pcard-enter{animation:deal-in .7s cubic-bezier(.2,.8,.2,1)}body[data-variant=etched]{--void-0:oklch(0.07 0.008 50);--void-1:oklch(0.10 0.010 50);--void-2:oklch(0.13 0.012 50);--void-3:oklch(0.18 0.014 50);--void-4:oklch(0.24 0.016 50);--astral:oklch(0.85 0.04 80);--light:oklch(0.96 0.04 85);--mist:oklch(0.62 0.04 70)}body[data-variant=etched] .cosmos{background:radial-gradient(ellipse 70% 50% at 30% 10%,oklch(.2 .06 60/.6),transparent 60%),radial-gradient(ellipse 60% 60% at 80% 90%,oklch(.16 .04 30/.5),transparent 60%),var(--void-0)}body[data-variant=etched] .pcard{background:radial-gradient(ellipse 60% 40% at 50% 35%,oklch(from var(--pc-mid) calc(l + .05) c h/.4),transparent 70%),linear-gradient(180deg,oklch(.16 .02 60/.92),oklch(.1 .018 50/.95));border:1px solid oklch(.45 .06 75/.45);border-radius:14px;box-shadow:0 30px 70px -25px oklch(from var(--pc-deep) l c h/.7),0 0 0 1px oklch(.65 .08 80/.18),inset 0 1px 0 oklch(.85 .1 80/.25),inset 0 0 0 4px oklch(.1 .012 50/.6),inset 0 0 0 5px oklch(.45 .06 75/.25)}body[data-variant=etched] .panel{background:linear-gradient(160deg,oklch(.13 .018 60/.92),oklch(.09 .014 50/.92));border:1px solid oklch(.45 .06 75/.35);border-radius:14px;box-shadow:inset 0 1px 0 oklch(.65 .08 80/.15)}body[data-variant=etched] .panel-title{color:oklch(.78 .1 80)}body[data-variant=etched] .pcard-name{color:oklch(.9 .1 80);text-shadow:0 0 10px oklch(from var(--pc-glow) l c h/.3)}body[data-variant=etched] .pcard-life{color:oklch(.96 .06 80);text-shadow:0 0 30px oklch(from var(--pc-glow) l c h/.5),0 2px 0 oklch(.2 .04 60),0 0 1px oklch(.65 .08 80)}body[data-variant=etched] .life-btn{background:linear-gradient(180deg,oklch(.22 .04 60/.7),oklch(.12 .02 50/.8));border-color:oklch(.55 .08 80/.35);border-radius:6px;color:oklch(.92 .08 80)}body[data-variant=etched] .chip{background:oklch(.1 .014 50/.7);border-color:oklch(.45 .06 75/.3);border-radius:4px;color:oklch(from var(--pc-glow) l c h/.85)}body[data-variant=etched] .nav-tab[data-active=true]{background:linear-gradient(135deg,oklch(.45 .1 75),oklch(.3 .08 60));box-shadow:0 0 16px oklch(.65 .1 75/.4),inset 0 1px 0 oklch(.85 .1 80/.3)}body[data-variant=etched] .btn-primary{background:linear-gradient(180deg,oklch(.65 .1 75),oklch(.45 .08 65));border-color:oklch(.78 .1 80);color:oklch(.1 .04 50)}.variant-toggle{backdrop-filter:blur(12px);background:oklch(.1 .02 280/.85);border:1px solid oklch(.32 .04 280/.6);border-radius:999px;bottom:18px;box-shadow:0 8px 30px rgba(0,0,0,.6);display:flex;gap:4px;padding:4px;position:fixed;right:18px;z-index:200}.variant-opt{border-radius:999px;font-family:var(--font-display);font-size:10px;letter-spacing:.2em;padding:8px 16px;text-transform:uppercase;transition:all .2s}.variant-opt[data-active=true]{background:linear-gradient(135deg,oklch(.32 .06 280),oklch(.22 .04 250));box-shadow:0 0 16px oklch(.5 .1 270/.4);color:var(--light)}.variant-opt[data-active=false]{color:var(--mist)}