:root{--bg: #04060c;--bg-2: #070b14;--panel: rgba(10, 15, 26, .93);--panel-solid: #0b111d;--panel-2: rgba(17, 25, 41, .9);--line: rgba(120, 170, 255, .14);--line-strong: rgba(120, 170, 255, .3);--ink: #e8eefc;--ink-dim: #9db0cd;--ink-faint: #61738f;--cyan: #4cc9f0;--cyan-dim: #2b7d97;--gold: #ffd166;--red: #ff5f6d;--green: #7ae7c7;--violet: #b388ff;--orange: #ff922b;--radius: 14px;--radius-sm: 9px;--shadow: 0 18px 50px rgba(0, 0, 0, .55);--shadow-sm: 0 6px 20px rgba(0, 0, 0, .4);--font: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Rajdhani", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#78aaff2e;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#78aaff52}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;margin:0}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--cyan)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-2{gap:2px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.grow{flex:1}.wrap{flex-wrap:wrap}.center{justify-content:center}.between{justify-content:space-between}.end{justify-content:flex-end}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.tiny{font-size:11px}.small{font-size:12px}.mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--ink-faint)}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:linear-gradient(180deg,#3c64a038,#1e325a29);color:var(--ink);font-weight:600;letter-spacing:.01em;transition:transform .08s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap}.btn:hover:not(:disabled){background:linear-gradient(180deg,#5082c852,#28416e3d);border-color:#8cc8ff73;box-shadow:0 0 0 1px #4cc9f01f,0 8px 22px #00000073}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#4cc9f0,#2a90c4);border-color:#a0e6ff99;color:#04121c;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.25)}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#63d7fa,#3aa4d8);box-shadow:0 0 24px #4cc9f073}.btn.danger{background:linear-gradient(180deg,#ff5f6d47,#8c1e2d33);border-color:#ff828c66;color:#ffd9dc}.btn.danger:hover:not(:disabled){background:linear-gradient(180deg,#ff5f6d6b,#a023324d)}.btn.gold{background:linear-gradient(180deg,#ffd166,#d9a323);border-color:#ffe3a099;color:#241a02;font-weight:800}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-dim)}.btn.ghost:hover:not(:disabled){background:#78aaff14;border-color:var(--line);color:var(--ink)}.btn.sm{padding:5px 10px;font-size:12px;border-radius:7px}.btn.lg{padding:13px 26px;font-size:16px;border-radius:12px}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:var(--ink-faint)}.input,select.input{background:#040810b8;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #4cc9f024}.input::placeholder{color:var(--ink-faint)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;font-size:11px;font-weight:600;letter-spacing:.03em}.divider{height:1px;background:var(--line);margin:12px 0}.error-banner{background:#ff5f6d24;border:1px solid rgba(255,95,109,.4);color:#ffc9cd;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px}.toggle{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#04081080;cursor:pointer;user-select:none;transition:border-color .15s ease,background .15s ease}.toggle:hover{border-color:var(--line-strong)}.toggle .knob{width:34px;height:19px;border-radius:999px;background:#ffffff1a;position:relative;flex:none;transition:background .18s ease}.toggle .knob:after{content:"";position:absolute;top:2.5px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--ink-dim);transition:transform .18s ease,background .18s ease}.toggle.on .knob{background:#4cc9f059}.toggle.on .knob:after{transform:translate(15px);background:var(--cyan)}.seg{display:inline-flex;padding:3px;gap:3px;background:#04081099;border:1px solid var(--line);border-radius:10px}.seg button{padding:6px 12px;border-radius:7px;font-size:12px;font-weight:600;color:var(--ink-dim);transition:background .14s ease,color .14s ease}.seg button:hover{color:var(--ink)}.seg button.active{background:#4cc9f029;color:var(--cyan);box-shadow:inset 0 0 0 1px #4cc9f04d}.range{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:999px;background:#ffffff1a;outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cyan);border:2px solid #05131c;box-shadow:0 0 10px #4cc9f099;cursor:pointer}.range::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--cyan);border:2px solid #05131c;cursor:pointer}.bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width .3s ease}.app{height:100%;position:relative;overflow:hidden}.screen{position:absolute;inset:0;overflow:auto}.backdrop{position:absolute;inset:0;background:radial-gradient(1200px 700px at 20% -10%,rgba(76,201,240,.14),transparent 60%),radial-gradient(900px 600px at 95% 5%,rgba(255,95,109,.1),transparent 60%),radial-gradient(1000px 800px at 50% 110%,rgba(179,136,255,.1),transparent 60%),linear-gradient(180deg,#05080f,#03050a);pointer-events:none}.backdrop:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,170,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 50% 40%,black,transparent 78%)}.shell{position:relative;max-width:1180px;margin:0 auto;padding:28px 24px 60px}.brand{display:flex;align-items:center;gap:12px}.brand .mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,#4cc9f0,#1b5f80 55%,#ff5f6d);display:grid;place-items:center;box-shadow:0 0 26px #4cc9f059;flex:none}.brand .name{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1;background:linear-gradient(90deg,#fff,#9ed8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand .tag{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;min-height:78vh}@media(max-width:950px){.hero{grid-template-columns:1fr;gap:28px}}.hero h1{font-size:clamp(40px,6vw,72px);line-height:.96;letter-spacing:.01em;margin:18px 0 14px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#4cc9f0,#b388ff 55%,#ff5f6d);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{font-size:17px;color:var(--ink-dim);max-width:54ch}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:26px}.feature{padding:14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffff06}.feature b{display:block;font-family:var(--font-display);font-size:15px;letter-spacing:.03em}.feature span{color:var(--ink-dim);font-size:12.5px}.auth-card{padding:26px}.auth-tabs{display:flex;gap:4px;margin-bottom:18px}.auth-tabs button{flex:1;padding:9px;border-radius:9px;font-weight:700;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--ink-faint);border:1px solid transparent}.auth-tabs button.active{color:var(--cyan);background:#4cc9f01a;border-color:#4cc9f04d}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.userbox{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:16px;color:#04121c;background:linear-gradient(140deg,#4cc9f0,#b388ff);flex:none}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.menu-card{position:relative;overflow:hidden;padding:22px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;display:flex;flex-direction:column;gap:8px;min-height:150px}.menu-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 20px 46px #0000008c}.menu-card .glow{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(60px);opacity:.35;right:-50px;top:-60px;pointer-events:none}.menu-card h3{font-size:21px}.menu-card p{margin:0;color:var(--ink-dim);font-size:13px}.menu-card.wide{grid-column:span 2}@media(max-width:700px){.menu-card.wide{grid-column:span 1}}.setup-layout{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}@media(max-width:1000px){.setup-layout{grid-template-columns:1fr}}.region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.region-card{padding:14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffff05;text-align:left;transition:border-color .15s ease,background .15s ease,transform .12s ease}.region-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.region-card.active{border-color:var(--cyan);background:#4cc9f01a;box-shadow:inset 0 0 0 1px #4cc9f040}.region-card b{font-family:var(--font-display);font-size:16px;display:block}.region-card span{font-size:12px;color:var(--ink-dim)}.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:7px;max-height:268px;overflow-y:auto;padding:3px}.country-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:#ffffff05;text-align:left;transition:border-color .13s ease,background .13s ease}.country-card:hover{border-color:var(--line-strong);background:#ffffff0d}.country-card.active{border-color:var(--gold);background:#ffd1661f}.country-card .flag{font-size:20px;line-height:1;flex:none}.country-card .cname{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-card .csize{font-size:10.5px;color:var(--ink-faint)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);padding:8px 10px;border-bottom:1px solid var(--line);font-weight:700}.table td{padding:9px 10px;border-bottom:1px solid rgba(120,170,255,.07)}.table tr:hover td{background:#78aaff0d}.rank-1{color:var(--gold);font-weight:800}.rank-2{color:#d7e2f2;font-weight:700}.rank-3{color:#d99a63;font-weight:700}.game-root{position:absolute;inset:0;overflow:hidden;background:#04070f}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}.game-canvas.dragging{cursor:grabbing}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.res-bar{display:flex;align-items:center;gap:4px;padding:7px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.res{display:flex;align-items:center;gap:7px;padding:4px 11px;border-radius:8px}.res+.res{border-left:1px solid var(--line)}.res .v{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1}.res .d{font-size:10.5px;color:var(--ink-faint);line-height:1.1}.res .d.up{color:var(--green)}.res .d.down{color:var(--red)}.clock{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.clock .time{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.04em;line-height:1}.clock.warning .time{color:var(--red)}.clock.peace .time{color:var(--green)}.hud-left{position:absolute;left:12px;top:74px;bottom:128px;width:322px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.hud-right{position:absolute;right:12px;top:74px;width:268px;max-height:calc(100% - 200px);display:flex;flex-direction:column;gap:10px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);background:#ffffff06}.card>header h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase}.card .body{padding:11px 12px}.card .scroll{overflow-y:auto}.prov-title{display:flex;align-items:center;gap:9px}.prov-title .dot{width:11px;height:11px;border-radius:3px;flex:none;box-shadow:0 0 10px currentColor}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.stat{padding:7px 9px;border-radius:8px;background:#ffffff09;border:1px solid rgba(120,170,255,.08)}.stat .k{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint)}.stat .v{font-family:var(--font-display);font-size:16px;font-weight:700}.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}.build-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px 5px;border-radius:9px;border:1px solid var(--line);background:#ffffff08;transition:border-color .13s ease,background .13s ease,transform .1s ease;position:relative}.build-btn:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff12;transform:translateY(-1px)}.build-btn:disabled{opacity:.36;cursor:not-allowed}.build-btn .n{font-size:10px;font-weight:700;letter-spacing:.03em}.build-btn .c{font-size:10px;color:var(--gold);font-family:var(--font-mono)}.build-btn .lvl{position:absolute;top:3px;right:4px;font-size:9px;font-weight:800;color:var(--gold)}.player-row{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:8px;transition:background .13s ease}.player-row:hover{background:#ffffff0b}.player-row .swatch{width:9px;height:22px;border-radius:3px;flex:none}.player-row.dead{opacity:.4}.player-row .pname{font-size:12.5px;font-weight:600}.player-row .pmeta{font-size:10.5px;color:var(--ink-faint)}.player-row .pscore{font-family:var(--font-display);font-weight:700;font-size:15px}.ticker{position:absolute;left:12px;bottom:12px;width:322px;max-height:106px;overflow:hidden;padding:8px 11px;border-radius:var(--radius);background:#060a12e0;border:1px solid var(--line);display:flex;flex-direction:column-reverse;gap:3px;font-size:12px}.ticker .ev{display:flex;gap:7px;align-items:baseline;color:var(--ink-dim);animation:slideIn .25s ease}.ticker .ev b{color:var(--ink);font-weight:600}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hud-bottom{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.attack-strip{display:flex;align-items:center;gap:8px}.attack-strip .pct{font-family:var(--font-display);font-weight:700;font-size:17px;min-width:48px;text-align:center;color:var(--red)}.modal-backdrop{position:absolute;inset:0;background:#020409db;display:grid;place-items:center;z-index:40;padding:24px;animation:fade .16s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(920px,100%);max-height:86vh;overflow:auto;padding:22px}.tech-tree{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:800px){.tech-tree{grid-template-columns:repeat(2,1fr)}}.tech-era h5{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);margin:0 0 8px}.tech-node{display:flex;gap:9px;padding:10px;border-radius:10px;border:1px solid var(--line);background:#ffffff06;text-align:left;width:100%;margin-bottom:8px;transition:border-color .14s ease,background .14s ease}.tech-node:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff0f}.tech-node:disabled{opacity:.42;cursor:not-allowed}.tech-node.owned{border-color:#7ae7c773;background:#7ae7c717}.tech-node.active{border-color:var(--cyan);background:#4cc9f01f}.tech-node b{font-size:13px;display:block}.tech-node span{font-size:11.5px;color:var(--ink-dim)}.toast-wrap{position:absolute;top:76px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:50;pointer-events:none}.toast{padding:9px 15px;border-radius:10px;background:#0a101cf0;border:1px solid var(--line-strong);box-shadow:var(--shadow);font-size:13px;font-weight:600;animation:toastIn .2s ease}.toast.bad{border-color:#ff5f6d80;color:#ffc9cd}.toast.good{border-color:#7ae7c780;color:#b8fff0}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.loading{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(900px 600px at 50% 40%,rgba(76,201,240,.1),transparent 65%),#04070f;z-index:60}.loading .ring{width:62px;height:62px;border-radius:50%;border:3px solid rgba(76,201,240,.16);border-top-color:var(--cyan);animation:spin .9s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.lobby-layout{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}@media(max-width:950px){.lobby-layout{grid-template-columns:1fr}}.room-row{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:#ffffff06;transition:border-color .14s ease,background .14s ease}.room-row:hover{border-color:var(--line-strong);background:#ffffff0d}.chat-log{height:210px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;font-size:12.5px}.chat-log .who{font-weight:700;color:var(--cyan)}.pill-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.05em}.pill-status i{width:7px;height:7px;border-radius:50%;display:block}.st-p2p i{background:var(--green);box-shadow:0 0 8px var(--green)}.st-relay i{background:var(--gold);box-shadow:0 0 8px var(--gold)}.st-lost i{background:var(--red);box-shadow:0 0 8px var(--red)}.st-connecting i{background:var(--ink-faint)}.result-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;margin:18px 0 22px}.podium{border-radius:12px;border:1px solid var(--line);padding:14px;text-align:center;background:#ffffff08}.podium.p1{border-color:#ffd16680;background:#ffd1661a;padding-bottom:30px}.kbd{display:inline-block;padding:1px 6px;border-radius:5px;border:1px solid var(--line-strong);background:#ffffff0f;font-family:var(--font-mono);font-size:11px}.landing{position:absolute;inset:0;overflow:hidden;background:#04070f}.landing-stage{position:absolute;inset:0;opacity:.95}.landing-stage canvas{width:100%;height:100%;display:block;transform:translateZ(0)}.landing-veil{position:absolute;inset:0;transform:translateZ(0);will-change:transform;contain:strict;background:radial-gradient(120% 90% at 50% 40%,#04070f52,#04070fd1 62%,#03050af5),linear-gradient(180deg,#04070fb3,#04070f40 35%,#03050ae6);pointer-events:none}.landing-veil:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(120,190,255,.05) 0px,rgba(120,190,255,.05) 1px,transparent 1px,transparent 5px);opacity:.3}.landing-glow{position:absolute;transform:translateZ(0);will-change:transform;left:50%;top:42%;width:min(1100px,120vw);height:min(560px,70vh);translate:-50% -50%;background:radial-gradient(closest-side,#4cc9f033,#4cc9f000 72%);pointer-events:none}.landing-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;text-align:center}.landing-title{font-family:var(--font-display);font-weight:700;font-size:clamp(52px,11vw,138px);line-height:.86;letter-spacing:.06em;text-transform:uppercase;margin:0;background:linear-gradient(180deg,#fff 8%,#a9ddff 52%,#4a8fc4);-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleIn 1s cubic-bezier(.16,1,.3,1) both}@keyframes titleIn{0%{opacity:0;transform:translateY(16px) scale(.97);letter-spacing:.16em}to{opacity:1;transform:none;letter-spacing:.06em}}.landing-sub{font-family:var(--font-display);font-size:clamp(13px,1.6vw,17px);letter-spacing:.42em;text-transform:uppercase;color:#8fb7dd;margin:-6px 0 0;animation:fadeUp 1s .15s cubic-bezier(.16,1,.3,1) both}.landing-lead{max-width:46ch;color:#c3d4ea;font-size:15px;margin:0;animation:fadeUp 1s .25s cubic-bezier(.16,1,.3,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.landing-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;animation:fadeUp 1s .4s cubic-bezier(.16,1,.3,1) both}.landing-btn{min-width:232px;padding:17px 30px;border-radius:14px;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(150,210,255,.35);background:#09101cb8;color:#dceaff;transition:transform .14s cubic-bezier(.16,1,.3,1),box-shadow .18s ease,background .18s ease,border-color .18s ease}.landing-btn:hover{transform:translateY(-2px);border-color:#b4e6ffb3;background:#101c2ed1;box-shadow:0 14px 40px #0000008c}.landing-btn.hot{background:linear-gradient(180deg,#4cc9f0,#2384b4);border-color:#bef0ffd9;color:#03131e;box-shadow:0 0 44px #4cc9f059}.landing-btn.hot:hover{box-shadow:0 0 62px #4cc9f08c}.landing-name{width:min(340px,84vw);text-align:center;font-family:var(--font-display);font-size:17px;letter-spacing:.08em;padding:12px 14px;background:#060b14b3;animation:fadeUp 1s .32s cubic-bezier(.16,1,.3,1) both}.landing-corner{position:absolute;top:14px;right:18px}.auth-modal{width:min(420px,100%);padding:26px}.spawn-banner{position:absolute;top:78px;left:50%;transform:translate(-50%);padding:12px 22px;border-radius:14px;background:#080d17f0;border:1px solid rgba(255,209,102,.45);box-shadow:0 16px 44px #0009;text-align:center;z-index:20;animation:fadeUp .3s cubic-bezier(.16,1,.3,1) both}.spawn-title{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.spawn-clock{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--gold);min-width:56px;text-align:right}.quick-join{position:fixed;right:22px;bottom:22px;width:268px;padding:14px 16px;border-radius:14px;background:#0a0f1af5;border:1px solid rgba(255,209,102,.35);box-shadow:0 18px 44px #0009;z-index:30}.quick-join-title{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.1}.quick-join-input{text-transform:uppercase;letter-spacing:.22em;text-align:center;font-size:16px;font-weight:700;padding:9px 8px}@media(max-width:720px){.quick-join{position:static;width:100%;margin-top:18px}}.invite-row{display:flex;gap:8px;align-items:stretch;margin-bottom:6px}.invite-row .input{font-size:11.5px;padding:8px 10px;color:var(--ink-dim)}.invite-row .btn{white-space:nowrap}.invite-banner{padding:9px 18px;border-radius:999px;border:1px solid rgba(255,209,102,.5);background:#ffd1661f;color:#ffe6a8;font-size:13px;animation:fadeUp .7s cubic-bezier(.16,1,.3,1) both}.guild-tag{display:inline-grid;place-items:center;min-width:46px;height:34px;padding:0 8px;border-radius:8px;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.08em;color:#04121c;flex:none}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:14px}.design-card{position:relative;padding:12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);text-align:left;transition:transform .14s ease,border-color .15s ease,box-shadow .15s ease}.design-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 14px 34px #00000080}.design-card.active{border-color:var(--green);box-shadow:inset 0 0 0 1px #7ae7c759}.design-card.locked{opacity:.6}.design-preview{width:100%;border-radius:9px;display:block}.design-lock{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#040810d1;border:1px solid rgba(255,209,102,.5)}.color-dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.5);cursor:pointer;outline-offset:2px}