:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#05070d;color:#f4f7fb}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at top,rgba(91,140,255,.12),transparent 30%),radial-gradient(circle at bottom,rgba(90,255,220,.08),transparent 30%),#05070d}button,input{font:inherit}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#05070d;color:#fff}.panel{position:relative;z-index:2;width:min(100%,900px);background:#0a0f1cc7;border:1px solid rgba(140,180,255,.2);border-radius:24px;padding:32px;box-shadow:0 20px 80px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-panel{width:min(100%,460px)}.quest-panel,.gift-panel{text-align:center}.eyebrow{letter-spacing:.22em;color:#90a9d6;font-size:12px;margin-bottom:12px}h1{margin:0 0 10px;font-size:clamp(28px,5vw,48px)}.muted{color:#aeb8cb}.form{display:grid;gap:12px;margin-top:24px}input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(148,175,255,.18);background:#ffffff0d;color:#fff;outline:none}button{padding:14px 18px;border:0;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,#5b8cff,#62d4ff);color:#fff;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{background:#ffffff14}.error-text{margin-top:12px;color:#ff8f8f}.systems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.system-btn{min-height:100px;background:#ffffff0f;border:1px solid rgba(125,171,255,.18)}.system-btn.active{background:linear-gradient(135deg,#5b8cffe6,#62d4ffe6)}.status-box{margin:16px auto 24px;padding:14px 16px;max-width:560px;border-radius:16px;background:#ffffff0f;color:#dce7ff}.jump-btn{min-width:280px}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.star{position:absolute;width:2px;height:2px;border-radius:999px;background:#fff;box-shadow:0 0 12px #ffffffbf;animation:twinkle 3s infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}.shrek-page{background:radial-gradient(circle at center,rgba(32,95,38,.15),transparent 30%),#05070d}.shrek-panel{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:center}.shrek-image{width:100%;max-width:320px;display:block}.dialog-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px}.dialog-text{min-height:70px;font-size:28px;line-height:1.3}.dialog-actions{display:flex;gap:12px;margin-top:20px}.truck-scene{margin-top:30px;min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden}.truck{position:relative;width:min(100%,760px)}.truck-image{width:100%;display:block}.truck-barcode-panel{position:absolute;right:19%;top:8%;width:37%;background:#fffffff5;border-radius:12px;padding:14px;color:#111}.barcode-image{width:100%;display:block}.gift-code{margin-top:10px;font-size:20px;font-weight:800;letter-spacing:.08em}@media(max-width:860px){.systems-grid{grid-template-columns:1fr}.shrek-panel{grid-template-columns:1fr;text-align:center}.dialog-actions{justify-content:center}.truck-barcode-panel{right:8%;top:6%;width:48%}}.sound-toggle{position:fixed;top:16px;right:16px;z-index:100;width:48px;height:48px;padding:0;border-radius:50%;border:1px solid rgba(140,180,255,.25);background:#0a0f1cb3;color:#f4f7fb;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 20px #0006;transition:transform .12s ease,background .12s ease}.sound-toggle:hover{background:#141e34d9;transform:scale(1.05)}.sound-toggle:active{transform:scale(.96)}