:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111;line-height:1.4}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}body{background:#f4f6fb;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit}.screen{height:100%;width:100%;display:flex;flex-direction:column}.btn{padding:.9rem 1.5rem;border-radius:14px;border:none;background:#fff;box-shadow:0 6px 18px #141e3c1a;font-weight:600;font-size:1.05rem;transition:transform .1s ease,box-shadow .1s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn.primary{background:#1e88e5;color:#fff}.btn.primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.ghost{background:transparent;box-shadow:none;color:#445066}.home{align-items:center;justify-content:center;gap:2rem;padding:2rem;text-align:center}.home-header h1{font-size:clamp(2rem,6vw,3.5rem);margin:0 0 .5rem}.home-header p{color:#556;font-size:1.15rem;margin:0}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;width:min(920px,100%)}.game-tile{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:1.75rem 1rem;border:none;border-radius:22px;background:#fff;box-shadow:0 10px 30px #141e3c1f;transition:transform .12s ease,box-shadow .12s ease}.game-tile:hover{transform:translateY(-4px);box-shadow:0 18px 40px #141e3c2e}.game-tile:active{transform:translateY(0) scale(.98)}.tile-art{width:84px;height:84px;border-radius:18px;display:grid;place-items:center}.tile-colors{background:conic-gradient(#e53935,#fb8c00,#fdd835,#43a047,#1e88e5,#8e24aa,#e53935)}.tile-shapes{background:#eef1f8}.tile-shapes svg{width:54px;height:54px}.tile-shapes svg path{fill:#1e88e5}.tile-words{background:#eef1f8}.tile-aa{font-size:2rem;font-weight:800;color:#1e88e5}.tile-title{font-size:1.4rem;font-weight:700}.tile-blurb{color:#667;font-size:.95rem}.setup{padding:1.5rem;gap:1.25rem;align-items:center;overflow:hidden}.setup-top{width:min(1000px,100%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.setup-top h1{font-size:clamp(1.4rem,3.5vw,2.2rem);margin:0;text-align:center}.setup-top .ghost{justify-self:start}.setup-spacer{justify-self:end}.setup-body{width:min(1000px,100%);flex:1;display:flex;flex-direction:column;gap:1.25rem;overflow:hidden}.config-block{display:flex;flex-direction:column;gap:.65rem}.config-block.grow{flex:1;overflow:hidden}.config-label{font-weight:600;color:#3a4055}.config-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.config-row.spread{justify-content:space-between}.stepper{display:inline-flex;align-items:center;gap:.5rem}.stepper button{width:52px;height:52px;border-radius:14px;border:none;background:#fff;box-shadow:0 6px 18px #141e3c1a;font-size:1.6rem;line-height:1}.stepper .count{min-width:72px;text-align:center;font-size:1.6rem;font-weight:700}.presets{display:flex;gap:.5rem}.preset{padding:.5rem .95rem;border-radius:999px;border:1px solid #d6dbe8;background:#fff;font-size:.95rem}.preset.active{background:#111;color:#fff;border-color:#111}.items-scroll{flex:1;overflow-y:auto;padding:.25rem}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.item-chip{position:relative;border:3px solid transparent;border-radius:18px;background:#fff;padding:.85rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 6px 18px #141e3c14;transition:border-color .12s ease,transform .12s ease}.item-chip:hover{transform:translateY(-2px)}.item-chip.selected{border-color:#1e88e5}.item-chip .swatch{width:56px;height:56px;border-radius:14px;box-shadow:inset 0 0 0 1px #0000001f}.item-chip svg{width:56px;height:56px}.item-chip .chip-label{font-size:.95rem;font-weight:600}.item-chip .chip-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:#1e88e5;color:#fff;display:none;place-items:center;font-size:.8rem}.item-chip.selected .chip-check{display:grid}.item-grid.words{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.setup-actions{width:min(1000px,100%);display:flex;align-items:center;justify-content:space-between;gap:1rem}.setup-note{color:#667;font-size:.95rem}.stage{position:relative;height:100%;width:100%;overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.card{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.card-shape,.card-word{background:#fff}.card-shape svg{width:min(68vmin,72vh);height:min(68vmin,72vh)}.shape-solid{fill:#111;stroke:none}.shape-open{fill:none;stroke:#111;stroke-width:5;stroke-linejoin:round}.card-word span{font-size:min(20vmin,26vw);font-weight:800;letter-spacing:.03em;text-transform:uppercase;text-align:center;padding:0 4vw;word-break:break-word}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .6s ease}.hud.hidden{opacity:0}.hud-progress{position:absolute;top:1rem;right:1.25rem;font-weight:700;font-size:1.05rem;opacity:.85}.hud-hint{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);font-size:.95rem;opacity:.7;width:max-content;max-width:90vw;text-align:center}.exit-btn{position:absolute;top:.9rem;left:.9rem;z-index:5;width:44px;height:44px;border-radius:12px;border:none;background:#00000047;color:#fff;font-size:1.1rem;line-height:1}.done{align-items:center;justify-content:center;gap:.75rem;text-align:center;padding:2rem}.done h1{font-size:clamp(2rem,6vw,3.25rem);margin:0}.done p{color:#556;font-size:1.15rem;margin:0}.done-actions{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center;margin-top:1.25rem}