*{box-sizing:border-box}:root{--bg:#060606;--panel:#111214;--panel-2:#16181b;--text:#f5f5f5;--muted:#b7bcc5;--yellow:#f2b705;--green:#00ff9c;--border:#ffffff14}html,body,#app{min-height:100%;color:var(--text);background:radial-gradient(circle at top,#ffffff0a,#0000 30%),linear-gradient(#090909 0%,#111 40%,#0a0a0a 100%);margin:0;font-family:Arial,Helvetica,sans-serif}body{overflow-x:hidden}.page{min-height:100vh}.topbar{z-index:10;background:#090909f5;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1400px,100% - 40px);height:88px;margin:0 auto;display:flex}.logo{color:var(--yellow);letter-spacing:.5px;font-size:28px;font-weight:900}.nav{color:#d5d5d5;gap:42px;font-size:20px;font-weight:700;display:flex}.nav span.active{color:var(--yellow)}.login-btn{background:var(--yellow);color:#000;cursor:pointer;border:0;padding:14px 22px;font-size:16px;font-weight:800}.hero{width:min(1400px,100% - 40px);margin:0 auto;padding:48px 0 80px}.hero-copy{text-align:center;margin-bottom:38px}.eyebrow{color:#ffffff2e;letter-spacing:4px;margin:0 0 10px;font-size:72px;font-weight:900;line-height:.95}.hero-copy h1{letter-spacing:-1px;margin:0;font-size:72px;font-weight:900}.subtext{color:var(--muted);margin:18px 0 0;font-size:24px;line-height:1.5}.content-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:32px;display:grid}.game-panel{min-width:0}.frame-shell{background:linear-gradient(#ffffff14,#ffffff05),#181a1d;border:1px solid #ffffff26;padding:22px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a,0 30px 60px #00000073}.game-frame{aspect-ratio:16/12;background:#e5e5e5;border:0;width:100%;display:block}.frame-corner{filter:drop-shadow(0 0 10px #ffffffa6);border:0 solid #fff;width:28px;height:28px;position:absolute}.frame-corner.tl{border-top-width:4px;border-left-width:4px;top:-1px;left:-1px}.frame-corner.tr{border-top-width:4px;border-right-width:4px;top:-1px;right:-1px}.frame-corner.bl{border-bottom-width:4px;border-left-width:4px;bottom:-1px;left:-1px}.frame-corner.br{border-bottom-width:4px;border-right-width:4px;bottom:-1px;right:-1px}.panel-tools{border:1px solid var(--border);background:#ffffff0a;margin-top:18px;padding:16px}.url-input{color:#fff;background:#0d0f12;border:1px solid #ffffff1f;width:100%;height:48px;padding:0 14px;font-size:14px}.tool-buttons{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.tool-btn{background:var(--yellow);color:#000;cursor:pointer;border:0;padding:12px 18px;font-weight:800}.tool-btn.secondary{color:#fff;background:#2b2d31}.side-panel{flex-direction:column;gap:20px;display:flex}.mission-card{background:radial-gradient(circle,#00ff9c33,#0000 55%),linear-gradient(#062d20 0%,#0c1a16 100%);border:2px solid #00ff9cb3;padding:28px;position:relative;overflow:hidden;box-shadow:0 0 30px #00ff9c26}.mission-title{margin:0;font-size:22px;font-weight:900}.mission-desc{color:#d7fff1;margin:16px 0 20px;font-size:15px;line-height:1.7}.check-badge{color:#8fffd0;border:3px solid #00ff9ccc;border-radius:24px;place-items:center;width:160px;height:160px;margin:18px auto 24px;font-size:34px;font-weight:900;display:grid;box-shadow:0 0 24px #00ff9c33}.mission-list{color:#e7fff7;margin:0;padding-left:18px;font-size:15px;line-height:1.8}.mission-button{color:#d5d9df;cursor:pointer;background:#ffffff2e;border:0;width:100%;margin-top:24px;padding:18px 16px;font-size:18px;font-weight:900}.log-card{border:1px solid var(--border);background:#101215;padding:18px}.log-header{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:16px;font-weight:800;display:flex}.status-text{color:#8fd3ff;font-size:14px;font-weight:700}.log-box{white-space:pre-wrap;word-break:break-word;color:#d8dde4;background:#05070a;border:1px solid #ffffff0f;min-height:240px;max-height:360px;padding:12px;font-family:Consolas,monospace;font-size:12px;line-height:1.6;overflow:auto}@media (width<=1100px){.content-layout{grid-template-columns:1fr}.side-panel{order:2}.game-panel{order:1}.hero-copy h1{font-size:52px}.eyebrow{font-size:48px}}@media (width<=768px){.topbar-inner{flex-direction:column;align-items:flex-start;width:calc(100% - 24px);height:auto;padding:18px 0}.nav{flex-wrap:wrap;gap:16px 24px;font-size:16px}.hero{width:calc(100% - 24px);padding:28px 0 56px}.hero-copy{text-align:left}.hero-copy h1{font-size:38px}.subtext{font-size:16px}.eyebrow{font-size:30px}.frame-shell{padding:12px}.game-frame{aspect-ratio:16/12}.tool-buttons{flex-direction:column}.tool-btn{width:100%}}