:root{--bg:#0f1115;--panel:#161c27;--ink:#e9eef9;--muted:#9fb0cf;--gold:#ffd700}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Press Start 2P",ui-monospace,Courier New,monospace;min-height:100vh;height:100vh;cursor:none;position:relative;overflow:hidden;overscroll-behavior:none}#shelf-bg{position:fixed;inset:0;z-index:-1;background-image:url(/video/inventory-shelf.jpg);background-size:cover;background-position:center}#shelf-bg:before{content:"";position:absolute;inset:0;background:#00000059}#leaf-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;background-image:url(/video/leaf-particles.gif);background-repeat:repeat;background-size:340px 340px;opacity:.65;mix-blend-mode:screen}main{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:24px;height:100vh;overflow-y:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;border-bottom:4px solid #000;padding-bottom:10px}header a{color:var(--gold);text-decoration:none;border:3px solid #000;padding:8px 12px;font-weight:700;background:#000;transition:background .2s;font-size:10px;cursor:none}header a:hover{background:var(--gold);color:#000}header button{color:var(--gold);background:#000;border:2px solid var(--gold);padding:4px 6px;cursor:none;transition:background .2s}header button:hover{background:var(--gold);color:#000}h1{margin:0;font-size:clamp(13px,2.6vw,20px);letter-spacing:1px;color:var(--gold);font-weight:400;text-shadow:2px 2px 0 #000;text-align:center}.hint{text-align:center;color:var(--muted);font-size:10px;line-height:1.8;margin-top:18px;padding:12px;background:#0006;border:2px solid rgba(255,215,0,.3)}#zoom-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:1px}#zoom-row .btn{padding:6px 10px;font-size:11px}#zoom-reset{min-width:52px}#bg-video{display:none}#bg-video.show{display:block}.overlay{position:fixed;inset:0;background:#000000d9;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.overlay.open{display:flex}.modal{width:min(420px,90vw);max-height:75vh;overflow-y:auto;background:#0a0a0a;border:3px solid var(--gold);padding:20px;box-shadow:0 0 20px #ffd70066}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.modal-head h2{margin:0;font-size:12px;color:var(--gold);font-weight:400}.btn{color:var(--gold);text-decoration:none;border:3px solid var(--gold);padding:8px 12px;background:#000;font-size:9px;transition:background .2s,color .2s;cursor:none;font-family:inherit;letter-spacing:1px;text-transform:uppercase}.btn:hover{background:var(--gold);color:#000}.picker-row{display:flex;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,215,0,.2);color:var(--gold);font-size:11px}.picker-row:last-child{border-bottom:none}.volume-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,215,0,.3)}.volume-row input[type=range]{flex:1;accent-color:var(--gold);cursor:none;touch-action:none;padding:14px 0}.volume-mute-btn{all:unset;cursor:none;font-size:16px;padding:4px 8px;border:1px solid var(--gold);background:#000}body.theme-hello-kitty header a,body.theme-hello-kitty header button,body.theme-hello-kitty .btn,body.theme-hello-kitty .volume-mute-btn{background:#ffb6d9;border-color:#ff5fa8;color:#9c004f;text-shadow:none;box-shadow:0 0 12px #ff5fa866}body.theme-hello-kitty header a:hover,body.theme-hello-kitty header button:hover,body.theme-hello-kitty .btn:hover,body.theme-hello-kitty .volume-mute-btn:hover{background:#ffd1e8}body.theme-old-ppl-slot header a,body.theme-old-ppl-slot header button,body.theme-old-ppl-slot .btn,body.theme-old-ppl-slot .volume-mute-btn{background:gold;border-color:#c9a227;color:#3a2a00;text-shadow:none;box-shadow:0 0 12px #ffd70073}body.theme-old-ppl-slot header a:hover,body.theme-old-ppl-slot header button:hover,body.theme-old-ppl-slot .btn:hover,body.theme-old-ppl-slot .volume-mute-btn:hover{background:#ffe766}@keyframes uv-glow{0%,to{box-shadow:0 0 10px #9d4edd59}50%{box-shadow:0 0 22px #b026ffa6}}body.theme-waster header a,body.theme-waster header button,body.theme-waster .btn,body.theme-waster .volume-mute-btn,body.theme-evian header a,body.theme-evian header button,body.theme-evian .btn,body.theme-evian .volume-mute-btn{background:#1a0533;border-color:#9d4edd;color:#e0aaff;text-shadow:0 0 8px rgba(176,38,255,.6);animation:uv-glow 2.4s ease-in-out infinite}body.theme-waster header a:hover,body.theme-waster header button:hover,body.theme-waster .btn:hover,body.theme-waster .volume-mute-btn:hover,body.theme-evian header a:hover,body.theme-evian header button:hover,body.theme-evian .btn:hover,body.theme-evian .volume-mute-btn:hover{background:#2d0a5c}@keyframes beat-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.28)}}body.theme-girl-like-me header a,body.theme-girl-like-me header button,body.theme-girl-like-me .btn,body.theme-girl-like-me .volume-mute-btn{animation:beat-pulse .438s ease-in-out infinite}@keyframes rgb-cycle{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}body.theme-clarity header a,body.theme-clarity header button,body.theme-clarity .btn,body.theme-clarity .volume-mute-btn{animation:rgb-cycle 1.875s linear infinite}@media (prefers-reduced-motion: reduce){body.theme-waster header a,body.theme-waster header button,body.theme-waster .btn,body.theme-waster .volume-mute-btn,body.theme-evian header a,body.theme-evian header button,body.theme-evian .btn,body.theme-evian .volume-mute-btn,body.theme-girl-like-me header a,body.theme-girl-like-me header button,body.theme-girl-like-me .btn,body.theme-girl-like-me .volume-mute-btn,body.theme-clarity header a,body.theme-clarity header button,body.theme-clarity .btn,body.theme-clarity .volume-mute-btn{animation:none}}.inv-category{color:#ffeb3b;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:14px 0 6px}.inv-category:first-child{margin-top:0}.modal-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:1px solid #333;margin-bottom:6px;background:#ffffff08;font-size:10px;color:var(--ink)}.modal-empty{color:#888;font-size:11px;padding:8px 0 4px}.modal-take-out{all:unset;cursor:none;font-size:9px;letter-spacing:.5px;color:#ffeb3b;border:1px solid rgba(255,235,59,.5);padding:3px 8px;flex-shrink:0}.modal-take-out:hover{background:#ffeb3b1f}#strubles-badge{position:fixed;top:calc(15px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));display:flex;align-items:center;gap:8px;background:#000;padding:8px 12px;border:3px solid var(--gold);font-weight:700;z-index:20}#strubles-badge img{width:28px;height:28px}#storage-chest{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));right:calc(20px + env(safe-area-inset-right));display:flex;flex-direction:column;align-items:center;gap:4px;background:#0009;border:2px solid var(--gold);padding:10px 14px;font-size:9px;color:var(--gold);z-index:20;transition:box-shadow .15s ease,border-color .15s ease}#storage-chest.drag-near{box-shadow:0 0 14px #ffd70099;border-color:#fff}#storage-chest .chest-icon{font-size:22px}#desktop-items{position:fixed;inset:0;pointer-events:none;z-index:15}.desktop-item-wrap{position:fixed;pointer-events:none;border:2px solid transparent;border-radius:4px;transition:border-color .15s ease,box-shadow .15s ease}.desktop-item-wrap.selected{border-color:#ffd70099;box-shadow:0 0 12px #ffd70066}.desktop-item{position:static;display:block;object-fit:contain;width:calc(56px * var(--item-scale, 1));height:calc(56px * var(--item-scale, 1));pointer-events:auto;cursor:none;touch-action:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));transition:filter .15s ease,transform .15s ease,width .15s ease,height .15s ease;user-select:none;-webkit-user-drag:none}.desktop-item.pixel-art{image-rendering:pixelated}.desktop-item:hover{filter:drop-shadow(0 4px 10px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(255,215,0,.5));transform:scale(1.06)}.desktop-item.dragging{transition:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(255,215,0,.7));transform:scale(1.1)}.desktop-item.stashing{transition:transform .18s ease,opacity .18s ease;transform:scale(.2);opacity:0}.desktop-item-remove{all:unset;position:absolute;top:-7px;right:-7px;width:18px;height:18px;line-height:16px;text-align:center;border-radius:50%;background:#0f0f0fd9;border:1px solid rgba(255,235,59,.55);color:#ffeb3b;font-size:13px;cursor:none;pointer-events:auto;opacity:0;transition:opacity .15s ease,background .15s ease;z-index:22}.desktop-item-wrap:hover .desktop-item-remove,.desktop-item-remove:focus-visible{opacity:1}.desktop-item-remove:hover{background:#ffeb3b40}@media (hover:none){.desktop-item-remove{opacity:.6}}@media (prefers-reduced-motion: reduce){.desktop-item,.chest-lid{transition:none}}@media (max-width:768px){main{padding:80px 16px 16px}#strubles-badge{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));font-size:11px;padding:6px 8px}#strubles-badge img{width:22px;height:22px}#storage-chest{padding:8px 10px;font-size:8px}.desktop-item{width:calc(44px * var(--item-scale, 1));height:calc(44px * var(--item-scale, 1))}header{flex-direction:column;gap:8px;align-items:stretch}}