:root{--bg: #14100e;--panel: #1b1512;--panel-2: #2a221d;--line: #3a2f28;--text: #f3e9df;--muted: #a08f81;--accent: #ffb877;--danger: #ff6b6b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-rounded,SF Pro Rounded,-apple-system,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}.app{display:flex;flex-direction:column;height:100dvh;padding-top:env(safe-area-inset-top)}.topbar{display:flex;align-items:center;gap:12px;padding:10px 14px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#221a15,#1a1411)}.brand{display:flex;align-items:center;gap:9px;font-weight:650;font-size:15px;letter-spacing:.2px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #ffb877e6}.count{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:600;text-align:center}.actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon{width:38px;height:38px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;font-size:16px;line-height:1;transition:transform .08s ease,opacity .15s ease}.icon:active{transform:scale(.93)}.icon:disabled{opacity:.32;cursor:default}.icon.danger{color:var(--danger)}.primary{height:38px;padding:0 16px;border-radius:12px;background:var(--accent);color:#241a12;font-weight:700;font-size:14px;transition:transform .08s ease}.primary:active{transform:scale(.96)}.board{position:relative;flex:1;min-height:0;display:flex}.stage{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#241c17,#14100e 70%)}.stage canvas{display:block!important;width:100%!important;height:100%!important;touch-action:none}.selbar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:4px;padding:6px;border-radius:16px;background:#1a1411e0;border:1px solid var(--line);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000073;max-width:calc(100% - 20px);overflow-x:auto;scrollbar-width:none}.selbar::-webkit-scrollbar{display:none}.selbar .icon{width:34px;height:34px;border-radius:10px;border-color:transparent;background:transparent;font-size:15px}.selbar .icon:hover{background:var(--panel-2)}.inv{flex:0 0 auto;background:var(--panel);border-top:1px solid var(--line);border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -12px 30px #0006}.inv-handle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px 8px;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.3px}.inv-handle .grab{width:34px;height:4px;border-radius:999px;background:#4a3c33;margin-right:2px}.inv-title{color:var(--text)}.inv-count{padding:1px 7px;border-radius:999px;background:var(--panel-2);font-size:11px}.chev{margin-left:auto;font-size:12px}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px;padding:0 12px;max-height:0;overflow-y:auto;transition:max-height .22s ease,padding .22s ease;-webkit-overflow-scrolling:touch}.inv.is-open .inv-grid{max-height:min(34vh,300px);padding:4px 12px 16px}.sticker-btn{aspect-ratio:1;border-radius:14px;background:var(--panel-2);border:1px solid #332a24;display:grid;place-items:center;transition:transform .07s ease,background .15s ease}.sticker-btn:active{transform:scale(.9);background:#3a2f28}.sticker-btn .emoji{font-size:26px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}@media(min-width:900px){.inv-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.sticker-btn .emoji{font-size:30px}}