.triangle-blocks-shell{width:min(100%,78rem);margin:0 auto;padding:.5rem}.triangle-blocks-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);gap:clamp(1rem,3vw,2rem);align-items:start}.triangle-blocks-board-panel,.triangle-blocks-tray{border:1px solid color-mix(in srgb,var(--text-strong,#172033) 12%,transparent);border-radius:1.4rem;background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);box-shadow:0 18px 48px rgba(15,23,42,.08)}.triangle-blocks-board-panel{padding:clamp(.8rem,2.5vw,1.5rem);display:grid;place-items:center;min-height:28rem;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--game-accent,#f59e0b) 9%,transparent),transparent 55%),color-mix(in srgb,var(--surface,#fff) 96%,transparent)}.triangle-blocks-board{width:min(100%,42rem);height:auto;filter:drop-shadow(0 12px 22px rgba(15,23,42,.09));overflow:visible}.triangle-blocks-cell{fill:color-mix(in srgb,var(--surface,#fff) 80%,#cbd5e1);stroke:color-mix(in srgb,var(--text-strong,#172033) 32%,transparent);stroke-width:1.25;cursor:pointer;transition:fill .14s ease,stroke .14s ease,filter .14s ease,opacity .14s ease}.triangle-blocks-cell:hover,.triangle-blocks-cell:focus{stroke:var(--game-accent,#f59e0b);stroke-width:2;outline:none;filter:brightness(1.03)}.triangle-blocks-cell.is-filled{fill:var(--piece-color);stroke:color-mix(in srgb,var(--piece-color) 62%,#111827);stroke-width:1.45}.triangle-blocks-cell.is-anchor:not(.is-filled){fill:color-mix(in srgb,var(--game-accent,#f59e0b) 28%,var(--surface,#fff));stroke:var(--game-accent,#f59e0b);stroke-width:2.2;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--game-accent,#f59e0b) 48%,transparent));animation:triangle-blocks-pulse 1.25s ease-in-out infinite}.triangle-blocks-tray{padding:1rem}.triangle-blocks-tray-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.triangle-blocks-tray-head strong{font-size:1.05rem}.triangle-blocks-tray-head span{font-size:.82rem;color:var(--text-muted,#64748b)}.triangle-blocks-pieces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-height:34rem;overflow:auto;padding:.1rem}.triangle-blocks-piece{display:grid;grid-template-rows:minmax(4.6rem,1fr) auto;place-items:center;gap:.35rem;min-height:6.8rem;padding:.55rem;border:1px solid color-mix(in srgb,var(--text-strong,#172033) 13%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);color:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease}.triangle-blocks-piece:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--game-accent,#f59e0b) 55%,transparent);box-shadow:0 8px 20px rgba(15,23,42,.08)}.triangle-blocks-piece.is-selected{border-color:var(--game-accent,#f59e0b);box-shadow:0 0 0 3px color-mix(in srgb,var(--game-accent,#f59e0b) 18%,transparent),0 10px 24px rgba(15,23,42,.1);transform:translateY(-2px)}.triangle-blocks-piece.is-placed{opacity:.4}.triangle-blocks-piece.is-placed:hover{opacity:.72}.triangle-blocks-piece>span{font-size:.76rem;font-weight:700;color:var(--text-muted,#64748b)}.triangle-blocks-piece-svg{width:100%;height:5rem;overflow:visible}.triangle-blocks-piece-cell{fill:var(--piece-color);stroke:color-mix(in srgb,var(--piece-color) 58%,#111827);stroke-width:1.25;vector-effect:non-scaling-stroke}.triangle-blocks-piece.is-selected .triangle-blocks-piece-cell{filter:drop-shadow(0 3px 4px rgba(15,23,42,.2))}@keyframes triangle-blocks-pulse{0%,100%{opacity:.78}50%{opacity:1}}@media(max-width:880px){.triangle-blocks-layout{grid-template-columns:1fr}.triangle-blocks-board-panel{min-height:23rem}.triangle-blocks-tray{padding:.85rem}.triangle-blocks-pieces{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}}@media(max-width:580px){.triangle-blocks-shell{padding:.15rem}.triangle-blocks-board-panel{padding:.55rem;border-radius:1rem;min-height:18rem}.triangle-blocks-tray{border-radius:1rem}.triangle-blocks-pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.triangle-blocks-piece{min-height:6rem;padding:.4rem}.triangle-blocks-piece-svg{height:4.3rem}}@media(prefers-reduced-motion:reduce){.triangle-blocks-cell,.triangle-blocks-piece{transition:none}.triangle-blocks-cell.is-anchor{animation:none}}