body{--accent:#ccb3dc}.mosaic-layout{display:grid;gap:22px}.mosaic-grid{width:min(100%,430px);margin-inline:auto;display:grid;gap:0}.mosaic-cell{position:relative;aspect-ratio:1;display:grid;min-width:0;background:color-mix(in srgb,var(--tone) 14%,var(--panel,#222629));border:1px solid #555b61}.mosaic-cell.selected{outline:3px solid var(--accent);outline-offset:-4px;z-index:1}.mosaic-cell input{width:100%;height:100%;min-width:0;padding:5px;text-align:center;border:0;border-radius:0;background:transparent;color:var(--ink,#f2f3f4);font:500 clamp(22px,5vw,32px)/1 Georgia,serif;text-transform:uppercase}.mosaic-cell input:focus{outline:none}.mosaic-cell:focus-within{outline:3px solid var(--accent);outline-offset:-4px;z-index:2}.mosaic-cell input:read-only{color:var(--accent)}.region-label{position:absolute;top:2px;left:5px;font:11px/1.2 system-ui;pointer-events:none;color:var(--muted,#b1b5bb)}.line-state{align-self:center;text-align:center;color:var(--muted,#b1b5bb);font-size:12px}.line-state.good{color:#b6d6b8}.line-state.bad{color:#f0abab}.region-bank{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:9px}.region-group{padding:10px;border:1px solid var(--line,#42474e);background:var(--panel,#222629);border-radius:5px}.region-group.active{border-color:var(--accent)}.region-group h3{font:500 12px/1.4 system-ui;margin:0 0 8px}.region-letters{display:flex;flex-wrap:wrap;gap:4px}.region-letters button{min-width:34px;min-height:38px;padding:3px 8px}.region-letters .used{opacity:.5;text-decoration:line-through}.region-letters .excess{color:#f0abab}.mosaic-tools{display:flex;gap:9px;flex-wrap:wrap}.dictionary{margin-top:8px}.dictionary summary{cursor:pointer;padding:12px 0}.dictionary-list{max-height:240px;overflow:auto;padding:10px;border:1px solid var(--line,#42474e);display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px;font-size:13px}.dictionary-list span{display:block}.dictionary-note{font-size:13px;color:var(--muted,#b1b5bb)}@media(pointer:coarse){.region-letters button{min-height:44px;min-width:40px}}@media(max-width:380px){.region-bank{grid-template-columns:repeat(2,minmax(0,1fr))}.region-label{font-size:11px}}