*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0c1e;--bg-alt:#12122a;--header-rgb:12,12,30;--fg:#d0d0e0;--fg-dim:#88a;--accent:#3f8;--accent-glow:#33ff8826;--accent2:#f47;--warm:#fa3;--card-bg:#14142e;--card-border:#2a2a50;--header-bg:#0a0a1a;--game-bg:#0c0c1e;--game-grid:#1a1a30;--game-text:#d0d0e0;--font-body:"JetBrains Mono", "Noto Sans SC", monospace;--font-pixel:"Press Start 2P", monospace;--font-display:"Noto Sans SC", "JetBrains Mono", sans-serif;font-family:var(--font-body);font-size:14px;line-height:1.5}[data-theme=day]{--bg:#f0ebe0;--bg-alt:#e8e2d4;--header-rgb:240,235,224;--fg:#2a2a3a;--fg-dim:#6a6a7a;--accent:#1a7744;--accent-glow:#1a77441f;--accent2:#c25;--warm:#b87a20;--card-bg:#e4ded0;--card-border:#c0b8a8;--header-bg:#ebe5d8;--game-bg:#d8d2c4;--game-grid:#c8c0b0;--game-text:#2a2a3a}html,body{background-color:var(--bg);height:100%;color:var(--fg);overscroll-behavior:none;touch-action:manipulation;-webkit-overflow-scrolling:auto;background-image:radial-gradient(#80808012 1px,#0000 1px);background-size:20px 20px;overflow:hidden}#archive-shell{flex-direction:column;max-width:960px;height:100dvh;margin:0 auto;display:flex}#header{background:rgba(var(--header-rgb,12,12,30), .7);-webkit-backdrop-filter:blur(12px)saturate(1.5);z-index:50;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:8px 16px;display:flex;position:relative}#site-title{font-family:var(--font-pixel);color:var(--accent);white-space:nowrap;text-shadow:0 0 8px var(--accent-glow);font-size:11px;animation:4s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{text-shadow:0 0 8px var(--accent-glow)}to{text-shadow:0 0 16px var(--accent-glow), 0 0 32px var(--accent-glow)}}.menu-toggle{font-size:16px;display:none!important}#header-content{flex:1;align-items:center;gap:10px;display:flex}#nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}#nav a{color:var(--fg-dim);border:1px solid #0000;border-radius:3px;padding:3px 8px;font-size:11px;text-decoration:none;transition:all .2s}#nav a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}#controls{align-items:center;gap:6px;display:flex}.pixel-btn{background:var(--card-bg);color:var(--fg);border:1px solid var(--card-border);font-size:11px;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border-radius:3px;padding:4px 10px;transition:all .2s}.pixel-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.pixel-select{background:var(--card-bg);color:var(--fg);border:1px solid var(--card-border);font-size:11px;font-family:var(--font-body);cursor:pointer;border-radius:3px;outline:none;padding:3px 6px;transition:border-color .2s}.pixel-select:focus{border-color:var(--accent)}.pixel-select option{background:var(--card-bg);color:var(--fg)}.user-badge{color:var(--accent);white-space:nowrap;background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;border-radius:3px;padding:3px 10px;font-size:11px;transition:all .2s}.user-badge:hover{border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}#stage{flex:1;min-height:0;position:relative;overflow:auto}#module-viewport{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;height:100%;padding:16px;overflow:hidden auto}#status-bar{color:var(--fg-dim);border-top:1px solid var(--card-border);background:var(--header-bg);font-size:10px;font-family:var(--font-pixel);padding:4px 16px}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-overlay.modal-fadeout{animation:.3s forwards fadeOut}.modal{background:var(--card-bg);border:1px solid var(--accent);text-align:center;border-radius:6px;flex-direction:column;gap:12px;width:90%;max-width:340px;padding:24px 28px;display:flex;box-shadow:0 8px 32px #0006}.modal h3{color:var(--accent);font-size:16px;font-family:var(--font-display);font-weight:700}.modal p{color:var(--fg-dim);font-size:12px}.modal input{width:100%;font-family:var(--font-body);background:var(--bg);color:var(--fg);border:1px solid var(--card-border);text-align:center;border-radius:4px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}.modal input:focus{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.modal .pixel-btn{align-self:center;padding:10px 20px;font-size:13px}.lobby{flex-direction:column;align-items:center;gap:28px;padding:20px 0;display:flex;position:relative;overflow:hidden}.lobby:before,.lobby:after{content:"";filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite alternate orbFloat;position:absolute}.lobby:before{background:var(--accent);width:300px;height:300px;top:-50px;left:-80px}.lobby:after{background:#f68;width:250px;height:250px;animation-delay:-4s;bottom:-50px;right:-80px}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(30px,-20px)scale(1.15)}}.lobby__hero{text-align:center;padding:10px 0 20px;position:relative}.lobby__museum-gate{justify-content:center;align-items:stretch;gap:0;margin-bottom:16px;animation:1.2s ease-out gateOpen;display:flex}.lobby__gate-pillar{background:linear-gradient(#c8a060,#8a6a3a);border-radius:4px 4px 0 0;width:12px;min-height:80px;box-shadow:inset -2px 0 4px #0000004d}.lobby__gate-center{background:linear-gradient(180deg, rgba(var(--accent-rgb,51,255,136), .05), transparent);border-top:3px solid var(--accent);flex-direction:column;justify-content:center;align-items:center;padding:12px 24px;display:flex;position:relative}.lobby__neon-sign{font-size:22px;font-family:var(--font-display);color:var(--accent);text-shadow:0 0 10px var(--accent-glow), 0 0 30px var(--accent-glow), 0 0 60px var(--accent-glow);letter-spacing:4px;font-weight:700;animation:3s ease-in-out infinite neonFlicker}.lobby__subtitle{color:var(--fg-dim);letter-spacing:2px;text-transform:uppercase;font-size:12px;font-family:var(--font-display);margin-top:6px}@keyframes gateOpen{0%{opacity:0;transform-origin:top;transform:scaleY(0)}60%{transform:scaleY(1.05)}to{opacity:1;transform:scaleY(1)}}@keyframes neonFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.6}94%{opacity:1}96%{opacity:.8}97%{opacity:1}}.lobby__desc{color:var(--fg-dim);font-size:13px}.lobby__greeting{color:var(--accent);opacity:.8;margin-top:6px;font-size:12px}.lobby__grid{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:620px;animation:.6s ease-out .3s both fadeUp;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lobby-card{color:var(--fg);background:rgba(var(--header-rgb), .4);-webkit-backdrop-filter:blur(8px);border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;text-decoration:none;transition:all .3s;animation:.4s ease-out both cardAppear;display:flex;box-shadow:0 2px 12px #00000026}.lobby-card:first-child{animation-delay:.4s}.lobby-card:nth-child(2){animation-delay:.5s}.lobby-card:nth-child(3){animation-delay:.6s}.lobby-card:nth-child(4){animation-delay:.7s}.lobby-card:nth-child(5){animation-delay:.8s}.lobby-card:nth-child(6){animation-delay:.9s}@keyframes cardAppear{0%{opacity:0;transform:translateY(15px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.lobby-card:hover{border-color:var(--hall-accent,var(--accent));box-shadow:0 6px 24px color-mix(in srgb, var(--hall-accent,var(--accent)) 20%, transparent), 0 0 15px color-mix(in srgb, var(--hall-accent,var(--accent)) 10%, transparent);transform:translateY(-4px)}.lobby-card__icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:36px;line-height:1;transition:transform .3s}.lobby-card:hover .lobby-card__icon{transform:scale(1.25)rotate(-5deg)}.lobby-card__title{color:var(--accent);font-size:13px;font-weight:700;font-family:var(--font-display)}.lobby-card__desc{color:var(--fg-dim);text-align:center;font-size:10px}.lobby__footer{text-align:center;color:var(--fg-dim);opacity:.5;letter-spacing:1px;padding:20px 0 10px;font-size:11px}.wip-hall{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.hall-art{color:var(--accent);font-size:11px;line-height:1.4;font-family:var(--font-pixel);opacity:.7}.wip-text{color:var(--fg-dim);font-size:13px}.profile{flex-direction:column;gap:16px;max-width:500px;margin:0 auto;display:flex}.profile__header{text-align:center}.profile__header h2{color:var(--accent);font-size:18px;font-family:var(--font-display);font-weight:700}.profile__header p{color:var(--fg-dim);margin-top:4px;font-size:12px}.profile__since{opacity:.5;font-size:10px}.profile__section-title{color:var(--accent);font-size:13px;font-family:var(--font-display);border-bottom:1px solid var(--card-border);padding-bottom:4px;font-weight:700}.profile__stats{flex-direction:column;gap:10px;display:flex}.profile__module{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.profile__module-header{color:var(--accent);justify-content:space-between;font-size:13px;display:flex}.profile__cheated{color:var(--accent2);font-size:10px}.profile__cheated-note{color:var(--accent2);opacity:.8;font-size:10px;font-style:italic}.profile__stat{justify-content:space-between;font-size:12px;display:flex}.profile__stat-label{color:var(--fg-dim)}.profile__stat-value{color:var(--accent);font-weight:600}.profile__empty{color:var(--fg-dim);text-align:center;font-size:12px}.profile__back{align-self:center;margin-top:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.lucide-icon{vertical-align:middle;display:inline-block}.pixel-btn{align-items:center;gap:4px;display:inline-flex}.mobile-nav{display:none}@media (width<=640px){:root{font-size:13px}.menu-toggle{margin-left:auto;display:block!important}#header-content{z-index:100;background:var(--header-bg);border-bottom:1px solid var(--card-border);flex-direction:column;gap:8px;padding:12px 16px;display:none;position:absolute;top:100%;left:0;right:0}#header-content.open{display:flex}#nav{flex-flow:wrap;justify-content:center;gap:4px}#nav a{border:1px solid var(--card-border);border-radius:16px;padding:6px 10px;font-size:12px}#controls{justify-content:center}#module-viewport{padding:10px}#status-bar{display:none}.mobile-nav{background:var(--header-bg);border-top:1px solid var(--card-border);padding:6px 0;padding-bottom:env(safe-area-inset-bottom,6px);justify-content:space-around;align-items:center;display:flex}.mobile-nav__item{border-radius:6px;flex-direction:column;align-items:center;padding:4px 8px;font-size:20px;text-decoration:none;transition:background .2s;display:flex}.mobile-nav__item:active{background:var(--accent-glow)}.lobby{gap:16px;padding:8px 0}.lobby__grid{grid-template-columns:1fr;gap:8px}.lobby__welcome{font-size:15px}.lobby-card{flex-direction:row;gap:12px;padding:12px}.lobby-card__icon{font-size:24px}.lobby-card__title{font-size:12px}.lobby-card__desc{text-align:left;font-size:10px}}