:root{--red: #d7263d;--black: #14110f;--cream: #f2efe6;--gold: #f0c419;--blue: #1b4d89}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0a0a0c;color:var(--cream);font-family:Space Grotesk,system-ui,sans-serif;user-select:none}#app,canvas#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--black);z-index:50;transition:opacity .6s ease}#loader.hidden{opacity:0;pointer-events:none}#loader .mark{width:84px;height:84px;background:var(--red);transform:rotate(12deg);box-shadow:26px 26px 0 var(--cream),-22px -18px 0 var(--gold)}#loader h1{font-size:30px;letter-spacing:6px;margin:12px 0 0;font-weight:700}#loader p{opacity:.6;margin:0;letter-spacing:2px;font-size:13px}.hud{position:fixed;z-index:10;pointer-events:none}.hud *{pointer-events:auto}#topbar{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(180deg,#0a0a0cd9,#0a0a0c00)}#topbar .brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:3px}#topbar .brand .sq{width:20px;height:20px;background:var(--red);transform:rotate(10deg)}#topbar .stats{display:flex;gap:22px;font-size:13px;letter-spacing:1px}#topbar .stats b{color:var(--gold)}button{font-family:inherit;cursor:pointer;border:none;border-radius:0;padding:10px 16px;font-weight:600;letter-spacing:1px;background:var(--cream);color:var(--black);transition:transform .08s ease,background .15s ease}button:hover{transform:translateY(-1px)}button.primary{background:var(--red);color:var(--cream)}button.gold{background:var(--gold);color:var(--black)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}#crosshair{top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;opacity:.7}#crosshair:before,#crosshair:after{content:"";position:absolute;background:var(--cream)}#crosshair:before{left:8px;top:0;width:2px;height:18px}#crosshair:after{top:8px;left:0;height:2px;width:18px}#hint{bottom:16px;left:18px;font-size:12px;letter-spacing:1px;line-height:1.7;opacity:.75;background:#0a0a0c80;padding:10px 12px;border-left:3px solid var(--red)}#hint kbd{background:var(--cream);color:var(--black);padding:1px 6px;font-family:inherit;font-size:11px;font-weight:700}#minimap-wrap{bottom:16px;right:16px;background:#0a0a0c99;padding:8px;border:1px solid rgba(242,239,230,.15)}#minimap-wrap .title{font-size:11px;letter-spacing:2px;opacity:.6;margin-bottom:6px}#minimap{display:block;cursor:crosshair}#panel{top:64px;right:16px;width:320px;max-height:calc(100vh - 84px);overflow-y:auto;background:#100e0ceb;border:1px solid rgba(242,239,230,.18);backdrop-filter:blur(6px);transform:translate(120%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}#panel.open{transform:translate(0)}#panel .art{width:100%;aspect-ratio:1;background:#000;display:block}#panel .art img{width:100%;height:100%;display:block}#panel .body{padding:14px 16px 16px}#panel .row{display:flex;justify-content:space-between;align-items:baseline}#panel h2{margin:0;font-size:22px;letter-spacing:1px}#panel .tier{font-size:11px;letter-spacing:2px;padding:3px 8px;background:var(--red);color:var(--cream)}#panel .tier.free{background:var(--gold);color:var(--black)}#panel .price{font-size:30px;font-weight:700;margin:10px 0 2px}#panel .price small{font-size:13px;opacity:.6;font-weight:400}#panel .attrs{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:12px 0;font-size:12px}#panel .attrs div{background:#f2efe60f;padding:6px 8px}#panel .attrs span{display:block;opacity:.5;font-size:10px;letter-spacing:1px;text-transform:uppercase}#panel .rarity-bar{height:6px;background:#f2efe61f;margin:4px 0 12px}#panel .rarity-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--red),var(--gold))}#panel .actions{display:flex;gap:8px}#panel .actions button{flex:1}#panel .close{position:absolute;top:8px;right:8px;background:#0006;color:var(--cream);padding:4px 10px;font-size:16px;line-height:1}#toast{bottom:90px;left:50%;transform:translate(-50%) translateY(20px);background:var(--cream);color:var(--black);padding:12px 20px;font-weight:600;letter-spacing:1px;opacity:0;transition:all .3s ease;max-width:80vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#toast.err{background:var(--red);color:var(--cream)}.ghost{background:transparent;color:var(--cream);border:1px solid rgba(242,239,230,.35);padding:8px 12px;font-size:12px;cursor:pointer;letter-spacing:1px}.ghost:hover{background:#f2efe61a}a.ghost.link{display:inline-flex;align-items:center;text-decoration:none;font-weight:600}#target-tag{top:50%;left:50%;transform:translate(-50%,22px);font-size:12px;letter-spacing:1px;padding:3px 9px;background:#0a0a0cb3;border:1px solid rgba(242,239,230,.3);color:var(--cream);opacity:0;transition:opacity .12s ease;white-space:nowrap}#target-tag.show{opacity:.95}#target-tag b{color:var(--gold)}#target-tag.free{border-color:var(--gold)}#gallery{inset:0;z-index:40;background:#08080af5;display:none;flex-direction:column;padding:18px 22px 22px}#gallery.open{display:flex}#gallery .g-head{display:flex;align-items:center;gap:18px;margin-bottom:14px}#gallery .g-title{font-weight:700;letter-spacing:4px;font-size:18px}#gallery .g-filters{display:flex;gap:6px}#gallery .g-filters button{background:transparent;color:var(--cream);border:1px solid rgba(242,239,230,.25);padding:6px 12px;font-size:12px;letter-spacing:1px}#gallery .g-filters button.active{background:var(--cream);color:var(--black)}#gallery .g-nav{display:flex;align-items:center;gap:10px;margin-left:auto}#gallery .g-nav button{background:transparent;color:var(--cream);border:1px solid rgba(242,239,230,.25);padding:4px 12px;font-size:16px}#gallery .g-page{font-size:13px;letter-spacing:1px;opacity:.75;min-width:56px;text-align:center}#gallery .g-close{background:#0006;color:var(--cream);padding:4px 12px;font-size:18px;line-height:1}#gallery .g-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-content:start}#gallery .g-card{background:#f2efe60d;border:1px solid rgba(242,239,230,.12);padding:0;display:flex;flex-direction:column;cursor:pointer}#gallery .g-card:hover{border-color:var(--gold);transform:translateY(-2px)}#gallery .g-card img{width:100%;aspect-ratio:1;display:block}#gallery .g-meta{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;font-size:12px;letter-spacing:1px;color:var(--cream)}#gallery .g-free{background:var(--gold);color:var(--black);padding:1px 7px;font-weight:700;font-size:11px}