:root{color:#eef0ea;font-synthesis:none;--bg:#08090c;--bg2:#0c0f14;--panel:#10141b;--panel2:#141a23;--line:#222a35;--line2:#2e3846;--text:#eef0ea;--muted:#95a1ac;--muted2:#6d7883;--gold:#e9b43c;--gold2:#f8d879;--gold-dim:#7a5f1d;--green:#86e0a1;--green-dim:#2c5c3c;--red:#ff9b7a;--radius:16px;background:#08090c;font-family:Manrope,DM Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1100px 560px at 78% -8%,#1b2333 0%,transparent 58%), radial-gradient(900px 520px at 6% 108%,#1e1809 0%,transparent 55%), var(--bg);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3{letter-spacing:-.5px;margin:0;font-family:Manrope,DM Sans,sans-serif}h2 em,h1 em{color:var(--gold2);letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:600}.eyebrow{letter-spacing:3px;color:var(--gold);text-transform:uppercase;font-size:10px;font-weight:800}.tiny{color:var(--muted2);font-size:10px;line-height:1.7}.muted{color:var(--muted)}.online-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2.4s infinite pulse;display:inline-block;box-shadow:0 0 8px #86e0a1aa}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.close{color:var(--muted);z-index:3;background:0 0;border:0;font-size:22px;position:absolute;top:12px;right:14px}.close:hover{color:var(--text)}header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0a0d12e6;justify-content:space-between;align-items:center;gap:20px;height:74px;padding:0 34px;display:flex;position:sticky;top:0}.brand{letter-spacing:2px;align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.brand-logo{filter:drop-shadow(0 5px 16px #0006)drop-shadow(0 0 18px #a78bfa22);flex:none;width:auto;height:54px;display:block}.brand:hover .brand-logo{filter:brightness(1.08)drop-shadow(0 5px 16px #0006)}.brand-label{letter-spacing:2.4px;color:var(--muted2);border-left:1px solid var(--line2);white-space:nowrap;padding-left:14px;font-size:8px;font-weight:700;line-height:1.7}nav{border:1px solid var(--line);background:#11151c;border-radius:12px;gap:4px;padding:4px;display:flex}.nav{color:var(--muted);letter-spacing:.6px;background:0 0;border:0;border-radius:9px;padding:9px 20px;font-size:12px;font-weight:700;transition:color .15s,background .15s}.nav span{color:var(--gold);margin-right:7px}.nav.active{color:var(--text);border:1px solid var(--line2);background:#1b212b;box-shadow:0 4px 14px #0006}.header-right{letter-spacing:2px;color:var(--muted);align-items:center;gap:10px;font-size:9px;font-weight:700;display:flex}.version{border:1px solid var(--line2);color:var(--muted2);border-radius:6px;margin-left:6px;padding:5px 8px;font-size:8px}.primary{color:#231a04;letter-spacing:1.2px;text-transform:uppercase;background:linear-gradient(#f6cd63,#e2a52a);border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:13px 24px;font-size:12px;font-weight:800;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 8px 24px #e9b43c2b,inset 0 1px #fff4d0}.primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.primary:disabled{filter:grayscale(.3)brightness(.85);opacity:.85;box-shadow:none}.primary.small{letter-spacing:1px;padding:10px 14px;font-size:10.5px}.play-glyph{font-size:10px}.ghost{border:1px solid var(--line2);color:var(--text);letter-spacing:.8px;background:#131820cc;border-radius:10px;justify-content:center;align-items:center;padding:13px 20px;font-size:12px;font-weight:700;transition:border-color .15s,background .15s;display:inline-flex}.ghost:hover:not(:disabled){border-color:var(--gold);background:#1a2028}.ghost.small{padding:10px 14px;font-size:10.5px}.ghost:disabled{opacity:.55}.secondary{border:1px solid var(--line2);color:var(--text);background:#121820;border-radius:10px;padding:11px 18px;font-size:12px;font-weight:600}.secondary:hover:not(:disabled){border-color:var(--gold)}.pill{color:var(--gold2);letter-spacing:1.6px;background:#e9b43c14;border:1px solid #e9b43c66;border-radius:6px;align-items:center;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.pill.amber{background:#e9b43c22}.pill.dark{color:var(--muted);background:#0d1116dd;border-color:#4a5563}.equipped-tag{color:var(--green);letter-spacing:.6px;font-size:11px;font-weight:800}.hero{border-bottom:1px solid var(--line);justify-content:center;align-items:center;min-height:min(86vh,760px);display:flex;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0}.hero-map{object-fit:cover;object-position:center 44%;width:100%;height:100%;display:block}.hero-shade{background:linear-gradient(#08090ccc 0%,#08090c66 26%,#08090c33 46%,#08090ccc 88%,#08090c 100%),radial-gradient(720px 420px at 50% 38%,#08090c99 0%,#0000 70%);position:absolute;inset:0}.hero-copy{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:800px;padding:96px 30px 70px;display:flex;position:relative}.hero-kicker{letter-spacing:4px;color:var(--gold);text-transform:uppercase;font-size:10px;font-weight:800}.hero h1{letter-spacing:-1.5px;text-shadow:0 6px 40px #000a;font-size:clamp(38px,6vw,64px);line-height:1.02}.hero h1 em{display:inline-block}.hero-copy p{color:#c3ccd4;text-shadow:0 2px 14px #000;max-width:600px;margin:0;font-size:14px;line-height:1.75}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.hero-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.badge-chip{border:1px solid var(--line2);color:var(--muted);letter-spacing:.8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1016cc;border-radius:999px;padding:7px 14px;font-size:10px;font-weight:700}.badge-chip.green{color:var(--green);border-color:#2c5c3c88}.badge-chip.mono{color:var(--gold2);font-family:ui-monospace,Consolas,monospace}.hero-ca{border:1px solid var(--line2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1016d9;border-radius:999px;align-items:center;gap:10px;margin-top:6px;padding:9px 16px;display:inline-flex}.hero-ca code{color:var(--gold2);font-family:ui-monospace,Consolas,monospace;font-size:11px}.hero-scroll{z-index:2;letter-spacing:3px;text-transform:uppercase;color:var(--muted2);flex-direction:column;align-items:center;gap:2px;font-size:9px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hero-scroll span{color:var(--gold);font-size:13px}.stats{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat{background:var(--bg);text-align:center;padding:34px 20px}.stat strong{color:var(--gold2);letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:clamp(26px,3vw,40px);font-weight:800;display:block}.stat span{letter-spacing:2.4px;text-transform:uppercase;color:var(--muted2);margin-top:8px;font-size:10px;font-weight:700;display:block}.featured{max-width:1440px;margin:0 auto;padding:64px 34px 26px}.section-head{margin-bottom:28px}.section-head.center{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.section-head h2{letter-spacing:-1px;font-size:clamp(26px,3.4vw,40px)}.section-head p{max-width:520px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px;display:grid}.game-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.game-card:hover{border-color:var(--gold-dim);transform:translateY(-4px);box-shadow:0 18px 44px #0006}.game-card.equipped{border-color:var(--gold);box-shadow:0 0 0 1px #e9b43c44,0 18px 44px #0008}.game-card.locked{opacity:.72;filter:grayscale(.35)}.game-card.locked:hover{border-color:var(--line);transform:none}.card-cover{background:radial-gradient(240px 170px at 50% 78%,#2b3546 0%,#161c26 62%,#10141b 100%);place-items:center;height:196px;display:grid;position:relative}.card-cover:after{content:"";background:linear-gradient(#0000 62%,#0c0f14cc),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 22px),repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 22px);position:absolute;inset:0}.card-portrait{width:auto;height:172px;image-rendering:pixelated;z-index:1;filter:drop-shadow(0 10px 18px #0008);position:relative}.card-cover .pill{z-index:2;position:absolute;top:12px;left:12px}.card-body{padding:16px 18px 8px}.card-body h3{letter-spacing:-.2px;color:var(--text);font-size:15.5px}.card-tags{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.tag{border:1px solid var(--line2);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);background:#0d1116;border-radius:5px;padding:4px 8px;font-size:8.5px;font-weight:800}.card-desc{color:var(--muted2);margin:0;font-size:11.5px;line-height:1.7}.card-foot{border-top:1px solid var(--line);margin-top:auto;padding:14px 18px 16px;display:flex}.card-foot>*{flex:1}.game-section{max-width:1600px;margin:0 auto;padding:44px 34px 10px}.game-section .section-head{justify-content:space-between;align-items:end;gap:18px;display:flex}.ca-bar{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;margin:0 0 14px;padding:11px 16px;display:flex}.ca-label{letter-spacing:2px;color:var(--gold);font-size:9px;font-weight:800}.ca-bar code{color:#cfd8e0;border:1px solid var(--line2);overflow-wrap:anywhere;background:#0c1016;border-radius:6px;padding:5px 10px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px}.ca-copy{border:1px solid var(--line2);color:var(--text);background:#121820;border-radius:8px;margin-left:auto;padding:8px 14px;font-size:11px;font-weight:700}.ca-copy:hover{border-color:var(--gold)}.viewport{border:1px solid var(--line2);background:#05070b;border-radius:18px;height:min(78vh,760px);min-height:560px;position:relative;overflow:hidden;box-shadow:0 30px 90px #000a,0 0 0 1px #0006,0 0 60px #e9b43c12}.viewport:before,.viewport:after{content:"";border:2px solid var(--gold);opacity:.7;pointer-events:none;z-index:6;width:22px;height:22px;position:absolute}.viewport:before{border-bottom:0;border-right:0;border-radius:8px 0 0;top:10px;left:10px}.viewport:after{border-top:0;border-left:0;border-radius:0 0 8px;bottom:10px;right:10px}.viewport:fullscreen{border:0;border-radius:0;height:100vh;min-height:0}.game-host{position:absolute;inset:0}.game-host canvas{width:100%;height:100%;display:block}.scene-vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#000000b3 100%);position:absolute;inset:0}.scene-top{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:18px;left:18px;right:18px}.scene-left{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.scene-actions{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;align-items:start;gap:8px;display:flex}.location{border:1px solid var(--line2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1016d9;border-radius:10px;align-items:center;gap:10px;padding:8px 13px;display:flex}.location>span{color:var(--gold);font-size:15px}.location strong{letter-spacing:.6px;color:var(--text);font-size:11px;display:block}.location small{letter-spacing:1.6px;color:var(--muted2);margin-top:2px;font-size:8px;display:block}.hud-chip,.wallet-hud{color:var(--green);letter-spacing:1.4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1016d9;border:1px solid #86e0a155;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:10px;font-weight:800;display:flex}.hud-chip strong{color:#fff;font-size:12.5px}.usdg-hud strong{color:#fff}.wallet-hud{border-color:var(--line2);color:#cfd8e0;letter-spacing:.4px;font-family:ui-monospace,Consolas,monospace}.scene-button{border:1px solid var(--line2);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1016d9;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:10.5px;font-weight:700;display:inline-flex}.scene-button:hover{border-color:var(--gold)}.scene-button span{letter-spacing:.5px}.crosshair{pointer-events:none;color:var(--gold2);text-shadow:0 0 10px #000,0 0 3px #000;place-items:center;font-size:22px;font-weight:300;display:grid;position:absolute;inset:0}.pause-button{z-index:5;color:var(--text);border:1px solid var(--line2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1016d9;border-radius:9px;padding:9px 13px;font-size:10.5px;font-weight:700;position:absolute;top:74px;right:18px}.pause-button:hover{border-color:var(--gold)}.esc-hint{border:1px solid var(--line2);color:var(--muted);letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap;background:#0c1016cc;border-radius:8px;padding:6px 12px;font-size:10px;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.esc-hint kbd{border:1px solid var(--line2);background:#1b212b;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:10px}.pause-overlay{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070bd9;place-items:center;display:grid;position:absolute;inset:0}.pause-card{text-align:center;border:1px solid var(--line2);background:linear-gradient(#151b25,#0d1117);border-radius:18px;flex-direction:column;align-items:center;gap:12px;width:min(560px,92%);margin:20px;padding:38px 34px;display:flex;box-shadow:0 30px 90px #000c,0 0 60px #e9b43c14}.mini-cube{color:var(--gold);text-shadow:0 0 18px #e9b43c88;font-size:20px}.pause-card h2{letter-spacing:-.8px;font-size:clamp(22px,3vw,32px)}.pause-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.pause-card .primary{min-width:250px;margin-top:6px}.entry-hint{color:var(--muted2);letter-spacing:.4px;font-size:10px}.wallet-manual{flex-direction:column;align-items:center;gap:8px;margin-top:10px;display:flex}.wallet-manual p{color:var(--muted);max-width:340px;font-size:11px;line-height:1.7}.wallet-manual input{font:inherit;border:1px solid var(--line2);color:var(--text);text-align:center;background:#0c1016;border-radius:8px;width:300px;padding:10px 12px;font-size:12px}.disconnect{color:var(--muted2);letter-spacing:1px;background:0 0;border:0;margin-top:8px;font-size:10px;text-decoration:underline}.disconnect:hover{color:var(--red)}.help-panel{z-index:6;border:1px solid var(--line2);width:350px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f141bf2;border-radius:14px;padding:24px;position:absolute;top:66px;right:18px;box-shadow:0 24px 70px #000c}.help-panel h3{color:var(--text);margin-bottom:10px;font-size:16px}.help-panel p{margin:8px 0;font-size:11.5px;line-height:2.1}.help-panel .secondary{width:100%;margin-top:10px}kbd{border:1px solid var(--line2);color:var(--gold2);background:#1b212b;border-radius:5px;padding:3px 7px;font:11px Manrope,sans-serif}.scene-bottom{letter-spacing:2.2px;text-transform:uppercase;color:#aab4be;z-index:5;pointer-events:none;text-shadow:0 1px 6px #000;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:14px;left:18px;right:18px}.scene-bottom i{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold);border-radius:50%;margin-right:7px;display:inline-block}.under-game{margin-top:18px}.leaderboard-layout{grid-template-columns:3fr 1fr;align-items:stretch;gap:18px;display:grid}.leaderboard{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}.card-top{letter-spacing:2px;color:var(--muted2);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:800;display:flex}.lb-list{flex-direction:column;gap:3px;margin:12px 0 0;padding:0;list-style:none;display:flex}.lb-row{color:#c6d0d8;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;padding:8px 10px;font-size:12px;display:flex}.lb-row.top1{background:linear-gradient(90deg,#e9b43c22,#0000);border-color:#e9b43c33}.lb-row.top2{background:#ffffff08}.lb-row.top3{background:#ffffff05}.lb-row.me{background:#86e0a112;border:1px solid #86e0a133;margin-top:6px}.lb-rank{text-align:center;width:30px;color:var(--gold);font-size:12px;font-weight:800}.lb-avatar{width:34px;height:51px;image-rendering:pixelated;border:1px solid var(--line);background:radial-gradient(120% 100% at 50% 20%,#1c2430,#0d1116);border-radius:8px;padding:2px}.lb-who{flex:1;min-width:0}.lb-who strong{color:var(--text);font-family:ui-monospace,Consolas,monospace;font-size:11.5px;display:block}.lb-who small{letter-spacing:1.6px;color:var(--muted2);text-transform:uppercase;font-size:8px}.lb-usdg{color:var(--green);white-space:nowrap;font-size:12px;font-weight:800}.lb-usdg em{color:var(--muted2);margin-left:3px;font-size:9px;font-style:normal;font-weight:700}.lb-gap{text-align:center;color:var(--line2);letter-spacing:6px;padding:6px 0}.usdg-banner{border-radius:var(--radius);text-align:center;color:#d9f2e0;background:linear-gradient(160deg,#0c1d13,#0e1116);border:1px solid #86e0a144;flex-direction:column;justify-content:center;gap:10px;padding:28px 24px;display:flex;box-shadow:inset 0 0 60px #86e0a10d}.usdg-rate{flex-direction:column;align-items:center;gap:6px;margin:6px 0;display:flex}.usdg-rate strong{letter-spacing:-.5px;color:var(--green);font-size:24px}.usdg-rate span{color:var(--muted2);font-size:13px}.usdg-banner p{color:#a9cbb6;margin:0;font-size:12px}.usdg-banner small{color:#75917f;margin-top:6px;font-size:9px;line-height:1.8}footer{max-width:1600px;color:var(--muted2);letter-spacing:1.4px;border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin:34px auto 0;padding:22px 34px 40px;font-size:10px;display:flex}footer b{color:var(--line2)}.save-status{border:1px solid var(--line);color:var(--muted);letter-spacing:1px;background:#0f141b;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:10px;display:inline-flex}.save-status:hover{border-color:var(--gold);color:var(--text)}.mobile-warning{color:#e5c98a;background:#231b07;border:1px solid #e9b43c44;border-radius:10px;margin-top:16px;padding:13px 16px;font-size:12px;display:none}.guest-note{color:var(--muted2);letter-spacing:.4px;margin:18px 0 0;font-size:10.5px}.error{z-index:40;background:#1c0f0c;border:1px solid #ff9b7a55;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;width:min(560px,92%);padding:16px 18px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #000c}.error p{color:#ffb9a0;flex:1;margin:0;font-size:12px}.error button{color:#ffcbb6;background:#2a1712;border:1px solid #ff9b7a44;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:700}.studio{max-width:1210px;margin:0 auto;padding:44px 34px 30px}.page-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-1.2px;font-size:clamp(28px,4vw,40px)}.page-heading p{color:var(--muted);margin:10px 0 0;font-size:13px}.studio-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:22px;display:grid}.preview-card{border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(circle at 50% 34%,#232c3b 0%,#141a23 58%,#0e1319 100%);padding:22px;position:relative;overflow:hidden}.character-canvas{z-index:1;cursor:grab;touch-action:none;height:330px;position:relative}.character-canvas canvas{width:100%;height:100%}.preview-ground{filter:blur(12px);background:#e9b43c20;border-radius:50%;width:40%;height:22px;position:absolute;top:338px;left:30%}.preview-caption{z-index:1;letter-spacing:1.4px;color:var(--muted2);text-transform:uppercase;text-align:center;margin:2px 0 14px;font-size:10px;position:relative}.character-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.character-title h2{letter-spacing:-.6px;font-size:22px}.equipped{color:var(--green);letter-spacing:.6px;font-size:10px;font-weight:800}.skin-group{margin-top:20px}.skin-group-label{letter-spacing:2.2px;color:var(--gold);margin-bottom:9px;font-size:9px;font-weight:800;display:block}.skin-options{grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:8px;display:grid}.skin{border:1px solid var(--line2);color:#c9d3db;text-align:left;background:#10151c;border-radius:9px;align-items:center;gap:8px;padding:10px;font-size:10.5px;font-weight:700;transition:border-color .15s,background .15s;display:flex}.skin i{border:1px solid #fff2;border-radius:4px;flex:none;width:14px;height:14px}.skin:hover:not(:disabled){border-color:var(--gold)}.skin.active{border-color:var(--gold);color:var(--gold2);background:#1b1a10;box-shadow:0 0 0 1px #e9b43c33}.skin.locked,.skin:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.custom-column{flex-direction:column;gap:20px;display:flex}.token-card,.integration{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:26px}.token-card h2{letter-spacing:-.6px;margin:10px 0 8px;font-size:22px}.token-card>p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.75}.price{border:1px solid var(--line2);background:#0d1116;border-radius:12px;align-items:center;gap:14px;margin:18px 0;padding:14px 16px;display:flex}.token-symbol{color:var(--gold);font-size:22px}.price strong{color:var(--gold2);font-size:16px}.price strong span{color:var(--muted);letter-spacing:1.4px;text-transform:uppercase;font-size:10px}.price p{color:var(--muted2);margin:3px 0 0;font-size:10.5px}.token-studio{margin-top:8px}.logo-drop{border:1.5px dashed var(--line2);cursor:pointer;text-align:center;min-height:150px;color:var(--muted2);background:#0d1116;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-top:18px;padding:16px;font-size:11px;transition:border-color .18s,background .18s;display:flex}.logo-drop:hover{border-color:var(--gold);background:#11161e}.logo-drop strong{color:var(--text);font-size:12.5px}.logo-drop img{max-width:100%;max-height:170px;image-rendering:pixelated;border-radius:8px}.logo-drop.filled{background:#0d1116;border-style:solid}.logo-name{text-align:center}.studio-inputs{gap:10px;margin-top:14px;display:flex}.studio-inputs label{letter-spacing:1.6px;color:var(--muted2);text-transform:uppercase;flex-direction:column;flex:1;gap:6px;font-size:9px;font-weight:800;display:flex}.studio-inputs input{font:inherit;border:1px solid var(--line2);color:var(--text);background:#0c1016;border-radius:8px;width:100%;padding:10px 11px;font-size:12px}.create-token{width:100%;margin-top:14px}.token-result{border-top:1px solid var(--line);color:var(--muted);margin-top:18px;padding-top:16px;font-size:11.5px;line-height:1.8}.token-result h4{color:var(--text);margin:12px 0 4px}.token-result .character-canvas{height:230px;margin-top:6px}.token-result details{color:var(--muted2);font-size:10.5px}.token-result .secondary{width:100%;margin-top:12px}.tabs{border:1px solid var(--line);background:#0d1116;border-radius:11px;gap:6px;padding:5px;display:flex}.tabs button{color:var(--muted);border-radius:8px;flex:1;padding:9px 10px;font-size:11px;font-weight:700}.tabs button.chosen{color:var(--text);border:1px solid var(--line2);background:#1b212b}.steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.step{border:1px solid var(--line);background:#0d1116;border-radius:12px;gap:12px;padding:14px;display:flex}.step>span{color:var(--gold);font-size:13px;font-weight:800}.step h3{margin-bottom:4px;font-size:13px}.step p{color:var(--muted2);margin:0;font-size:11px;line-height:1.7}.config{margin-top:16px}.config>p{color:var(--muted);font-size:12px}.config>div{color:var(--muted2);gap:8px;padding:5px 0;font-size:11.5px;display:flex}.config>div span{color:var(--gold)}.integration .tiny{margin-top:12px}.request-list{color:var(--muted);padding:4px;font-size:12px;line-height:1.8}.request-list h3{color:var(--text);margin-top:0}.request-list>.secondary{margin:4px 6px 10px 0}.request-item{border-top:1px solid var(--line);overflow-wrap:anywhere;margin-top:18px;padding-top:20px}.request-item strong{color:var(--gold2)}.request-item ul{padding-left:18px}.request-item h4{color:var(--text);margin-bottom:5px}.request-item .card-top{margin-bottom:8px}.request-error{color:#ffb9a0;background:#1c0f0c;border:1px solid #ff9b7a44;border-radius:8px;padding:10px 12px}.picker-overlay{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070bd9;place-items:center;display:grid;position:absolute;inset:0}.picker-card{border:1px solid var(--line2);background:linear-gradient(#151b25,#0d1117);border-radius:18px;width:min(940px,94%);max-height:92%;padding:26px 30px;overflow:auto;box-shadow:0 30px 90px #000c}.picker-head h2{letter-spacing:-.8px;margin:8px 0 6px;font-size:26px}.picker-head p{color:var(--muted);margin:0 0 16px;font-size:12px}.picker-body{grid-template-columns:300px 1fr;gap:22px;display:grid}.picker-stage{border:1px solid var(--line);background:radial-gradient(circle at 50% 34%,#232c3b 0%,#141a23 58%,#0e1319 100%);border-radius:12px;padding:8px}.picker-preview{height:250px;position:relative}.picker-preview canvas{width:100%;height:100%}.picker-name{padding:6px 8px 10px}.picker-name h3{color:var(--text);margin:0 0 3px;font-size:15px}.picker-name p{color:var(--muted2);margin:0;font-size:10px}.picker-grid{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.picker-option{text-align:left;border:1px solid var(--line2);color:#c9d3db;background:#10151c;border-radius:10px;align-items:center;gap:9px;padding:10px;font-size:11px;display:flex}.picker-option i{border:1px solid #fff2;border-radius:4px;flex:none;width:14px;height:14px}.picker-option strong{font-size:11px;display:block}.picker-option small{color:var(--muted2);font-size:9px;display:block}.picker-option:hover:not(:disabled){border-color:var(--gold)}.picker-option.active{border-color:var(--gold);background:#1b1a10;box-shadow:0 0 0 1px #e9b43c33}.picker-option.locked,.picker-option.soon{opacity:.55;cursor:not-allowed;filter:grayscale(.4);border-style:dashed}.picker-option.locked .pill,.picker-option.soon .pill{margin-left:auto}.picker-check{color:var(--green);margin-left:auto;font-weight:800}.soon-dot{background:linear-gradient(135deg,#c8b46a,#8a7a5f)}.picker-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.picker-actions .primary{min-width:180px}.tutorial-overlay{z-index:7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070be0;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.tutorial-card{border:1px solid var(--line2);text-align:center;background:linear-gradient(#151b25,#0d1117);border-radius:18px;flex-direction:column;align-items:center;gap:12px;width:min(560px,94%);max-height:94%;padding:30px;display:flex;position:relative;overflow:auto;box-shadow:0 30px 90px #000c,0 0 70px #e9b43c14}.tutorial-card h2{letter-spacing:-.8px;font-size:clamp(24px,3.4vw,32px)}.tutorial-card p{color:var(--muted);max-width:460px;margin:0;font-size:13px;line-height:1.75}.tutorial-card p strong{color:var(--green)}.tutorial-figure{text-align:left;grid-template-columns:200px 1fr;align-items:center;gap:18px;width:100%;margin:6px 0;display:grid}.tutorial-ring{border:1px solid var(--line2);background:radial-gradient(circle at 50% 40%,#26313f,#0f141b);border-radius:14px;height:200px;position:relative;overflow:hidden}.tutorial-ring:after{content:"";pointer-events:none;border-radius:14px;animation:1.8s infinite tutorialPulse;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #86e0a155,inset 0 0 40px #86e0a122}@keyframes tutorialPulse{0%,to{opacity:.35}50%{opacity:.9}}.tutorial-stage{height:100%;position:relative}.tutorial-stage canvas{width:100%;height:100%}.tutorial-target{flex-direction:column;gap:7px;display:flex}.tutorial-tag{color:#ffb9a0;letter-spacing:1.6px;background:#ff9b7a14;border:1px solid #ff9b7a66;border-radius:5px;align-self:flex-start;padding:4px 8px;font-size:8px;font-weight:800}.tutorial-target strong{color:var(--text);font-size:16px}.tutorial-target small{color:var(--muted2);font-size:11px;line-height:1.7}.tutorial-reward{color:var(--green);letter-spacing:.6px;background:#86e0a112;border:1px solid #86e0a155;border-radius:999px;align-self:flex-start;margin-top:2px;padding:6px 12px;font-size:10px;font-weight:800}.tutorial-steps{text-align:left;flex-direction:column;gap:8px;width:100%;margin:6px 0 2px;padding:0;list-style:none;display:flex}.tutorial-steps li{color:#c6d0d8;align-items:center;gap:11px;font-size:12px;display:flex}.tutorial-steps li>span{border:1px solid var(--line2);width:24px;height:24px;color:var(--gold);background:#1b212b;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.tutorial-steps b{color:var(--gold2)}.tutorial-card .primary{width:100%;margin-top:8px}@media (width<=760px){.tutorial-figure{grid-template-columns:1fr}.tutorial-ring{height:170px}}.share-overlay{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070bd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.share-card{border:1px solid var(--line2);background:linear-gradient(#151b25,#0d1117);border-radius:18px;width:min(760px,96%);max-height:94%;padding:28px 30px;position:relative;overflow:auto;box-shadow:0 30px 90px #000c}.share-head h2{letter-spacing:-.6px;margin:8px 0 6px;font-size:24px}.share-head p{color:var(--muted);margin:0 0 16px;font-size:12px}.share-head strong{color:var(--gold2)}.share-body{grid-template-columns:220px 1fr;gap:20px;display:grid}.share-stage{border:1px solid var(--line);text-align:center;background:radial-gradient(circle at 50% 34%,#232c3b,#0e1319);border-radius:12px;padding:8px}.share-avatar{height:220px;position:relative}.share-avatar canvas{width:100%;height:100%}.share-stage small{letter-spacing:1.4px;color:var(--muted2);text-transform:uppercase;padding-bottom:4px;font-size:9px;display:block}.share-tweet label{letter-spacing:1.8px;color:var(--muted2);text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.share-tweet textarea{width:100%;font:inherit;border:1px solid var(--line2);color:var(--text);resize:vertical;background:#0c1016;border-radius:9px;padding:11px;font-size:12px;line-height:1.6}.share-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.share-tweet-btn{justify-content:center;align-items:center;min-width:0;padding:12px 20px;text-decoration:none;display:inline-flex}.share-x{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.share-card-preview{border:1px solid var(--line2);min-height:96px;color:var(--muted2);background:#0c1016;border-radius:10px;place-items:center;margin-top:12px;padding:6px;font-size:10px;display:grid;overflow:hidden}.share-card-preview img{border-radius:6px;width:100%;display:block}.share-tweet .tiny code{border:1px solid var(--line2);overflow-wrap:anywhere;color:var(--gold2);background:#0c1016;border-radius:5px;padding:2px 6px;font-size:10px}@media (width>=1600px){.viewport{min-height:640px}.pause-card{padding:42px 58px}}@media (width<=1100px){header{padding:0 20px}.header-right,.brand-label{display:none}.hero{min-height:70vh}.stats{grid-template-columns:repeat(2,1fr)}.game-section,.featured{padding-left:22px;padding-right:22px}.studio{padding:32px 22px}.leaderboard-layout{grid-template-columns:1fr}}@media (width<=760px){header{height:64px;padding:0 14px}.brand-logo{height:42px}nav{padding:3px}.nav{padding:8px 12px;font-size:11px}.world-page{padding:0}.hero{min-height:640px}.hero-copy{padding:84px 18px 70px}.hero-copy p{font-size:13px}.hero-actions{flex-direction:column;width:100%}.hero-actions>*{width:100%}.stats{grid-template-columns:1fr 1fr}.stat{padding:24px 12px}.game-section{padding:30px 14px 6px}.ca-bar{flex-wrap:wrap}.ca-copy{margin-left:0}.viewport{border-radius:14px;height:520px;min-height:0}.scene-top{top:12px;left:12px;right:12px}.scene-actions{display:none}.pause-button{top:64px;right:12px}.pause-card{width:auto;margin:14px;padding:26px 20px}.help-panel{width:auto;top:58px;left:10px;right:10px}.scene-bottom{font-size:7px;left:12px;right:12px}.studio{padding:26px 16px}.page-heading{flex-direction:column;align-items:flex-start;gap:12px}.studio-grid{grid-template-columns:1fr}.character-canvas{height:280px}.preview-ground{top:288px}.cards-grid,.picker-body{grid-template-columns:1fr}.picker-preview{height:200px}.picker-card{padding:20px 16px}.share-body{grid-template-columns:1fr}.share-avatar{height:190px}.share-card{padding:22px 18px}.steps{grid-template-columns:1fr}.mobile-warning{display:block}footer{flex-wrap:wrap;padding:18px 16px 30px}footer>span:nth-child(2){display:none}}
