:root{--page-bg:rgb(247, 247, 247);--panel:#ffffff;--tile:#fbfbfb;--tile-disabled:#f0f0f0;--border:#d8d8d8;--text:#2d2d2d;--muted:#a0a0a0;--active:#6b5bd2;--active-dark:#5546b3;--active-glow:rgba(107, 91, 210, 0.35);--error-bg:#fdecec;--error-text:#b03030;--info-bg:#eef1ff;--info-text:#3f4cb3}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}.game-wrapper{max-width:520px;margin:48px auto;padding:24px 20px 32px;background:var(--panel);border-radius:16px;box-shadow:0 14px 30px rgba(0,0,0,.06)}.grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:12px;margin-bottom:30px}.cell{height:62px;border-radius:18px;border:2px solid var(--border);background:var(--tile);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;letter-spacing:1px;user-select:none;transition:transform .3s ease,opacity .3s ease}.cell.disabled{background:var(--tile-disabled);color:var(--muted);filter:saturate(.4) blur(.4px)}.cell.fall{transform:translateY(74px)}.cell.non-animate{transition:none}.hidden{visibility:hidden}.letter-input{display:none}.letter-label{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.letter-label:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.08)}.letter-input:checked+.letter-label{background:var(--active);color:#fff;border-color:var(--active-dark);box-shadow:0 0 0 3px var(--active-glow),inset 0-4px 0 var(--active-dark)}#current-word{gap:12px;margin-bottom:18px}#current-word,.controls,.word-slot{display:flex;justify-content:center}.word-slot{width:50px;height:50px;border-radius:14px;border:2px dashed #cfcfcf;background:#fff;align-items:center;font-size:22px;font-weight:700}.controls{gap:14px;margin-bottom:16px}a.nav,button{border-radius:22px;font-weight:700;cursor:pointer}button{min-width:110px;padding:11px 16px;border:0;font-size:14px;transition:background .15s ease,box-shadow .15s ease,transform .12s ease}button#backspace{background:#e4e4e4}button#submit{background:var(--active);color:#fff}#error,#info{border-radius:12px;padding:10px 14px;margin-bottom:10px;text-align:center;font-weight:600}#info{background:var(--info-bg);color:var(--info-text)}#error{background:var(--error-bg);color:var(--error-text);display:none}#share-result{margin:18px auto 12px;padding:12px 14px;border-radius:12px;background:#fafafa;border:1px solid #e2e2e2;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;line-height:1.4;color:#555;max-width:280px;text-align:center;display:block;resize:none}#share-actions{display:flex;justify-content:center;margin-bottom:22px}button#share{background:#f3f4ff;color:#3f4cb3;border:2px solid #d8dcff}#history h3{margin-bottom:8px;font-size:15px;color:#555}#history ul{list-style:none;padding:0;margin:0}#history li{padding:7px 0;border-bottom:1px solid #e0e0e0;font-weight:600;letter-spacing:1px}button#backspace:hover{background:#dcdcdc;box-shadow:0 4px 10px rgba(0,0,0,.08);transform:translateY(-1px)}button#submit:hover{background:var(--active-dark);box-shadow:0 0 0 3px var(--active-glow),0 6px 14px rgba(0,0,0,.15);transform:translateY(-1px)}button#share:hover{background:#e9ebff;box-shadow:0 4px 12px rgba(63,76,179,.18);transform:translateY(-1px)}.nav-wrapper{max-width:520px;margin:28px auto 0;padding:0 10px;display:flex;justify-content:space-between}a.nav{display:inline-block;background:#fff;border:2px solid #e0e0e0;padding:10px 16px;font-size:13px;color:#444;text-decoration:none;transition:background .15s ease,box-shadow .15s ease,transform .12s ease,border-color .15s ease}a.nav:hover{background:#f4f6ff;border-color:#d8dcff;box-shadow:0 6px 14px rgba(0,0,0,.08);transform:translateY(-1px)}a.nav:active{transform:translateY(1px)}a.nav.prev{text-align:left}a.nav.next{text-align:right}