.nav{gap:28px}.nav-links{gap:24px}.nav-end{gap:22px}.nav-ask{display:flex;gap:16px;align-items:center;font-size:14px;padding:9px 0}.nav-ask span{color:var(--accent)}.portal-button{display:flex;align-items:center;gap:9px;font-size:13px;white-space:nowrap;padding:8px 0}.portal-button svg{width:32px;height:24px;color:var(--accent);transform:rotate(-20deg);transition:transform .4s}.portal-button:hover svg{transform:rotate(20deg)}.game-button{display:flex;flex-direction:column;gap:6px;min-width:58px;padding:5px 0;align-items:stretch}.game-level{font-size:11px;color:var(--accent);letter-spacing:.09em}.game-level b{font-size:15px}.game-meter{height:3px;width:100%;background:var(--line)}.game-meter i{display:block;height:100%;background:var(--accent);min-width:4px;transition:width .4s}.header-mode{font-size:12px;border:1px solid var(--line);border-radius:25px;padding:8px 12px;white-space:nowrap}.footer-mode{padding:0;font-size:12px;color:var(--muted)}.dual-cover{padding:8%;height:100%;display:flex;flex-direction:column;justify-content:center;color:#c9e5f3}.dual-brief{border-bottom:1px solid #4b6773;padding-bottom:20px}.dual-brief span,.dual-cover-columns span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#96b0bc}.dual-brief p{font-size:clamp(18px,2.1vw,30px);color:#e3f0f5;margin-top:8px;letter-spacing:-.03em}.dual-cover-columns{display:grid;grid-template-columns:1fr 1fr;margin:24px 0;gap:20px}.dual-cover-columns>div+div{border-left:1px solid #4b6773;padding-left:20px}.dual-cover h4{font:400 clamp(22px,2.9vw,38px)/1.16 var(--serif);margin:12px 0 16px}.dual-cover-columns p{font-size:12px;line-height:1.6;color:#96b0bc}.dual-cover-decision{font-size:10px;letter-spacing:.12em;border-top:1px solid #4b6773;padding-top:18px;color:#96b0bc}
.radio-player{position:fixed;left:24px;bottom:22px;z-index:35;background:var(--bg);display:flex;align-items:center;gap:10px;border:1px solid #515a48;border-radius:35px;padding:9px 14px}.nav .radio-player{position:relative;left:auto;bottom:auto;padding:0;border:0;gap:7px;background:none}.radio-toggle{padding:0;width:24px;height:24px}.radio-disc{display:grid;place-items:center;background:repeating-radial-gradient(circle,#31382d 0 2px,#191e17 3px 4px);width:24px;height:24px;border-radius:50%;border:1px solid #68765c}.radio-disc i{background:var(--accent);width:7px;height:7px;border-radius:50%;border:2px solid #151a11}.radio-info{display:flex;flex-direction:column}.radio-info .mono{font-size:9px;color:var(--muted);letter-spacing:.1em}.radio-title{padding:0;font-size:11px;line-height:1.3;text-align:left;white-space:nowrap}.radio-eq{display:none;align-items:center;gap:2px;height:17px}.radio-eq i{width:2px;height:8px;background:var(--accent)}.radio-player.playing .radio-eq{display:flex}.radio-player.playing .radio-disc{animation:spin 5s linear infinite}.radio-player.playing .radio-eq i{animation:eq .8s ease-in-out infinite alternate}.radio-eq i:nth-child(2){animation-delay:.2s!important}.radio-eq i:nth-child(3){animation-delay:.45s!important}.radio-eq i:nth-child(4){animation-delay:.1s!important}.radio-volume-button{padding:0 4px;font-size:16px;color:var(--muted)}.radio-volume{position:absolute;right:0;top:calc(100% + 16px);width:180px;background:var(--bg);padding:15px;border:1px solid var(--line);font-size:12px;z-index:50}.radio-volume input{display:block}.game-summary{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.game-big-level{font:500 32px var(--display);letter-spacing:-.05em}.game-summary>span:last-child{font-size:14px;color:var(--accent)}.game-progress{height:5px;background:var(--line);margin:17px 0 9px}.game-progress i{display:block;height:100%;background:var(--accent)}.game-dialog{width:min(490px,calc(100% - 30px))}.achievement{display:grid;grid-template-columns:32px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.achievement-icon{font-size:20px;color:var(--muted)}.achievement.earned .achievement-icon{color:var(--accent)}.achievement strong{display:block;font-size:14px;font-weight:500}.achievement small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.achievement .achievement-state{font-size:12px;color:var(--muted)}.achievement.earned .achievement-state{color:var(--accent)}
#wormhole{position:fixed;inset:0;width:100%;height:100%;z-index:110;pointer-events:none;opacity:0;transition:opacity .12s}#wormhole.active{opacity:1;pointer-events:auto}.portal-caption{position:fixed;inset:0;z-index:111;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;color:#eee}.portal-caption span{font-size:12px;letter-spacing:.23em;text-transform:uppercase}.portal-caption b{font:400 clamp(24px,5vw,60px) var(--display);letter-spacing:.08em}.portal-caption.show{animation:portaltext 2s both}.mode-effect{position:fixed;inset:0;z-index:112;display:grid;place-items:center;background:#080a08f5;opacity:0;pointer-events:none;overflow:hidden}.mode-effect.active{opacity:1;pointer-events:auto;animation:modefade 2.4s both}.mode-effect-rings{position:absolute;width:70vmax;height:70vmax;border:1px solid currentColor;border-radius:50%;opacity:.2;box-shadow:0 0 0 50px #0000,0 0 0 51px currentColor,0 0 0 110px #0000,0 0 0 111px currentColor;transform:scale(.2)}.mode-effect.active .mode-effect-rings{animation:modepulse 2.3s ease-out both}.mode-effect-copy{position:relative;display:flex;flex-direction:column;text-align:center;align-items:center;gap:16px;padding:20px}.mode-effect-copy small{font-size:12px;letter-spacing:.2em}.mode-effect-copy strong{font:650 clamp(40px,8vw,110px)/1 var(--display);letter-spacing:-.055em}.mode-effect-copy span{font-size:13px;color:#cad0c5}.mode-effect[data-mode=god]{color:#e6b8ff}.mode-effect[data-mode=friend]{color:#a6d8ff}.mode-effect[data-mode=recruiter]{color:#e7d99f}.mode-effect[data-mode=public]{color:#d2f8a0}.mode-effect.active[data-mode=god] .mode-effect-copy strong{animation:godtext 1.2s steps(2,end)}.mode-rain{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.25}.mode-rain span{position:absolute;top:-40%;font:12px/1.8 monospace;writing-mode:vertical-rl;letter-spacing:8px;color:var(--accent);animation:rain 2.1s linear forwards}.home-page .nav{border-bottom-color:var(--line)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes eq{to{height:17px}}@keyframes portaltext{0%,15%{opacity:0;transform:scale(.94)}35%,65%{opacity:1;transform:scale(1)}85%,100%{opacity:0;transform:scale(1.07)}}@keyframes modefade{0%,100%{opacity:0}12%,80%{opacity:1}}@keyframes modepulse{to{transform:scale(1.8);opacity:0}}@keyframes godtext{0%,25%{opacity:0;transform:translateX(-4px)}26%{opacity:1;text-shadow:5px 0 #9cffb4,-5px 0 #db8fff}50%{transform:translateX(3px);text-shadow:-5px 0 #9cffb4,5px 0 #db8fff}75%,100%{transform:none;text-shadow:none}}@keyframes rain{to{transform:translateY(140vh)}}
@media(max-width:1200px){.nav{gap:18px}.nav-links{gap:18px}.nav-end{gap:17px}.nav .header-mode{display:none}}@media(max-width:1050px){.nav-links{display:none}.nav-end{gap:22px}.mobile-menu{display:block}}@media(max-width:760px){.nav{gap:10px}.wordmark{font-size:20px}.nav-end{gap:14px}.portal-button{gap:0;padding:6px 0}.portal-button span{display:none}.portal-button svg{width:30px}.nav .radio-player{gap:0}.nav .radio-info,.nav .radio-volume-button,.nav .radio-eq{display:none!important}.nav .radio-disc{width:23px;height:23px}.nav-ask{font-size:13px;padding:8px 0}.nav-ask span{display:none}.mobile-menu{width:25px;height:40px;font-size:20px}.game-button{min-width:38px}.game-level{font-size:9px}.game-level b{font-size:12px}.hero-top .eyebrow{font-size:11px}.dual-cover h4{font-size:clamp(24px,7vw,39px)}.dual-cover-columns p{font-size:12px}.dual-brief p{font-size:24px}.dual-cover-decision{font-size:9px}.dual-cover-columns{gap:16px}.dual-cover-columns>div+div{padding-left:16px}.radio-player{left:16px;bottom:16px}.modal.game-dialog{max-height:85dvh}.achievement{gap:9px}.mode-effect-copy span{font-size:12px}}
@media(max-width:380px){.wordmark{font-size:18px}.nav-end{gap:10px}.nav{gap:8px}.nav-ask{font-size:12px}.game-button{min-width:32px}.portal-button svg{width:26px}.mobile-menu{width:21px}.nav .radio-disc{width:21px;height:21px}}@media(prefers-reduced-motion:reduce){.mode-effect.active{animation:none;opacity:1}.mode-effect-rings,.mode-rain{display:none}.portal-caption.show{animation:none;opacity:1}}
