.civilization-onboarding{width:min(940px,calc(100% - 24px));max-width:none;min-height:min(720px,calc(100svh - 24px));overflow:auto;background:radial-gradient(circle at 70% 20%,rgba(185,255,104,.12),transparent 34%),#080a09}.civilization-onboarding section{min-height:680px;padding:clamp(28px,6vw,76px);display:flex;flex-direction:column;justify-content:center}.civilization-onboarding section[hidden]{display:none}.civilization-onboarding h1{font-size:clamp(50px,8vw,96px);line-height:.88;letter-spacing:-.065em;margin:0 0 24px}.civilization-onboarding h2{font-size:clamp(38px,6vw,70px);line-height:.95;letter-spacing:-.05em;margin:0 0 20px}.civilization-onboarding p{max-width:700px;color:var(--muted);font-size:15px;line-height:1.65}.civilization-onboarding input{width:min(620px,100%);padding:17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.055);color:#fff;outline:0}.civilization-onboarding input:focus{border-color:var(--green)}.civilization-onboarding label{margin:20px 0 8px;font-size:11px}.cinematic-orbit{position:relative;width:180px;height:180px;display:grid;place-items:center;margin-bottom:38px;border:1px solid rgba(185,255,104,.23);border-radius:50%;box-shadow:0 0 80px rgba(185,255,104,.11)}.cinematic-orbit:before,.cinematic-orbit:after{content:"";position:absolute;border:1px solid rgba(92,221,255,.25);border-radius:50%;animation:orbit 5s linear infinite}.cinematic-orbit:before{inset:20px -22px}.cinematic-orbit:after{inset:-18px 34px;animation-direction:reverse}.cinematic-orbit b{font:italic 88px Georgia,serif;color:var(--green)}.cinematic-orbit span{position:absolute;bottom:-10px;padding:6px 10px;border-radius:20px;background:#111;font:8px ui-monospace,monospace;letter-spacing:.15em}.cinematic-progress{height:3px;margin:24px 0;background:rgba(255,255,255,.1);overflow:hidden}.cinematic-progress i{display:block;height:100%;width:100%;background:var(--green);transform-origin:left;animation:introProgress 30s linear}.onboarding-actions{display:flex;gap:9px;margin-top:20px}.onboarding-actions button,.wide{border:1px solid var(--line);border-radius:13px;padding:13px 17px;background:transparent;color:#fff;cursor:pointer}.onboarding-actions .primary,.wide.primary{background:#fff;color:#050607;border-color:#fff}.wide{width:min(620px,100%);margin-top:12px}.key-stage h2{font:clamp(18px,4vw,34px)/1.2 ui-monospace,monospace;word-break:break-all}.key-gate{width:min(620px,100%);display:grid;gap:5px;margin:18px 0 4px;padding:14px;border:1px solid rgba(185,255,104,.25);border-radius:13px;background:rgba(185,255,104,.06);font-size:11px}.key-gate span{color:var(--muted)}.twinion-dashboard{padding:80px 6vw;max-width:1200px;margin:auto}.twinion-dashboard h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.05em}.twinion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.twinion-grid article{min-height:170px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--glass);display:flex;flex-direction:column;justify-content:end}.twinion-grid small{color:var(--green);font:8px ui-monospace,monospace;letter-spacing:.12em}.twinion-grid b{font-size:19px;margin:12px 0 5px}.twinion-grid span,.twinion-note{color:var(--muted);font-size:10px}.twinion-note{margin-top:18px}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes introProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:760px){.civilization-onboarding section{min-height:calc(100svh - 24px);padding:26px}.twinion-grid{grid-template-columns:1fr 1fr}.onboarding-actions{flex-direction:column}}@media(max-width:460px){.twinion-grid{grid-template-columns:1fr}.cinematic-orbit{width:130px;height:130px}.cinematic-orbit b{font-size:64px}}