.ch-page{max-width:1000px;padding-top:28px;padding-bottom:50px}.ch-page h1{font-size:clamp(32px,6vw,46px);margin:6px 0}.ch-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;padding:16px}.ch-controls label{display:flex;align-items:center;gap:9px;font-size:13px}.ch-controls select{padding:10px;border-radius:12px;background:var(--surface);color:var(--text);border:1px solid var(--line)}.ch-meta{display:flex;gap:16px;justify-content:space-between;font-size:13px;font-weight:700;margin:18px 0 8px}.ch-page progress{width:100%;height:8px;accent-color:#6f78dd;display:block;margin-bottom:20px}.ch-stage{padding:clamp(20px,5vw,40px);min-height:340px;position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffffc9,#edf4ff70);box-shadow:inset 0 2px 1px #fff,0 18px 45px #485a8224}.ch-stage h2{font-size:clamp(21px,4vw,28px);max-width:750px;line-height:1.3;margin:0 0 24px}.ch-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:25px}.ch-glass,.ch-token{border:1px solid #ffffffc0;border-radius:18px;color:var(--text);background:linear-gradient(145deg,#fff,#d3e7ff88);box-shadow:inset 0 2px 1px #fff,0 5px 0 #7d96bb48,0 10px 20px #496d9a25;padding:20px;font:700 clamp(20px,3vw,30px) var(--display);text-align:center}.ch-token{font-size:22px;padding:14px 18px;min-width:55px;min-height:54px;cursor:pointer;transition:transform .2s,box-shadow .2s}.ch-token:hover:not(:disabled){transform:translateY(-4px) rotate(-2deg);box-shadow:inset 0 2px 1px #fff,0 8px 0 #7d96bb48,0 16px 24px #496d9a35}.ch-token:active:not(:disabled){transform:translateY(3px)}.ch-token.selected{background:linear-gradient(145deg,#b8f6ea,#4db8b4);color:#123c4d;transform:translateY(-4px)}.ch-token:disabled{opacity:.45;cursor:default}.ch-tokens{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.ch-track{padding:18px;border-radius:16px;background:var(--slot);min-height:70px;margin:18px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ch-track:empty:before{content:'Choose your tiles below';color:var(--muted)}.ch-fields{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.ch-fields label{display:flex;flex-direction:column;gap:8px;font-weight:700}.ch-fields input{width:170px;max-width:100%;font-size:24px;min-height:55px}.ch-fields .word-input{width:300px;text-transform:uppercase}.ch-hint{background:#ffe6a24f;border-radius:12px;padding:15px}.ch-feedback{font-size:16px;line-height:1.65;white-space:pre-line;margin:20px 0}.ch-feedback.good{color:var(--ok)}.ch-feedback.bad{color:var(--text)}.ch-clues{padding-left:24px;line-height:1.8}.ch-estimate{display:flex;justify-content:center;margin:20px}.ch-vessel{width:140px;height:180px;border:3px solid #8bb5cd;border-top-color:#eefaff;border-radius:15px 15px 34px 34px;position:relative;overflow:hidden;background:linear-gradient(90deg,#ffffffb0,#b7dbf033,#ffffff88);box-shadow:inset 5px 0 8px #fff,0 9px 0 #6799b142,0 18px 24px #3f78962b}.ch-vessel .fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,#9ff8ef,#62b2d5);box-shadow:inset 0 3px 0 #f5ffffb5}.ch-vessel:after{content:'';position:absolute;inset:10px auto 20px 12px;width:10px;background:linear-gradient(#fff9,#fff1);border-radius:20px}.ch-bar{height:72px;width:300px;border-radius:20px}.ch-circle{width:180px;height:180px;border-radius:50%;box-shadow:inset 0 2px 2px white,0 9px 0 #6799b142,0 18px 24px #3f78962b;border:3px solid #cee8f4}.ch-slider{display:flex;gap:18px;align-items:center;margin:24px 0}.ch-slider input{width:100%;accent-color:#428bab}.ch-slider output{font-size:26px;font-weight:800;min-width:75px}.ch-repairs{display:grid;gap:13px;margin-bottom:20px}.ch-repairs label{display:flex;align-items:center;justify-content:space-between;max-width:430px;gap:15px;font-size:23px;font-weight:700;letter-spacing:3px}.ch-repairs input{width:64px;text-transform:uppercase;min-height:50px;text-align:center;font-size:22px}.ch-note{font-size:12px;margin-top:22px}.ch-finish{padding:30px;margin-top:20px}.ch-page [hidden]{display:none!important}.ch-page button:focus-visible,.ch-page input:focus-visible{outline:3px solid var(--select);outline-offset:4px}:root[data-theme=dark] .ch-stage{background:linear-gradient(135deg,#263958cc,#1b2848b0);box-shadow:inset 0 1px 0 #ffffff33,0 18px 45px #0003}:root[data-theme=dark] .ch-glass,:root[data-theme=dark] .ch-token{background:linear-gradient(145deg,#486188,#263a5c);border-color:#7790ad80;box-shadow:inset 0 1px 1px #c9e9ff77,0 5px 0 #10223e,0 10px 20px #0003;color:#f3f8ff}:root[data-theme=dark] .ch-token.selected{background:linear-gradient(145deg,#3e9f9f,#1e656e)}@media(max-width:550px){.ch-controls .btn{flex:1;font-size:13px}.ch-meta{font-size:11px;gap:6px}.ch-fields input{width:115px}.ch-fields .word-input{width:230px}.ch-stage .btn-row{gap:8px}.ch-stage .btn-row .btn{font-size:12px;padding:11px}.ch-display{grid-template-columns:1fr}.ch-repairs label{font-size:19px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.ch-token{transition:none}.ch-token:hover:not(:disabled){transform:none}}