:root{--bg:#f5f4f0;--surface:#fff;--board-bg:#ebe9e3;--rack-bg:#e7e4dc;--border:#ddd9d0;--ink:#2a2a26;--ink-soft:#7a776c;--accent:#6e9080;--accent-soft:#6e908024;--invalid:#c77b67;--invalid-soft:#c77b6724;--incomplete:#b6b2a6}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='rgba(110,144,128,0.10)' stroke-width='3'%3E%3Crect x='30' y='50' width='100' height='100' rx='14' transform='rotate(-10 80 100)'/%3E%3Crect x='420' y='30' width='80' height='80' rx='12' transform='rotate(14 460 70)'/%3E%3Crect x='470' y='430' width='110' height='110' rx='16' transform='rotate(-6 525 485)'/%3E%3Crect x='40' y='440' width='75' height='75' rx='11' transform='rotate(18 77 477)'/%3E%3Crect x='250' y='10' width='55' height='55' rx='9' transform='rotate(8 277 37)'/%3E%3Crect x='10' y='250' width='60' height='60' rx='10' transform='rotate(-14 40 280)'/%3E%3C/g%3E%3Cg fill='rgba(110,144,128,0.11)' font-family='sans-serif' font-weight='800' text-anchor='middle' dominant-baseline='central'%3E%3Ctext x='80' y='100' font-size='46' transform='rotate(-10 80 100)'%3ET%3C/text%3E%3Ctext x='460' y='70' font-size='38' transform='rotate(14 460 70)'%3ER%3C/text%3E%3Ctext x='525' y='485' font-size='50' transform='rotate(-6 525 485)'%3EI%3C/text%3E%3Ctext x='77' y='477' font-size='35' transform='rotate(18 77 477)'%3EC%3C/text%3E%3Ctext x='277' y='37' font-size='26' transform='rotate(8 277 37)'%3EK%3C/text%3E%3Ctext x='40' y='280' font-size='28' transform='rotate(-14 40 280)'%3ES%3C/text%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 15% 10%,#6e908024,#0000 45%),radial-gradient(circle at 85% 90%,#c9971f1f,#0000 50%);background-position:0 0,0 0,100% 100%;background-repeat:repeat,no-repeat,no-repeat;background-size:600px 600px,auto,auto;background-attachment:fixed,fixed,fixed;min-height:100vh;margin:0;font-family:Manrope,sans-serif}#root{flex-direction:column;align-items:center;min-height:100vh;padding:32px 16px 48px;display:flex}@media (width<=480px){#root{padding:20px 8px 32px}}.stamp{letter-spacing:.02em;font-weight:800;transition:transform .2s,color .2s;display:inline-block}.stamp:hover{color:var(--accent);transform:scale(1.045)}header{text-align:center;justify-content:center;align-items:center;width:100%;max-width:660px;margin-bottom:8px;display:flex}h1{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:24px}.subtitle{letter-spacing:2.5px;color:var(--ink-soft);text-transform:uppercase;margin-top:3px;font-size:11px}.hud{gap:12px;width:100%;max-width:660px;margin:16px 0 20px;display:flex}.hud-item{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;flex:1;padding:10px 16px}.hud-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.hud-value{color:var(--ink);margin-top:2px;font-size:20px;font-weight:700}.hud-pause-btn{background:var(--surface);border:1px solid var(--border);width:44px;color:var(--ink);border-radius:10px;flex:none;padding:0;font-size:16px}.zoom-wrap{width:100%;max-width:660px;overflow:auto}.zoom-scale{transform-origin:50% 0;flex-direction:column;align-items:center;width:100%;display:flex}.playfield{flex-direction:column;align-items:center;width:100%;transition:filter .3s;display:flex}.playfield-blurred{filter:blur(10px);pointer-events:none}@media (prefers-reduced-motion:reduce){.playfield{transition:none}}#board{background:var(--board-bg);-webkit-user-select:none;user-select:none;border-radius:16px;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;width:100%;max-width:660px;padding:14px;display:grid}.cell{aspect-ratio:1;background:#ffffff59;border-radius:6px;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.cell.dragover{background:var(--accent-soft)}.cell:hover{background:#6e908014}.cell.typing-cursor{box-shadow:inset 0 0 0 2px var(--accent);border-radius:6px}.cell.selected{background:#6e908038;border-radius:6px}.tile{background:var(--surface);border:1px solid var(--border);cursor:grab;width:92%;height:92%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(13px,3.4vw,18px);font-weight:600;transition:box-shadow .2s,border-color .2s,background .2s,transform .15s;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.tile:active{cursor:grabbing}.tile.dragging{visibility:hidden}.tile.drag-overlay{opacity:.85;cursor:grabbing}.tile .pts{color:var(--ink-soft);font-size:7px;font-weight:700;position:absolute;bottom:2px;right:3px}.tile.valid{background:var(--accent-soft);border-color:var(--accent)}.tile.invalid{background:var(--invalid-soft);border-color:var(--invalid)}.tile.incomplete{border-color:var(--incomplete);opacity:.75}.tile.ripple{animation:.5s ease-out ripple}@keyframes ripple{0%{transform:scale(1)}40%{box-shadow:0 0 0 4px var(--accent-soft);transform:scale(1.08)}to{transform:scale(1)}}#rackWrap{width:100%;max-width:660px;margin-top:20px}#rackLabel{letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-size:10px}#rack{background:var(--rack-bg);border:1px solid var(--border);touch-action:none;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;min-height:74px;padding:12px;transition:background .15s;display:flex}#rack.dragover{background:var(--accent-soft)}#rack .tile{flex-shrink:0;width:46px;height:46px}@media (width<=480px){#rack .tile{width:38px;height:38px}.tile .pts{font-size:6px}}.controls{gap:10px;width:100%;max-width:660px;margin-top:18px;display:flex}button{cursor:pointer;border:none;border-radius:10px;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .1s,opacity .2s,background .15s,border-color .15s,box-shadow .15s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:default}#undoBtn{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.shift-group{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.shift-label{letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;font-size:9px}.shift-controls{grid-template-rows:repeat(2,28px);grid-template-columns:repeat(3,28px);gap:4px;display:grid}.shift-btn{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:6px;padding:0;font-size:13px;line-height:1}.shift-controls button:first-child{grid-area:1/1/span 2}.shift-controls button:nth-child(2){grid-area:1/2}.shift-controls button:nth-child(3){grid-area:2/2}.shift-controls button:nth-child(4){grid-area:1/3/span 2}.mode-tabs{justify-content:center}.mode-tab{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.mode-tab:hover:not(.active){border-color:var(--accent);background:var(--accent-soft)}.mode-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-panel{flex-direction:column;align-items:center;width:100%;display:flex}.tab-panel-hidden{display:none}.admin-btn{background:var(--surface);color:var(--ink-soft);border:1px dashed var(--border);font-size:11px}#nextBtn{background:var(--accent-soft);color:var(--accent);opacity:.5;pointer-events:none;flex:1}#nextBtn.ready{background:var(--accent);color:#fff;opacity:1;pointer-events:auto}.status{text-align:center;min-height:16px;color:var(--ink-soft);margin-top:12px;font-size:12px}.modal-backdrop{z-index:10;background:#1e1c188c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}.modal-backdrop.show{animation:.2s overlayFadeIn;display:flex}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.result-card{background:var(--surface);color:var(--ink);border:1px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;width:60vw;min-width:300px;max-width:900px;min-height:60vh;max-height:85vh;padding:36px 32px;animation:.32s cubic-bezier(.16,1,.3,1) resultPopIn;display:flex;overflow-y:auto;box-shadow:0 24px 64px #00000040}@keyframes resultPopIn{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){#overlay.show,.result-card{animation:none}}.result-wordmark{font-size:22px}.result-puzzle-number{letter-spacing:2px;color:var(--ink-soft);text-transform:uppercase;margin-top:4px;font-size:11px}.result-title{margin:22px 0 0;font-size:20px}.result-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0;display:grid}.result-stats .stat-value{font-size:30px}.result-rounds{border-collapse:collapse;width:100%;margin-top:4px;font-size:12px}.result-rounds th{text-align:right;opacity:.6;padding:4px 0;font-weight:600}.result-rounds th:first-child,.result-rounds td:first-child{text-align:left}.result-rounds td{text-align:right;border-top:1px solid var(--border);padding:4px 0}.result-actions{gap:10px;margin-top:auto;padding-top:24px;display:flex}.result-actions button{flex:1}.result-share-btn{background:var(--accent);color:#fff}.result-copy-btn{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.result-status{color:var(--accent);margin-top:10px;font-size:11px}.result-exit{width:100%;margin-top:12px}.pause-card{background:var(--surface);color:var(--ink);border:1px solid var(--border);text-align:center;box-sizing:border-box;border-radius:20px;flex-direction:column;align-items:center;min-width:280px;max-width:min(90vw,360px);max-height:85vh;padding:40px 36px;animation:.28s cubic-bezier(.16,1,.3,1) resultPopIn;display:flex;overflow-y:auto;box-shadow:0 24px 64px #00000040}@media (prefers-reduced-motion:reduce){.pause-card{animation:none}}@media (width<=480px){.pause-card{width:100%;min-width:0;padding:28px 20px}}.pause-card h2{margin:0 0 20px;font-size:22px}.pause-card button{background:var(--accent);color:#fff;padding:12px 32px}.card{background:var(--surface);color:var(--ink);border:1px solid var(--border);text-align:center;border-radius:16px;max-width:340px;padding:32px 28px;box-shadow:0 12px 32px #0000001f}.card h2{overflow-wrap:break-word;margin:0 0 4px}.card .big{color:var(--accent);margin:14px 0 2px;font-size:32px;font-weight:800}.card .small{color:var(--ink-soft);letter-spacing:.5px;text-transform:uppercase;font-size:11px}.card button{background:var(--accent);color:#fff;width:100%;margin-top:20px}.profile-header{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;max-width:660px;margin-bottom:20px;display:flex}.profile-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:660px;padding:20px}.profile-panel h3{margin:0 0 14px;font-size:15px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.stat-tile{background:var(--board-bg);text-align:center;border-radius:10px;padding:14px 8px}.stat-value{color:var(--accent);font-size:22px;font-weight:800}.stat-label{letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);margin-top:6px;font-size:10px}.small{color:var(--ink-soft);font-size:11px}.config-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.config-row-label{margin-bottom:2px;font-size:13px;font-weight:600}.config-toggle{background:var(--board-bg);border-radius:10px;flex-shrink:0;gap:3px;padding:3px;display:flex}.config-toggle button{color:var(--ink-soft);background:0 0;border-radius:8px;padding:7px 16px;font-size:12px}.config-toggle button.active{background:var(--accent);color:#fff}.controls-list-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-size:10px}.controls-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.controls-table td{border-top:1px solid var(--border);vertical-align:top;padding:7px 0}.controls-table tr:first-child td{border-top:none}.controls-action{width:38%;color:var(--ink);padding-right:12px;font-weight:600}.badges-header{text-align:center;width:100%;max-width:660px;margin-bottom:20px}.badge-categories{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:16px;width:100%;max-width:660px;display:grid}.badge-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.badge-container h3{margin:0 0 14px;font-size:15px}.badge-list{flex-direction:column;gap:10px;display:flex}.badge-card{border:1px solid var(--border);background:var(--board-bg);opacity:.55;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;position:relative}.badge-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.badge-card-earned{opacity:1;border-color:var(--rarity-color,var(--accent));background:var(--accent-soft)}.badge-card[role=button]{cursor:pointer}.badge-card-selected{box-shadow:0 0 0 2px var(--rarity-color,var(--accent));border-width:2px}.badge-rarity-pill{background:var(--surface);letter-spacing:.6px;text-transform:uppercase;border:1px solid;border-radius:999px;padding:1px 8px;font-size:8px;font-weight:700;position:absolute;top:-8px;right:-8px}.badge-icon{text-align:center;flex-shrink:0;width:32px;font-size:22px}.badge-info{min-width:0}.badge-name{color:var(--ink);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.badge-flair-tag{letter-spacing:.5px;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:1px 6px;font-size:8px;font-weight:700}.badge-description{color:var(--ink-soft);margin-top:2px;font-size:11px}.leaderboard-you-banner{text-align:center;color:var(--accent);margin-bottom:14px;font-size:12px;font-weight:700}.leaderboard-list{flex-direction:column;gap:6px;display:flex}.leaderboard-row{border:1px solid var(--border);background:var(--board-bg);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;font-size:13px;transition:transform .15s,filter .15s;display:flex}.leaderboard-row:hover{filter:brightness(1.03);transform:translate(4px)}.leaderboard-row-me{border-color:var(--accent);background:var(--accent-soft)}.leaderboard-row-gold{background:#d4a0171f;border-color:#d4a017}.leaderboard-row-silver{background:#9aa1ab1f;border-color:#9aa1ab}.leaderboard-row-bronze{background:#b5651d1f;border-color:#b5651d}.leaderboard-rank{text-align:center;width:28px;color:var(--ink-soft);flex-shrink:0;font-weight:700}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:1;align-items:center;gap:6px;font-weight:600;display:flex;overflow:hidden}.leaderboard-flair{flex-shrink:0}.leaderboard-you-tag{color:var(--accent);border:1px solid var(--accent);border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:8px;font-weight:700}.leaderboard-time{color:var(--ink);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:700}