.game[data-v-b5cdb6ff]{--bg: #0f0e12;--bg-panel: #18161c;--surface: #221f28;--surface-hover: #2a2732;--wood: #8b7355;--wood-light: #a68b6b;--wood-dark: #5c4a38;--accent: #e8c547;--accent-muted: #b8982e;--text: #f0ebe0;--text-muted: #9a8f7e;--glow: rgba(232, 197, 71, .35);--radius: 12px;--radius-sm: 8px;--cell: clamp(36px, 14vw, 120px);--gap: clamp(6px, 1.8vw, 20px);--tray-item: clamp(36px, 10vw, 56px);--game-padding: clamp(10px, 3vw, 40px);--game-gap: clamp(16px, 4vw, 40px);display:flex;flex-direction:column;align-items:center;gap:var(--game-gap);padding:var(--game-padding);padding-left:max(var(--game-padding),env(safe-area-inset-left));padding-right:max(var(--game-padding),env(safe-area-inset-right));padding-bottom:max(var(--game-padding),env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh;box-sizing:border-box;overflow-x:hidden;background:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(139,115,85,.12),transparent),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(232,197,71,.06),transparent);font-family:Outfit,system-ui,sans-serif}.header[data-v-b5cdb6ff]{text-align:center;margin:0}.title[data-v-b5cdb6ff]{color:var(--text);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:.02em;margin:0 0 6px;text-shadow:0 2px 20px rgba(0,0,0,.4)}.subtitle[data-v-b5cdb6ff]{color:var(--text-muted);font-size:clamp(.75rem,2.2vw,.9rem);font-weight:400;margin:0;max-width:min(320px,90vw);line-height:1.4}.shelves[data-v-b5cdb6ff]{display:flex;flex-direction:column;gap:var(--gap)}.shelf-row[data-v-b5cdb6ff]{display:flex;gap:var(--gap);justify-content:center;flex-wrap:nowrap}.shelf-column[data-v-b5cdb6ff]{display:grid;grid-template-columns:repeat(3,var(--cell));grid-template-rows:var(--cell) auto;align-items:stretch;position:relative}.shelf-cell[data-v-b5cdb6ff]{width:var(--cell);height:var(--cell);min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:var(--surface);border:2px solid transparent;border-radius:var(--radius-sm) var(--radius-sm) 0 0;box-shadow:inset 0 1px #ffffff0a,0 4px 12px #0000004d}.shelf-cell[data-v-b5cdb6ff]:hover{background:var(--surface-hover);transform:translateY(-3px);box-shadow:inset 0 1px #ffffff0f,0 8px 20px #00000059}.shelf-cell--empty[data-v-b5cdb6ff]{border-style:dashed;border-color:#9a8f7e59}.shelf-cell--empty[data-v-b5cdb6ff]:hover{border-color:var(--accent-muted);background:#b8982e14}.shelf-cell-placeholder[data-v-b5cdb6ff]{color:var(--text-muted);font-size:calc(var(--cell) * .4);font-weight:600;opacity:.5;pointer-events:none}.shelf-cell--selected[data-v-b5cdb6ff]{border-style:solid;border-color:var(--accent);background:#e8c5471f;box-shadow:0 0 0 1px var(--accent),0 0 24px var(--glow),0 6px 20px #0000004d;transform:translateY(-2px)}.shelf-cell--selected[data-v-b5cdb6ff]:hover{background:#e8c5472e;box-shadow:0 0 0 1px var(--accent),0 0 28px var(--glow),0 8px 24px #00000059}.emoji[data-v-b5cdb6ff]{font-size:calc(var(--cell) * .52);line-height:1;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));transition:transform .2s ease}.shelf-cell:hover .emoji[data-v-b5cdb6ff]{transform:scale(1.08)}.shelf-plank[data-v-b5cdb6ff]{grid-column:1 / -1;height:calc(var(--cell) * .14);min-height:6px;background:linear-gradient(180deg,var(--wood-light) 0%,var(--wood) 25%,var(--wood-dark) 100%);border-radius:0 0 4px 4px;box-shadow:0 4px 12px #00000073,inset 0 1px #ffffff40,inset 0 -1px #0003}.tray-area[data-v-b5cdb6ff]{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vw,14px)}.tray-label[data-v-b5cdb6ff]{color:var(--text-muted);font-size:clamp(.7rem,2vw,.8rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0}.tray[data-v-b5cdb6ff]{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.5vw,12px);padding:clamp(10px,2.5vw,18px) clamp(12px,3vw,22px);background:var(--bg-panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff08}.tray-item[data-v-b5cdb6ff]{width:var(--tray-item);height:var(--tray-item);font-size:calc(var(--tray-item) * .48);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #00000040}.tray-item[data-v-b5cdb6ff]:hover{transform:translateY(-4px) scale(1.06);background:var(--surface-hover);box-shadow:0 6px 16px #0000004d}.tray-item--selected[data-v-b5cdb6ff]{border-color:var(--accent);background:#e8c54724;box-shadow:0 0 0 1px var(--accent),0 0 20px var(--glow),0 6px 16px #0000004d;transform:translateY(-5px) scale(1.1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Outfit,system-ui,sans-serif;-webkit-font-smoothing:antialiased}