*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none}
:root{--a:#cdbd8c;--bg:#0c0e0b;--ink:#e6e2d8;--mut:#9d9887;--red:#c7392c;--f:'Roboto Condensed','Barlow Condensed','Arial Narrow',sans-serif-condensed,'Helvetica Neue',Arial,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--f);font-stretch:condensed}
#c{position:fixed;inset:0;width:100%;height:100%;display:block}
#hud,#ctl{position:fixed;inset:0;display:none}#hud{pointer-events:none;z-index:3}#ctl{z-index:2}
#fx{position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.38) 100%)}
#dm{position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,transparent 45%,rgba(150,10,5,.6) 100%);opacity:0;transition:opacity .15s}
#scope{position:fixed;inset:0;pointer-events:none;z-index:1;display:none;background:radial-gradient(circle at center,transparent 0,transparent calc(min(42vh,42vw) - 1px),#050505 min(42vh,42vw))}
#scope i{position:absolute;background:#0a0a0a}
#scope .h{left:0;right:0;top:50%;height:1.5px;margin-top:-.75px}#scope .v{top:0;bottom:0;left:50%;width:1.5px;margin-left:-.75px}
#scope .hb{left:calc(50% - min(42vh,42vw));width:calc(min(42vh,42vw) - 48px);top:50%;height:4px;margin-top:-2px}#scope .hb2{right:calc(50% - min(42vh,42vw));width:calc(min(42vh,42vw) - 48px);top:50%;height:4px;margin-top:-2px}
#scope .vb{top:calc(50% + 48px);height:calc(min(42vh,42vw) - 48px);left:50%;width:4px;margin-left:-2px}
#scope u{position:absolute;width:3.5px;height:3.5px;margin:-1.75px;border-radius:50%;background:#0a0a0a}#scope s{position:absolute;left:50%;width:5vmin;margin-left:-2.5vmin;height:1.5px;background:#0a0a0a}
#zm,#rng{position:absolute;left:50%;transform:translateX(-50%);color:#d9d4c4;font-weight:600;text-shadow:0 0 3px #000;font-size:12px;letter-spacing:1px;font-variant-numeric:tabular-nums}#zm{top:calc(50% + min(42vh,42vw) - 50px)}#rng{top:calc(50% + min(42vh,42vw) - 33px);font-size:11px;color:#b8b3a4}
#bbar{position:absolute;left:50%;top:calc(50% - min(42vh,42vw) + 18px);width:80px;margin-left:-40px;height:3px;background:rgba(0,0,0,.6)}#brb{display:block;height:100%;width:100%;background:#b9c2a0}
#scope:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(60,90,80,.05) 0,rgba(40,70,60,.08) 60%,rgba(0,0,0,.35) calc(min(42vh,42vw) - 26px),rgba(0,0,0,.85) calc(min(42vh,42vw) - 6px),transparent min(42vh,42vw))}
#scope:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent calc(min(42vh,42vw) - 9px),rgba(120,150,170,.22) calc(min(42vh,42vw) - 7px),rgba(20,24,28,.9) calc(min(42vh,42vw) - 4px),rgba(70,74,78,.9) calc(min(42vh,42vw) - 1px),transparent min(42vh,42vw))}
#scope b{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#0a0a0a}
#dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#ff4a30;box-shadow:0 0 3px rgba(255,60,40,.8);display:none}
.low #hp{border-color:var(--red)}
#hp{position:absolute;top:12px;left:calc(14px + env(safe-area-inset-left,0px));width:min(180px,28vw);border:1px solid rgba(255,255,255,.22);background:rgba(8,10,8,.5);padding:3px;border-radius:2px}
#hpb{display:block;height:7px;width:100%;background:#b9c2a0;transition:width .15s;border-radius:1px}.low #hpb{background:var(--red)}
#ar{height:3px;margin-top:3px;background:rgba(255,255,255,.1);border-radius:1px;opacity:.35}#arb{display:block;height:100%;width:0;background:#8aa0b8;border-radius:1px;transition:width .15s}
#boss{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(320px,40vw);display:none;text-align:center;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#d9a08a;text-shadow:0 1px 3px #000}#boss div{height:5px;margin-top:3px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);border-radius:1px}#bossf{display:block;height:100%;width:100%;background:#b8463a}
#nw{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;opacity:0;transition:opacity .2s}#nw b{position:absolute;left:50%;top:-6px;width:28px;height:28px;margin-left:-14px;border-radius:50%;background:rgba(20,20,14,.75);border:1.5px solid #d8c070;color:#d8c070;font-size:16px;line-height:25px;text-align:center}#nw.near b{border-color:#d8463a;color:#d8463a;background:rgba(70,8,4,.8)}
#hpn{position:absolute;right:6px;top:-3px;font-size:13px;font-weight:600;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums}
#mm{position:absolute;top:38px;left:calc(14px + env(safe-area-inset-left,0px));width:min(130px,24vh);height:min(130px,24vh);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.5)}
#sq{position:absolute;top:calc(44px + min(130px,24vh));left:calc(14px + env(safe-area-inset-left,0px));display:none;font-size:12px;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 3px #000}#sq div{display:flex;align-items:center;gap:6px;height:16px}#sq span{width:52px;color:#aebccb}#sq i{width:60px;height:3px;background:rgba(0,0,0,.5);border-radius:1px;overflow:hidden}#sq b{display:block;height:100%;background:#8fa6bd}#sq .dn span{color:#d98a74}#sq .dn b{background:#c7392c}
#rv{position:absolute;left:50%;top:64%;transform:translateX(-50%);font-size:16px;font-weight:600;letter-spacing:1px;color:#c8d0d8;text-shadow:0 2px 4px #000;opacity:0}
#kf{position:absolute;top:62px;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:.6px;color:var(--a);text-shadow:0 1px 3px #000}#kf div{margin-bottom:2px}
#tr{position:absolute;top:8px;right:calc(14px + env(safe-area-inset-right,0px));text-align:right;text-shadow:0 2px 6px #000}
#tr{font-variant-numeric:tabular-nums}#am{font-size:38px;font-weight:600;line-height:1;letter-spacing:-.5px}#rs{font-size:16px;color:var(--mut);font-weight:600}#wn{font-size:12px;font-weight:600;color:var(--ink);opacity:.8;letter-spacing:1.4px;text-transform:uppercase;margin-top:3px}
#gn{font-size:12px;font-weight:600;color:#b9b3a0;letter-spacing:1px;text-transform:uppercase}#cr{font-size:12px;font-weight:600;color:#aeb8a0;letter-spacing:.6px}#scr{font-size:17px;font-weight:600;color:var(--a);margin-top:4px}#kl{font-size:12px;color:var(--mut);font-weight:600;letter-spacing:.6px}
#top{position:absolute;top:8px;left:50%;transform:translateX(-50%);text-align:center;text-shadow:0 2px 6px #000}
#wv{font-size:15px;font-weight:600;line-height:1.1;letter-spacing:2.5px;text-transform:uppercase}#sub{font-size:12px;color:var(--mut);font-weight:600;letter-spacing:.8px;font-variant-numeric:tabular-nums}#clk{color:var(--ink)}
#bp{position:absolute;top:8px;left:calc(50% + 86px);width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.25);pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:4px}#bp i{width:4px;height:14px;background:#fff;border-radius:1px}
#rh{position:absolute;left:50%;top:60%;transform:translateX(-50%);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--a);opacity:0;text-shadow:0 2px 4px #000}
#cx{position:absolute;left:50%;top:50%;opacity:.85}#cx i{position:absolute;background:#f0ece0;box-shadow:0 0 1px #000,0 0 3px rgba(0,0,0,.8)}
#hmk{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;transform:rotate(45deg);opacity:0}#hmk i{position:absolute;background:#e6e2d8;box-shadow:0 0 3px #000}#hmk.k i{background:var(--red)}
#di{position:absolute;left:50%;top:50%;width:180px;height:180px;margin:-90px 0 0 -90px;opacity:0;transition:opacity .4s}#di:before{content:'';position:absolute;left:50%;top:0;width:60px;height:14px;margin-left:-30px;border-radius:50% 50% 0 0;border-top:4px solid var(--red);filter:drop-shadow(0 0 3px rgba(0,0,0,.8))}
.btn{position:absolute;width:56px;height:56px;border-radius:50%;letter-spacing:.3px;text-transform:uppercase;overflow:hidden;background:rgba(15,15,12,.45);border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-weight:600;color:#e6e2d8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);font-size:14px;text-align:center;line-height:1}
.btn.on,.btn:active{background:rgba(205,189,140,.5);border-color:var(--a)}
#bf{border-color:var(--a);background:rgba(205,189,140,.16)}
#sb{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:rgba(15,15,12,.3);opacity:.35}
#sk{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,255,255,.55)}
.scr{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10;background:linear-gradient(180deg,rgba(10,12,9,.66),rgba(10,12,9,.92));padding:12px;overflow:auto}
.scr h1{font-size:clamp(40px,12vh,84px);font-weight:700;line-height:.95;letter-spacing:4px;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.scr p{color:var(--mut);font-size:clamp(13px,3.2vh,17px);margin-top:6px;font-weight:500;line-height:1.4}
.go{margin-top:clamp(10px,3vh,24px);padding:10px 52px;font:600 clamp(18px,5vh,24px) var(--f);letter-spacing:3px;text-transform:uppercase;background:var(--a);color:#15170f;border:0;border-radius:2px;cursor:pointer;touch-action:manipulation}
.go:active{transform:scale(.97)}.go:disabled{opacity:.55}
#set{margin-top:clamp(8px,2.5vh,18px);display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;align-items:center;font-size:16px;font-weight:600;color:var(--mut);touch-action:manipulation}
#set *{touch-action:manipulation}#mset{display:flex;gap:0;margin-bottom:8px;border:1px solid rgba(255,255,255,.3);border-radius:5px;overflow:hidden}#mset button{font:800 clamp(16px,4vh,20px) var(--f);padding:6px 22px;border:0;background:rgba(0,0,0,.4);color:var(--ink);cursor:pointer;touch-action:manipulation}#mset button.sel{background:#4a5a44;color:#fff}
#qset,#dset{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:100%}
#qset button,#dset button{font:700 15px var(--f);padding:5px 10px;border-radius:3px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.35);color:var(--ink);cursor:pointer}
#qset button.sel,#dset button.sel{background:var(--a);color:#1a1206;border-color:var(--a)}
#sens{width:110px;accent-color:var(--a)}#af{accent-color:var(--a);width:18px;height:18px;vertical-align:middle}
#qnote,#best,#stats{font-size:14px;color:var(--mut);margin-top:6px}#best{color:var(--a);font-weight:700;font-size:17px}
#load{font-size:15px;color:var(--mut);margin-top:6px}
.d{display:none}@media (pointer:fine){.d{display:block}.t{display:none}}
#fs{color:var(--mut);font-size:clamp(15px,3.8vh,20px);font-weight:600;margin-top:12px;line-height:1.5;letter-spacing:1px}#fs b{color:#fff}
#splash{position:fixed;left:50%;top:22%;transform:translate(-50%,-10px) scale(.96);z-index:6;pointer-events:none;opacity:0;transition:opacity .35s,transform .35s;text-align:center}
#splash.on{opacity:1;transform:translate(-50%,0) scale(1)}
#splash .card{background:#fff;border-radius:10px;padding:10px 18px 8px;box-shadow:0 8px 30px rgba(0,0,0,.45)}#splash img{height:clamp(44px,11vh,84px);display:block;margin:0 auto}
#spt{font-size:clamp(14px,3.6vh,20px);font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#e6e2d8;text-shadow:0 2px 8px #000;margin-top:8px}
#menu{flex-direction:row;gap:clamp(12px,3vw,40px);align-items:center}#menu .col{display:flex;flex-direction:column;align-items:center;flex:1 1 0;max-width:420px;min-width:0}#mL h1{font-size:clamp(30px,9vh,68px)}#set{flex-direction:column}
#brand{background:#fff;border-radius:16px;padding:clamp(8px,2vh,16px);box-shadow:0 10px 40px rgba(0,0,0,.5);flex:none}#brand img{display:block;height:clamp(140px,64vh,400px);width:auto}
#brand2{background:#fff;border-radius:8px;padding:6px 12px;margin-bottom:10px}#brand2 img{display:block;height:clamp(30px,8vh,54px)}
.byl{font-size:14px;color:var(--mut);margin-top:4px;font-weight:600}
@media (max-aspect-ratio:1/1){#menu{flex-direction:column}#brand img{height:clamp(120px,30vh,260px)}}
@media (max-height:460px){#qset button,#dset button{padding:4px 8px;font-size:13px}#am{font-size:34px}#rs{font-size:17px}#wn{font-size:14px}#gn,#kl{font-size:13px}#scr{font-size:16px}#wv{font-size:20px}#sub{font-size:13px}#kf{font-size:14px;top:52px}.scr p{font-size:14px}.scr h1{font-size:clamp(34px,11vh,60px)}#set{font-size:14px;gap:6px 14px}.go{padding:8px 34px;font-size:22px}}
#toast{position:fixed;left:50%;bottom:calc(52px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);z-index:7;pointer-events:none;opacity:0;transition:opacity .3s,transform .3s;background:rgba(12,14,10,.88);border:1px solid rgba(205,189,140,.6);border-radius:3px;padding:8px 16px;text-align:center;font-size:15px;font-weight:600;color:#e6e2d8}
#toast.on{opacity:1;transform:translate(-50%,0)}#toast b{display:block;font-size:12px;color:var(--a);letter-spacing:.5px}#toast span{display:block;font-size:13px;color:var(--mut);font-weight:600}
#shop{position:fixed;inset:0;z-index:9;display:none;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,2vh,14px);padding:12px calc(12px + env(safe-area-inset-right,0px)) 12px calc(12px + env(safe-area-inset-left,0px));background:rgba(8,10,8,.86);overflow:auto;touch-action:manipulation}
#shop *{touch-action:manipulation}.sh{display:flex;justify-content:space-between;align-items:flex-end;width:min(900px,100%)}#shop h2{font-size:clamp(26px,7vh,40px);font-weight:800;line-height:1}#stimer{color:var(--mut);font-size:15px;font-weight:600}
#cash{font-size:clamp(18px,4.5vh,24px);font-weight:600;color:#b9c2a0;letter-spacing:1px}
#items{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(900px,100%)}
.it{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:clamp(6px,1.6vh,12px);border-radius:6px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:var(--ink);font:600 13px var(--f);cursor:pointer}
.it b{font-size:clamp(15px,3.6vh,18px);font-weight:800}.it i{font-style:normal;color:var(--a);font-size:12px;letter-spacing:1px}.it span{color:var(--mut);font-size:clamp(12px,2.8vh,14px)}.it em{font-style:normal;margin-top:4px;font-size:14px;font-weight:600;color:#b9c2a0}
.it:disabled{opacity:.38;cursor:default}.it:not(:disabled):active{background:rgba(205,189,140,.22)}
@media (max-width:620px){#items{grid-template-columns:repeat(2,1fr)}}
#rot{display:none;position:fixed;inset:0;z-index:30;background:#0b0d0a;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:24px;font-weight:800}
#rot i{width:46px;height:78px;border:3px solid var(--a);border-radius:8px;animation:rt 2.4s ease-in-out infinite}
@keyframes rt{0%,25%{transform:rotate(0)}60%,100%{transform:rotate(-90deg)}}
@media (orientation:portrait) and (pointer:coarse){#rot{display:flex}}
@media (prefers-reduced-motion:reduce){#rot i{animation:none}}
