:root{--bg:#06101e;--panel:rgba(5,15,29,.91);--panel2:#091a31;--text:#f6fbff;--muted:#91a8c4;--cyan:#42e5ff;--blue:#3977ff;--green:#5af0ad;--gold:#ffd45b;--red:#ff6078;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020711;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{font:inherit}.app{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;background:#071626}#world{position:absolute;inset:0;width:100%;height:100%;display:block}.vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,transparent 46%,rgba(0,4,12,.35) 100%)}.scanlines{pointer-events:none;position:absolute;inset:0;opacity:.08;background:repeating-linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 1px,transparent 1px,transparent 4px)}
[hidden]{display:none!important}.title-screen{position:absolute;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 28%,rgba(54,122,178,.42),transparent 36%),linear-gradient(180deg,rgba(2,8,18,.45),rgba(2,7,15,.92));backdrop-filter:blur(5px)}.title-card{width:min(720px,100%);text-align:center}.title-eagle{width:min(310px,58vw);max-height:340px;object-fit:contain;filter:drop-shadow(0 32px 40px rgba(0,0,0,.38));animation:titleFloat 3.8s ease-in-out infinite}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--cyan);text-transform:uppercase}.title-card h1,.modal-card h2{margin:5px 0 0;font-size:clamp(56px,12vw,116px);line-height:.82;letter-spacing:-.07em;font-style:italic}.tagline{margin:15px 0 0;font-size:clamp(16px,3vw,24px);font-weight:900;letter-spacing:.02em}.intro{max-width:630px;margin:10px auto 22px;color:#b7c8dc;line-height:1.55}.title-actions,.pause-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.big-btn,.chip,.icon-btn{border:1px solid var(--line);background:rgba(255,255,255,.055);color:#fff;cursor:pointer;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:transform .15s,border-color .15s,background .15s}.big-btn{min-height:48px;padding:13px 18px;border-radius:999px;font-size:10px}.big-btn.primary,.chip.accent{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#02101d;border-color:transparent}.big-btn.danger{border-color:rgba(255,96,120,.35);color:#ffcbd3}.big-btn:hover,.chip:hover,.icon-btn:hover{transform:translateY(-1px);border-color:rgba(66,229,255,.4)}.continue-note{margin-top:14px;font-size:10px;color:#6f89a5;letter-spacing:.06em}.topbar{position:absolute;z-index:25;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.brand,.top-actions{pointer-events:auto}.brand{display:flex;align-items:center;gap:9px;padding:7px 12px 7px 7px;border-radius:999px;border:1px solid var(--line);background:rgba(3,11,24,.78);backdrop-filter:blur(14px)}.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}.brand span{display:grid}.brand strong{font-size:11px;letter-spacing:.08em}.brand small{font-size:8px;color:#7f98b3;text-transform:uppercase;letter-spacing:.11em}.top-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.chip{min-height:38px;padding:9px 12px;border-radius:999px;background:rgba(3,11,24,.78);backdrop-filter:blur(14px);font-size:8px;text-decoration:none;display:inline-grid;place-items:center}.hud{position:absolute;z-index:22;left:18px;bottom:18px;width:350px;padding:13px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(4,14,29,.86),rgba(3,9,19,.94));backdrop-filter:blur(18px);box-shadow:0 22px 55px rgba(0,0,0,.3)}.hud-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.hud-top>div{display:flex;gap:7px;align-items:center}.hud-top>span{color:var(--green);font-size:8px}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.stats div{padding:8px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.stats small{display:block;color:#7892ae;font-size:7px;letter-spacing:.1em}.stats b{display:block;margin-top:2px;font-size:13px}.xp{display:grid;grid-template-columns:28px 1fr 46px;align-items:center;gap:7px;margin-top:9px;font-size:8px;color:#87a0ba}.xp>div{height:7px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.xp i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:width .3s}.objective{margin-top:9px;padding:9px 10px;border:1px solid rgba(255,212,91,.16);background:rgba(255,212,91,.045);border-radius:12px}.objective small{display:block;font-size:7px;color:var(--gold);letter-spacing:.13em}.objective strong{display:block;font-size:10px;margin-top:2px}.objective span{display:block;font-size:9px;color:#a9bbcf;margin-top:4px}.radar-panel{position:absolute;z-index:30;right:18px;top:76px;width:330px;max-height:calc(100% - 98px);overflow:auto;padding:14px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(4,14,29,.92),rgba(3,9,19,.97));backdrop-filter:blur(18px);box-shadow:0 22px 60px rgba(0,0,0,.4)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.panel-head small{font-size:8px;color:var(--cyan);letter-spacing:.16em}.panel-head h2{font-size:16px;margin:2px 0 0}.icon-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);font-size:18px}.radar-panel>p{font-size:10px;line-height:1.5;color:var(--muted)}.location-list{display:grid;gap:7px}.loc{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:white;text-align:left;cursor:pointer}.loc:hover,.loc.active{border-color:rgba(66,229,255,.38);background:rgba(66,229,255,.055)}.loc.locked{opacity:.5}.loc-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(66,229,255,.08);font-size:17px}.loc strong{font-size:10px}.loc small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.loc .dist{font-size:8px;color:#7c94ad}.seal-row{display:flex;gap:7px;margin-top:10px}.seal{flex:1;text-align:center;padding:8px 5px;border-radius:11px;border:1px solid var(--line);opacity:.35}.seal.unlocked{opacity:1;border-color:rgba(255,212,91,.3);background:rgba(255,212,91,.06)}.seal b{display:block}.seal span{display:block;font-size:7px;letter-spacing:.08em;margin-top:2px}.interact-prompt{position:absolute;z-index:28;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(66,229,255,.35);background:rgba(3,10,21,.92);box-shadow:0 16px 40px rgba(0,0,0,.35)}.interact-prompt kbd{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.08);font-size:9px}.interact-prompt strong,.interact-prompt button{font-size:9px;letter-spacing:.08em}.interact-prompt button{border:0;background:none;color:var(--cyan);font-weight:900;cursor:pointer}.toast{position:absolute;z-index:95;top:78px;left:50%;transform:translate(-50%,-10px);opacity:0;max-width:min(560px,calc(100% - 28px));padding:11px 15px;border-radius:14px;border:1px solid var(--line);background:rgba(3,10,21,.96);box-shadow:0 20px 50px rgba(0,0,0,.42);text-align:center;font-size:11px;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.modal{position:absolute;z-index:90;inset:0;display:none;place-items:center;padding:18px;background:rgba(0,4,12,.72);backdrop-filter:blur(9px)}.modal.open{display:grid}.modal-card{position:relative;width:min(740px,100%);max-height:88%;overflow:auto;padding:22px;border-radius:26px;border:1px solid rgba(66,229,255,.24);background:linear-gradient(180deg,#0a1930,#040b17);box-shadow:0 40px 120px rgba(0,0,0,.58)}.modal-card>.close-modal{position:absolute;top:13px;right:13px}.modal-card h2{font-size:clamp(34px,7vw,66px);margin:6px 50px 9px 0}.modal-card>p{color:var(--muted);line-height:1.5;font-size:12px}.beast-box{display:grid;grid-template-columns:150px 1fr;gap:15px;align-items:center;margin-top:14px}.beast-icon{aspect-ratio:1;border-radius:22px;display:grid;place-items:center;font-size:70px;background:radial-gradient(circle at 35% 28%,rgba(66,229,255,.17),transparent 42%),linear-gradient(145deg,#173256,#07101c);border:1px solid rgba(255,255,255,.08)}.meta-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:10px}.meta-row span{color:#7892ae}.challenge{margin-top:17px;padding:14px;border-radius:17px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.challenge-head{display:flex;justify-content:space-between;gap:12px}.challenge-head strong{font-size:10px}.challenge-head span{font-size:9px;color:var(--muted)}.meter{position:relative;height:24px;margin-top:12px;border-radius:999px;background:linear-gradient(90deg,#4c1428 0 33%,#6e5019 33% 38%,#163f31 38% 62%,#6e5019 62% 67%,#4c1428 67%);border:1px solid rgba(255,255,255,.1);overflow:hidden}.sweet-zone{position:absolute;top:0;bottom:0;left:38%;width:24%;background:rgba(90,240,173,.25);transition:left .2s,width .2s}.needle{position:absolute;top:-4px;bottom:-4px;width:4px;left:0;background:#fff;box-shadow:0 0 12px white}.challenge-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.coffee-btn{color:var(--gold);border-color:rgba(255,212,91,.25)}.result{display:none;margin-top:11px;padding:10px;border-radius:12px;font-size:10px;line-height:1.45}.result.show{display:block}.result.win{color:#c4ffe2;background:rgba(90,240,173,.07);border:1px solid rgba(90,240,173,.18)}.result.fail{color:#ffd0d7;background:rgba(255,96,120,.07);border:1px solid rgba(255,96,120,.18)}.vault-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.vault-card{position:relative;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#07101c}.vault-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.vault-card span{position:absolute;left:7px;bottom:7px;padding:5px 7px;border-radius:999px;background:rgba(0,0,0,.7);font-size:7px;font-weight:900}.vault-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.vault-foot a{padding:9px 12px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101e;text-decoration:none;font-weight:900}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.how-grid div{padding:11px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.how-grid b{display:block;font-size:9px;color:var(--cyan);letter-spacing:.1em}.how-grid span{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.pause-card,.victory-card{text-align:center;width:min(560px,100%)}.pause-actions{margin-top:18px}.victory-bird{font-size:64px}.victory-card h2{margin-right:0}.victory-stats{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:15px 0}.victory-stats span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:9px}.mobile-controls{position:absolute;z-index:26;inset:0;pointer-events:none}.joystick{position:absolute;left:16px;bottom:135px;width:116px;height:116px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(3,10,21,.45);backdrop-filter:blur(8px);touch-action:none;pointer-events:auto}.joy-knob{position:absolute;left:38px;top:38px;width:40px;height:40px;border-radius:50%;background:rgba(66,229,255,.23);border:1px solid rgba(66,229,255,.48)}.mobile-action{position:absolute;right:18px;bottom:157px;width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,212,91,.3);background:rgba(255,212,91,.12);color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em;pointer-events:auto}.mobile-action:disabled{opacity:.35}
@keyframes titleFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(max-width:820px){.top-actions .chip:nth-child(1){display:none}.radar-panel{width:300px}.hud{width:320px}.vault-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{left:9px;right:9px;top:8px}.brand{padding:5px 8px 5px 5px}.brand img{width:32px;height:32px}.brand small{display:none}.top-actions{gap:5px}.chip{min-height:34px;padding:7px 9px;font-size:7px}.top-actions .chip:nth-child(2){display:none}.hud{left:9px;bottom:8px;width:calc(100% - 18px);padding:10px;padding-right:92px}.objective{display:none}.stats{gap:5px}.stats div{padding:6px 4px}.hud-top>span{display:none}.interact-prompt{display:none!important}.mobile-controls{display:block!important}.radar-panel{left:9px;right:9px;top:58px;width:auto;max-height:calc(100% - 205px)}.modal{padding:9px}.modal-card{padding:17px;border-radius:21px}.modal-card h2{font-size:38px}.beast-box{grid-template-columns:90px 1fr}.beast-icon{font-size:42px;border-radius:17px}.meta-row{font-size:9px}.how-grid{grid-template-columns:1fr}.title-screen{padding:14px}.title-eagle{width:min(260px,64vw)}.title-card h1{font-size:68px}.intro{font-size:12px}.vault-foot{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.title-eagle{animation:none}*{scroll-behavior:auto!important}}