:root{font-family:Inter,system-ui,sans-serif;background:#10121b;color:#f6f2ff;--accent:#bda5ff;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#38284d88,transparent 55%);min-height:100svh}main{max-width:1000px;margin:auto;padding:22px max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1a;margin-bottom:24px}a{color:inherit;text-decoration:none}header a{min-height:44px;display:flex;align-items:center}.brand{font-size:11px;letter-spacing:2px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(32px,5vw,50px);letter-spacing:-2px;margin:8px 0}p{line-height:1.6;color:#b8b0c8}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button,a,input,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ddceff}button{border:1px solid #ffffff25;border-radius:12px;background:#242435;color:inherit;min-height:44px;padding:12px}.primary{background:var(--accent);color:#1a1428;font-weight:750;border:0}.secondary{background:#ffffff06;color:#eee3ff}.layout{display:grid;grid-template-columns:minmax(300px,1.3fr) minmax(260px,1fr);gap:28px;margin-top:24px}.arena{padding:16px;background:#1a1e2c;border:1px solid #ffffff1c;border-radius:22px}.hud{display:flex;justify-content:space-between;gap:12px;padding:4px 4px 16px}.hud small{display:block;color:#a49bb8;font-size:10px;letter-spacing:1px}.hud strong{font-size:25px}.board{display:grid;gap:7px}.word-board{grid-template-columns:repeat(4,1fr);touch-action:none;user-select:none}.word-board button{padding:0;aspect-ratio:1;font-size:27px;font-weight:800;background:linear-gradient(145deg,#343146,#252638);box-shadow:0 4px #11131f;touch-action:none}.word-board button.selected{background:#c5b2ff;color:#181222;box-shadow:0 4px #7764a3}.color-board{grid-template-columns:repeat(6,1fr);gap:3px}.color-cell{aspect-ratio:1;display:grid;place-items:center;border:2px solid transparent;border-radius:8px;color:#10121b;font-weight:850;position:relative;font-size:14px}.color-cell.owned-0{border-color:#fff;box-shadow:inset 0 0 0 1px #10121b}.color-cell.owned-1{border-color:#171020;border-style:dashed;box-shadow:inset 0 0 0 2px #fff9}.color-cell.last::after{content:'•';position:absolute;right:3px;bottom:0;font-size:15px}.color-picks{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:16px}.color-picks button{padding:4px;color:#10121b;font-weight:850}.color-picks button:disabled{opacity:.24;cursor:not-allowed}.actions{display:grid;gap:10px;margin:16px 0}.entry{display:flex;gap:8px;margin-top:18px}.entry input{width:100%;min-width:0;background:#10131f;border:1px solid #686078;border-radius:10px;padding:12px;font-size:16px}.entry button{white-space:nowrap}.words{max-height:190px;overflow:auto;color:#d4c5ed;line-height:1.8;word-spacing:8px}#selection{min-height:35px;letter-spacing:4px;font-size:20px;font-weight:700;margin:18px 0 0}#status{min-height:44px;padding:12px;background:#ffffff05;border-radius:12px;color:#d7c7fa;font-size:14px}#status.bad{color:#ffa3b5}.instructions{background:#ffffff04;border:1px solid #ffffff12;padding:20px;border-radius:20px}.instructions h2{font-size:20px}.instructions ol{padding-left:20px;color:#bfb6cf;line-height:1.7}.instructions li{padding-bottom:8px}.result{border:1px solid #c2a5ff66;padding:20px;border-radius:18px;background:#282139;margin:16px 0}.result h2{margin-top:0}.big-score{font-size:44px;font-weight:800;color:#e0ceff}#shuffleCanvas{width:100%;max-height:60dvh;object-fit:contain;display:block;touch-action:none;border-radius:12px}.range-label{display:flex;gap:10px;justify-content:space-between;margin-top:12px;font-size:13px;color:#c2b8d1}.range-label input{width:70%;min-height:40px}.note{font-size:12px;color:#9f96af}.paused{padding:16px;background:#312840;border-radius:12px;margin:12px 0}footer{margin-top:25px;color:#a49ab3;font-size:12px}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}@media(max-width:700px){main{padding-top:max(10px,env(safe-area-inset-top))}header{margin-bottom:14px}.layout{grid-template-columns:1fr;gap:15px;margin-top:15px}h1{font-size:32px;margin:6px 0}.arena{padding:12px}.hud strong{font-size:21px}.word-board{gap:6px}.word-board button{font-size:25px;max-height:16dvh}.color-cell{min-height:38px}.instructions{padding:16px}body.playing .intro-copy,body.playing header,body.playing footer{display:none}body.playing h1{font-size:24px}body.playing .layout{margin-top:8px}.brand{font-size:9px}.entry{margin-top:12px}#shuffleCanvas{max-height:calc(100dvh - 300px)}}

.word-board.resting{filter:blur(10px);pointer-events:none;user-select:none}.word-board.resting button{color:transparent}

.result-top{grid-column:1/-1;margin:0}.result-top>button{display:block;width:100%;margin-top:10px}.result-top .match-results{grid-template-columns:1fr 1fr}.result-top .match-results p{grid-column:1/-1}.manual-link{margin-top:12px;background:#10131e;color:#d5c8ed;border:1px solid #675977;border-radius:10px;padding:10px}

.pro-note{padding:12px 16px;border:1px solid #b6a1e855;border-radius:14px;background:#b6a1e812;color:#eee3ff;font-size:14px;line-height:1.5}