.silbi-shell{--silbi-cell-size: 36px;--silbi-cell-bg: var(--sk-bg-card);--silbi-cell-border: var(--sk-line);--silbi-cell-fg: var(--sk-ink);--silbi-syllable-start: var(--sk-ink);--silbi-word-start: #16a34a;--silbi-word-end: #dc2626;--silbi-hint-bg: rgba(59, 130, 246, .1);--silbi-hint-border: rgba(59, 130, 246, .55);--silbi-hint-fg: #1e40af;--silbi-syllable-bg: var(--sk-bg);--silbi-syllable-border: var(--sk-line);--silbi-syllable-active-border: var(--sk-accent);--silbi-syllable-active-shadow: rgba(90, 122, 20, .22);--silbi-found-bg: rgba(34, 197, 94, .12);--silbi-found-border: rgba(34, 197, 94, .55);--silbi-found-fg: #15803d;--silbi-strike: #ef4444}@media (prefers-color-scheme: dark){body.sk-home:not(.sk-home-light) .silbi-shell{--silbi-cell-bg: rgba(255, 255, 255, .04);--silbi-cell-border: rgba(255, 255, 255, .16);--silbi-cell-fg: var(--sk-ink);--silbi-syllable-start: rgba(255, 255, 255, .85);--silbi-hint-bg: rgba(96, 165, 250, .16);--silbi-hint-border: rgba(96, 165, 250, .45);--silbi-hint-fg: #93c5fd;--silbi-syllable-bg: rgba(255, 255, 255, .06);--silbi-syllable-border: rgba(255, 255, 255, .16);--silbi-found-bg: rgba(34, 197, 94, .16);--silbi-found-border: rgba(34, 197, 94, .45);--silbi-found-fg: #86efac}}.silbi-game-area{display:grid;grid-template-columns:1fr;gap:18px}@media (min-width: 1024px){.silbi-game-area{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.silbi-grid-wrap{background:var(--sk-bg-card);border:1px solid var(--sk-line);border-radius:16px;padding:18px;display:flex;justify-content:center;overflow-x:auto}.silbi-sidebar{background:var(--sk-bg-card);border:1px solid var(--sk-line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px}.silbi-sidebar h3{margin:0;font-family:"Instrument Serif",serif;font-weight:400;font-size:20px;color:var(--sk-ink)}.silbi-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.silbi-metric{text-align:center;background:var(--sk-bg-card);border:1px solid var(--sk-line);border-radius:12px;padding:10px 8px}.silbi-metric-value{font-family:"Instrument Serif",serif;font-weight:400;font-size:28px;line-height:1;color:var(--sk-ink);letter-spacing:-.02em}.silbi-metric-label{font-size:12px;color:var(--sk-ink-soft);margin-top:4px;font-weight:500}#crossword-grid{display:grid;gap:2px;background:transparent}.crossword-cell{width:var(--silbi-cell-size);height:var(--silbi-cell-size);border:1px solid var(--silbi-cell-border);background:transparent;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;cursor:pointer;color:var(--silbi-cell-fg);transition:background .15s,border-color .15s;position:relative}.crossword-cell.filled{background:var(--silbi-cell-bg)}.crossword-cell.empty{background:transparent;border:none;cursor:default}.crossword-cell.word-highlight{font-weight:800}.crossword-cell.syllable-start{border-left-width:3px;border-left-color:var(--silbi-syllable-start)}.crossword-cell.syllable-end{border-right-width:3px;border-right-color:var(--silbi-syllable-start)}.crossword-cell.word-start{border-left-width:3px;border-left-color:var(--silbi-word-start)}.crossword-cell.word-end{border-right-width:3px;border-right-color:var(--silbi-word-end)}.crossword-cell.word-start.vertical{border-left-width:1px;border-left-color:var(--silbi-cell-border);border-top-width:3px;border-top-color:var(--silbi-word-start)}.crossword-cell.word-end.vertical{border-right-width:1px;border-right-color:var(--silbi-cell-border);border-bottom-width:3px;border-bottom-color:var(--silbi-word-end)}.crossword-cell.syllable-start.vertical{border-left-width:1px;border-left-color:var(--silbi-cell-border);border-top-width:3px;border-top-color:var(--silbi-syllable-start)}.crossword-cell.syllable-end.vertical{border-right-width:1px;border-right-color:var(--silbi-cell-border);border-bottom-width:3px;border-bottom-color:var(--silbi-syllable-start)}.crossword-cell.syllable-hint{background:transparent;border:none;color:var(--silbi-hint-fg);font-size:10px;font-weight:700;padding:2px}.hint-number{background:var(--silbi-hint-bg);border:1px solid var(--silbi-hint-border);padding:3px 6px;border-radius:999px;font-size:9px;letter-spacing:.5px;font-weight:800;color:var(--silbi-hint-fg)}.silbi-syllables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.syllable-button{padding:8px 10px;background:var(--silbi-syllable-bg);border:2px solid var(--silbi-syllable-border);border-radius:10px;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;font-weight:600;text-align:center;color:var(--sk-ink);font-size:14px}.syllable-button:hover:not(.used):not(.selected){border-color:var(--sk-ink-muted);transform:translateY(-1px)}.syllable-button.selected{border-color:var(--silbi-syllable-active-border);box-shadow:0 4px 12px var(--silbi-syllable-active-shadow);transform:translateY(-1px)}.syllable-button.used{opacity:.45;cursor:not-allowed}.syllable-button.strikethrough{position:relative;text-decoration:line-through;text-decoration-color:var(--silbi-strike);text-decoration-thickness:2px}#word-builder{position:relative;min-height:44px;border:2px dashed var(--sk-line);border-radius:12px;padding:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--sk-bg)}.word-syllable{padding:6px 12px;border:1px solid var(--silbi-syllable-active-border);border-radius:8px;background:var(--sk-bg-card);color:var(--sk-ink);font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.word-syllable:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.word-builder-placeholder{color:var(--sk-ink-muted);font-style:italic;font-size:14px;flex:1;text-align:center}.clear-word-button{width:26px;height:26px;border-radius:999px;background:var(--sk-rose, #dc2626);color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s,background .15s;margin-left:auto;flex-shrink:0}.clear-word-button:hover{transform:scale(1.08)}.clear-word-button:active{transform:scale(.92)}.silbi-found-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.silbi-found-list .found-word,.found-word{padding:4px 10px;background:var(--silbi-found-bg);border:1px solid var(--silbi-found-border);border-radius:999px;color:var(--silbi-found-fg);font-weight:600;font-size:13px;line-height:1.2}.silbi-submit{width:100%;margin-top:6px}.pulse{animation:silbi-pulse 2s infinite}@keyframes silbi-pulse{0%,to{opacity:1}50%{opacity:.5}}
