:root{color-scheme:dark;--tg-app-bg: #070807;--tg-app-text: #f7efe2;--tg-safe-area-inset-top: env(safe-area-inset-top, 0px);--tg-safe-area-inset-right: env(safe-area-inset-right, 0px);--tg-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--tg-safe-area-inset-left: env(safe-area-inset-left, 0px);--tg-viewport-height: 100vh;--tg-stable-viewport-height: 100vh;background:var(--tg-app-bg);color:var(--tg-app-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{background:#070807;overscroll-behavior:none;touch-action:none}button{font:inherit}.app-shell,.phaser-host{position:fixed;inset:0;width:100vw;height:var(--tg-viewport-height);min-height:100vh;overflow:hidden;background:#070807}.phaser-host canvas{display:block}.safe-area-probe{position:fixed;inset:0;visibility:hidden;pointer-events:none;padding:var(--tg-safe-area-inset-top) var(--tg-safe-area-inset-right) var(--tg-safe-area-inset-bottom) var(--tg-safe-area-inset-left)}.shelf-overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;background:#04090a99}.shelf-sheet{width:100%;max-height:62vh;overflow-y:auto;background:#0d1110;border-radius:22px 22px 0 0;border-top:1px solid rgba(246,200,90,.4);padding:18px max(18px,var(--tg-safe-area-inset-right)) max(20px,var(--tg-safe-area-inset-bottom)) max(18px,var(--tg-safe-area-inset-left))}.shelf-sheet header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.shelf-sheet header strong{font-size:17px;font-weight:800}.shelf-sheet header span{color:#c2c9c0;font-size:12px;flex:1}.shelf-sheet header button{background:#f6c85a24;color:#f6c85a;border:1px solid rgba(246,200,90,.5);border-radius:10px;width:34px;height:34px;font-weight:800;cursor:pointer}.shelf-list{display:grid;gap:10px}.shelf-list article{background:#22b8ff12;border:1px solid rgba(99,236,255,.22);border-radius:14px;padding:12px 14px;display:grid;gap:3px}.shelf-list article strong{font-size:14px;font-weight:800;color:#ffe6a8}.shelf-list article small{color:#c2c9c0;font-size:12px}.shelf-list article span{color:#63ecff;font-size:11px;font-weight:700}.shelf-list p{color:#c2c9c0;font-size:13px;margin:6px 2px}.shelf-meter{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#f6c85a14;border:1px solid rgba(246,200,90,.3);font-size:13px;font-weight:700}.shelf-meter strong{color:#ffe6a8}.cosmetic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.cosmetic-grid article{border-radius:14px;border:1px solid rgba(99,236,255,.22);background:#22b8ff0f;padding:12px;display:grid;gap:6px}.cosmetic-grid article.equipped{border-color:#f6c85ab3;background:#f6c85a1a}.cosmetic-grid .swatch{width:22px;height:22px;border-radius:7px;border:1px solid rgba(255,255,255,.3)}.cosmetic-grid strong{font-size:13px;font-weight:800}.cosmetic-grid button{min-height:34px;border-radius:9px;border:1px solid rgba(246,200,90,.5);background:#f6c85a29;color:#ffe6a8;font-size:12px;font-weight:800;cursor:pointer}.cosmetic-grid button:disabled{opacity:.45;cursor:default}.story-modal-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:max(14px,var(--tg-safe-area-inset-top)) max(14px,var(--tg-safe-area-inset-right)) max(14px,var(--tg-safe-area-inset-bottom)) max(14px,var(--tg-safe-area-inset-left));background:#070807b8}.story-modal{width:min(430px,100%);max-height:100%;display:grid;gap:10px;overflow:auto;border:1px solid rgba(247,239,226,.18);border-radius:10px;background:#0d1110;padding:12px}.story-card-preview{width:100%;max-height:min(72vh,620px);object-fit:contain;border-radius:8px;background:#070807}.story-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.story-actions button{min-height:42px;border:1px solid rgba(247,239,226,.2);border-radius:8px;background:#14201f;color:#f7efe2;font-weight:900}.story-actions .primary{background:#f6c85a;color:#171208}.story-actions .close-primary{grid-column:1 / -1;min-height:50px}