*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Microsoft JhengHei,sans-serif;color:#f0f0f0;background:#0d0d0d}#scene-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block}#app{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,260px) 1fr;grid-template-rows:1fr;height:100dvh;pointer-events:none}#app>*{pointer-events:auto}.mobile-header{display:none}.content-panel{display:flex;flex-direction:column;min-height:0;padding:1.5rem;overflow:hidden}.content-panel-inner{flex:1;overflow-y:auto;border:1px solid #3a3a3a;background:#0a0a14bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1.5rem 2rem;min-height:0}.drawer-overlay{display:none}.sidebar{background:#212121;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.sidebar-brand{padding:1.25rem 1rem 1rem;font-family:"Press Start 2P",monospace;font-size:.55rem;line-height:1.6;color:#fff;letter-spacing:.02em;border-bottom:1px solid #2a2a2a}.sidebar-nav{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:#fff;font-size:.95rem;font-weight:400;border-bottom:1px solid #2a2a2a;transition:background .15s ease;position:relative}.nav-item:hover{background:#2a2a2a}.nav-item.active{background:#2d2d2d;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-bottom-color:#2a2a2a}.nav-item.active .nav-icon{border:1px solid #888}.nav-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;image-rendering:pixelated}.nav-icon svg{width:32px;height:32px;image-rendering:pixelated;display:block}.nav-label{white-space:nowrap}.section{display:none}.section.active{display:block}.section-title{font-family:"Press Start 2P",monospace;font-size:clamp(.65rem,2vw,.85rem);color:#fff;text-align:center;margin-bottom:1.5rem;line-height:1.8;text-transform:uppercase;letter-spacing:.05em}.section-body{color:#d0d0d0;font-size:1rem;line-height:1.7}.section-body p{margin-bottom:1rem}.card{background:#1a1a2ed9;border:1px solid #3a3a3a;border-radius:4px;padding:1.25rem;margin-bottom:1rem}.card h3{font-size:1.1rem;color:#7bed9f;margin-bottom:.5rem}.btn{display:inline-block;padding:.65rem 1.25rem;background:#2d2d2d;color:#fff;border:1px solid #555;text-decoration:none;font-size:.9rem;cursor:pointer;transition:background .15s;font-family:inherit}.btn:hover{background:#3d3d3d}.btn-primary{border-color:#5d9b2e;background:#3a5a22}.btn-primary:hover{background:#4a7028}.ip-display{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.5vw,.7rem);color:#81d4fa;word-break:break-all;margin:1rem 0;line-height:2}.copy-feedback{font-size:.85rem;color:#7bed9f;margin-left:.75rem;opacity:0;transition:opacity .3s}.copy-feedback.visible{opacity:1}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.admin-card{text-align:center;padding:1rem}.admin-avatar{width:48px;height:48px;margin:0 auto .75rem;background:#f1c40f;border:2px solid #888;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:.5rem;color:#333;image-rendering:pixelated}.admin-name{font-weight:600;color:#fff;margin-bottom:.25rem}.admin-role{font-size:.85rem;color:#aaa}.badge{display:inline-block;padding:.2rem .5rem;background:#3a5a22;color:#b8e994;font-size:.8rem;border-radius:2px;margin-top:.5rem}.load-hint{color:#aaa;font-size:.9rem}.load-hint code{background:#2d2d2d;padding:.15rem .4rem;border-radius:2px;color:#81d4fa}@media(max-width:767px){#app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.mobile-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#212121;border-bottom:1px solid #2a2a2a;z-index:20}.mobile-title{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#fff}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:transparent;border:none;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:#fff;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar{position:fixed;top:0;left:0;width:min(280px,85vw);height:100dvh;z-index:30;transform:translate(-100%);transition:transform .25s ease;padding-top:3.5rem}.sidebar.open{transform:translate(0)}.sidebar-brand{display:none}.drawer-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:25;pointer-events:auto}.drawer-overlay[hidden]{display:none}.content-panel{padding:.75rem}.content-panel-inner{padding:1rem}}@media(prefers-reduced-motion:reduce){.nav-item,.btn,.menu-toggle span,.sidebar{transition:none}}