:root{color:#eef2ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#080a14;--panel:#12172cd1;--panel-strong:#131a37f5;--line:#a0b2ff2e;--text:#eef2ff;--muted:#aab6df;--bright:#a6fff2;--warm:#ffd28a;--danger:#ff7a9a;--good:#99ffa8;--purple:#b99cff;--shadow:0 24px 90px #0000006b;background:#080a14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#91fff229,#0000 32rem),radial-gradient(circle at 80% 18%,#b99cff38,#0000 32rem),linear-gradient(145deg,#080a14 0%,#0e1327 48%,#080a14 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:var(--bright)}.app-shell{width:min(1220px,100vw - 28px);margin:0 auto;padding:28px 0 56px}.hero{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.hero-card,.panel,.modal-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.hero-card{min-height:360px;padding:34px;position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 24% 18%,#a6fff233,#0000 18rem),radial-gradient(circle at 78% 74%,#ffd28a24,#0000 18rem);position:absolute;inset:-1px}.hero-card>*{z-index:1;position:relative}.kicker{color:var(--bright);text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:8px;margin-bottom:18px;font-size:.76rem;font-weight:800;display:inline-flex}h1{letter-spacing:-.08em;margin:0 0 20px;font-size:clamp(3rem,8vw,6.8rem);line-height:.87}h2,h3{letter-spacing:-.04em}.lede{color:#d9e1ff;max-width:62ch;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55}.consent-line{color:#dce7ff;background:#a6fff20f;border:1px solid #a6fff22e;border-radius:18px;margin-top:22px;padding:12px 14px;font-size:.95rem}.creator-links{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.creator-links a{color:var(--text);background:#a6fff217;border:1px solid #a6fff26b;border-radius:999px;padding:11px 16px;font-weight:850;text-decoration:none}.creator-links .coffee{color:var(--warm);background:#ffd28a24;border-color:#ffd28a80}.hero-side{flex-direction:column;gap:16px;padding:24px;display:flex}.status-pill{border:1px solid var(--line);width:fit-content;color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.88rem;display:inline-flex}.dot{background:var(--bright);width:9px;height:9px;box-shadow:0 0 18px var(--bright);border-radius:50%}.turnstile-wrap{background:#080a1452;border:1px dashed #ffffff2e;border-radius:18px;place-items:center;min-height:70px;padding:14px;display:grid}.nav{flex-wrap:wrap;gap:10px;margin:18px 0 24px;display:flex}.nav button,.primary,.secondary,.danger-soft{border:1px solid var(--line);color:var(--text);background:#ffffff0f;border-radius:999px;padding:11px 16px;transition:transform .16s,border-color .16s,background .16s}.nav button.active,.primary{color:#101427;background:linear-gradient(135deg,#a6fff2f5,#b99cffeb);border-color:#0000;font-weight:800}.secondary{color:#eef2ff}.danger-soft{color:#ffd6df;background:#ff7a9a14;border-color:#ff7a9a5c}.nav button:hover,.primary:hover,.secondary:hover,.danger-soft:hover{border-color:#a6fff285;transform:translateY(-1px)}.grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:22px;display:grid}.panel{padding:24px}.panel h2{margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.35rem)}.panel h3{margin:0 0 10px;font-size:1.2rem}.muted{color:var(--muted);line-height:1.5}.micro{color:var(--muted);font-size:.86rem}.game-board{min-height:470px;position:relative;overflow:hidden}.bridge{border:1px solid var(--line);background:linear-gradient(90deg,#a6fff214,#ffd28a0d,#b99cff14),radial-gradient(circle at 50% 100%,#a6fff22e,#0000 14rem);border-radius:26px;height:190px;margin:20px 0 18px;position:relative;overflow:hidden}.bridge:before{content:"";background:linear-gradient(90deg,#a6fff233,#a6fff2cc,#ffd28acc,#b99cffb3);height:5px;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%);box-shadow:0 0 30px #a6fff259}.gate{color:#101427;border-radius:28px;place-items:center;width:86px;height:86px;font-weight:900;display:grid;position:absolute;top:54px}.gate.you{background:var(--bright);left:6%}.gate.stranger{background:var(--purple);right:6%}.coin{--x:0%;left:calc(12% + var(--x) * .68);background:radial-gradient(circle at 35% 35%,#fff8d7,#ffd28a 42%,#b5742a 100%);border-radius:50%;width:24px;height:24px;animation:1.8s ease-in-out infinite alternate floatCoin;position:absolute;top:82px;box-shadow:0 0 18px #ffd28a85}@keyframes floatCoin{0%{transform:translateY(-4px)}to{transform:translateY(5px)}}.slider-row{margin:20px 0}.slider-row label{color:#dfe6ff;justify-content:space-between;font-weight:700;display:flex}input[type=range]{accent-color:#a6fff2;width:100%}textarea,input[type=text],input[type=number]{border:1px solid var(--line);width:100%;color:var(--text);background:#0407129e;border-radius:16px;outline:none;padding:12px 13px}textarea{resize:vertical;min-height:92px}textarea:focus,input:focus{border-color:#a6fff2b3;box-shadow:0 0 0 3px #a6fff21a}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.stat{border:1px solid var(--line);background:#ffffff0a;border-radius:20px;padding:14px}.stat strong{letter-spacing:-.06em;font-size:clamp(1.5rem,4vw,2.3rem);display:block}.stat span{color:var(--muted);font-size:.84rem}.cards{gap:14px;display:grid}.card{border:1px solid var(--line);background:#ffffff0a;border-radius:22px;padding:16px}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.badge{color:var(--bright);background:#a6fff217;border:1px solid #a6fff22e;border-radius:999px;padding:5px 9px;font-size:.78rem}.badge.warm{color:var(--warm);background:#ffd28a14;border-color:#ffd28a38}.badge.danger{color:var(--danger);background:#ff7a9a14;border-color:#ff7a9a38}.badge.good{color:var(--good);background:#99ffa814;border-color:#99ffa833}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.commons-map{border:1px solid var(--line);background:radial-gradient(circle,#a6fff21a,#ffffff08 45%,#ffffff04);border-radius:22px;width:100%;min-height:330px;overflow:hidden}.commons-map svg{width:100%;height:330px;display:block}.footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:32px;font-size:.92rem;display:flex}.toast{border:1px solid var(--line);max-width:min(560px,100vw - 32px);box-shadow:var(--shadow);z-index:50;background:#0c1022f5;border-radius:18px;padding:13px 16px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:40;background:#03040ab3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--panel-strong);max-width:680px;padding:24px}@media (width<=900px){.hero,.grid{grid-template-columns:1fr}.hero-card{min-height:auto;padding:26px}.stat-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.app-shell{width:min(100vw - 18px,1220px);padding-top:10px}.panel,.hero-card,.hero-side{border-radius:22px;padding:18px}.stat-grid{grid-template-columns:1fr}.gate{border-radius:20px;width:64px;height:64px;font-size:.84rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}