:root{color-scheme:dark;--ink:#e7ece7;--muted:#91a8ad;--line:#30464e;--gold:#e5bd79;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 90% 0,#243e43 0,transparent 45%),radial-gradient(ellipse at 5% 60%,#21333b 0,transparent 40%),#101f29;min-height:100vh}main{max-width:1120px;padding:28px 32px;margin:auto}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:#20353e;padding:11px 15px;border-radius:9px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#314953}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{cursor:default;opacity:.48}kbd{font-size:10px;color:#adc0c2;border:1px solid #526067;padding:1px 4px;margin-left:6px;border-radius:3px}header{display:flex;justify-content:space-between;align-items:center;gap:15px}.wordmark{font-size:16px;letter-spacing:3px;font-weight:750;text-decoration:none;color:#f0e0bc}.wordmark span{font-size:10px;letter-spacing:2px;color:#9cb4b8}header button{font-size:12px}.intro{position:relative;padding:42px 0 30px}.intro:after{content:"";position:absolute;right:90px;top:45px;width:180px;height:160px;border:1px solid #64847b44;border-radius:48% 52% 30% 70%;transform:rotate(-30deg);box-shadow:28px 2px 0 -2px #536c6533,-25px -12px 0 -3px #80845b22;pointer-events:none}.eyebrow,.smallcaps{font-size:10px;letter-spacing:2.2px;font-weight:650;color:#b6c9bf}.eyebrow{color:var(--gold)}h1{font:normal clamp(36px,5vw,56px)/1.06 Georgia,serif;letter-spacing:-1.7px;margin:14px 0}h1 em{font-weight:normal;color:#cfdeb9}p{color:var(--muted);font-size:14px;line-height:1.65}.intro>p:last-child{max-width:490px;margin-bottom:0}.workbench{border:1px solid #476066;border-radius:19px;background:#152a32;box-shadow:0 20px 80px #06101855;overflow:hidden}.benchhead{display:flex;align-items:center;padding:20px 27px;gap:27px;border-bottom:1px solid var(--line);background:#193039}.benchhead>div:first-child{flex:1;min-width:0}.benchhead label{display:block;font-size:9px;letter-spacing:2px;color:#b0c6bb;margin-bottom:6px}select{background:#193039;border:0;max-width:100%;font:normal 21px Georgia,serif;padding:2px 18px 2px 0;cursor:pointer}.counter{text-align:right}.counter strong{display:block;font:normal 25px Georgia,serif;color:#ead4a7}.counter span{font-size:10px;color:#a4b8b9;white-space:nowrap}.table{display:grid;grid-template-columns:235px 1fr;gap:26px;padding:27px;position:relative;background:radial-gradient(circle at 10% 100%,#3d615520,transparent 60%)}.handzone{border-right:1px solid var(--line);padding-right:26px;display:flex;flex-direction:column}.smallcaps{letter-spacing:1.8px;font-size:9px;margin-bottom:15px}.smallcaps span{color:#829ea4;font-size:9px;letter-spacing:.3px}#hand{padding-top:20px}.handnote{font-size:12px;line-height:1.6;color:#a3b9b9;margin:25px 0 10px}.handnote b{font-weight:550;color:#dce6da}.legend{display:flex;flex-wrap:wrap;gap:9px;font-size:10px;color:#8fa7aa;margin-top:auto;padding-top:12px}.boardzone{min-width:0}#board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.slot{position:relative;background:#14252d;border:1px solid #334b51;border-radius:13px;padding:12px;min-width:0;min-height:164px;text-align:left;opacity:1!important}.slot:disabled{opacity:1}.slot:not(:disabled){border-color:#83ab92;box-shadow:inset 0 0 28px #668d7220}.slot:not(:disabled):hover{background:#24433f;transform:translateY(-2px)}.slot.nudged{outline:3px solid #e5bd79;outline-offset:2px}.slot.correct{background:#28443d80}.slothead{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:#97afb0;margin-bottom:13px}.correct .slothead{color:#c1d4a8}.target{border-top:1px dashed #536b6870;margin-top:14px;padding-top:9px;font-size:10px;color:#91a8ab;display:flex;justify-content:space-between}.target b{color:#c9d4b4;font-weight:500}.strand{position:relative;display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;padding:10px 5px;border-radius:22px;background:linear-gradient(130deg,#77959445,#496c6555);box-shadow:inset 0 1px 0 #daead01f,0 3px 7px #071a2266;isolation:isolate}.strand:before{content:"";position:absolute;z-index:-1;left:19%;right:19%;top:40%;height:20%;background:repeating-linear-gradient(90deg,#cbd4b938 0 2px,transparent 2px 7px);border-top:1px solid #b9c9a540;border-bottom:1px solid #b9c9a540}.end{font-size:25px;line-height:1;display:flex;justify-content:center;align-items:center;border:1px solid currentColor;border-radius:50%;height:37px;width:37px;margin:auto;background:#17323b}.e0{color:#edc985}.e1{color:#9fd6df}.e2{color:#bddda2}.e3{color:#d6b6df}.strandname{font:normal 23px Georgia,serif;color:#fff0cf;text-align:center;text-shadow:0 1px 10px #ffffff40}.endlabels{display:flex;justify-content:space-between;padding:5px 8px 0;font-size:8px;color:#9cb4b6;letter-spacing:.6px}.ribbonhint{text-align:center;font-size:10px;color:#dec99e;margin-top:14px}.handzone .strand{padding:15px 8px;grid-template-columns:1fr 37px 1fr}.handzone .end{height:47px;width:47px;font-size:31px}.handzone .strandname{font-size:32px}.exchange{display:block;color:#d2e9b5;font-size:10px;margin-top:12px}.slot:disabled .exchange{color:#78969c}#status{border-top:1px solid var(--line);padding:16px 27px;min-height:57px;background:#1a3037;font-size:13px;line-height:1.6;color:#d3dfcc}#status.win{color:#edca89;background:#3a443432}.tools{display:flex;flex-wrap:wrap;gap:9px;padding:0 27px 20px;background:#1a3037}.tools button{font-size:11px;padding:10px 13px}.primary{background:#c9d8af;color:#183036;border-color:#c9d8af!important;font-weight:700}.primary:hover{background:#e0eacb!important}.journal{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:36px 0 20px}.journal h2{font:normal 26px Georgia,serif;margin:9px 0}.journal p{font-size:12px;margin:6px 0}.journal .eyebrow{font-size:9px}#records{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.record{width:35px;height:44px;border-radius:50% 50% 35% 35%;padding:0;font-size:11px;background:#1d343b;color:#819a9e}.record.petal{color:#cce0bb;background:#365443;border-color:#6d926d}.record.gold{background:#62593b;border-color:#ceb671;color:#ffdfa0}footer{display:flex;gap:20px;justify-content:space-between;align-items:start;border-top:1px solid var(--line);padding-top:14px}footer p{font-size:10px;margin:0;max-width:570px}footer a{color:#b6c5ac;font-size:10px;line-height:1.7}dialog{background:#1d333b;border:1px solid #607774;border-radius:20px;color:var(--ink);width:min(590px,calc(100vw - 30px));padding:34px;max-height:90vh;overflow:auto}dialog::backdrop{background:#06131bd9;backdrop-filter:blur(8px)}dialog h2{font:normal 34px Georgia,serif;margin:10px 0 20px}dialog b{color:#dfe6cd}dialog p,dialog li{font-size:13px;line-height:1.75;color:#b2c5c5}dialog li{padding:5px 0}dialog ol{padding-left:20px}#close{float:right;padding:1px 10px;font-size:24px}.keyline{padding:12px;background:#10262e;border-radius:8px}.fine{font-size:11px!important}[hidden]{display:none!important}@media(max-width:820px){main{padding:20px}.intro{padding-top:30px}.intro:after{right:15px;width:120px;height:120px;opacity:.5}.table{grid-template-columns:185px 1fr;gap:18px;padding:20px}.handzone{padding-right:18px}#board{grid-template-columns:repeat(2,minmax(0,1fr))}.slot{min-height:160px}.journal{display:block}#records{display:flex;margin-top:17px}footer{display:block}footer a{display:inline-block;margin-top:10px}}@media(max-width:520px){main{padding:18px 13px}.wordmark{font-size:13px;letter-spacing:2px}.wordmark span{display:block;font-size:8px;margin-top:6px;letter-spacing:1px}header button{font-size:11px;padding:8px}kbd{display:none}h1{font-size:39px}.intro:after{width:75px;height:75px;top:48px;right:10px;opacity:.4}.intro{padding:24px 0}.intro>p:last-child{font-size:12px;max-width:300px}.eyebrow{font-size:8px;letter-spacing:1.5px}.benchhead{padding:16px;gap:13px}select{font-size:17px}.counter strong{font-size:21px}.counter span{font-size:8px}.table{display:block;padding:17px 15px}.handzone{border-right:0;border-bottom:1px solid var(--line);padding:0 0 17px;margin-bottom:17px;display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.handzone .smallcaps{grid-column:1/-1;margin-bottom:5px}#hand{padding-top:0}.handnote{margin:5px 0;font-size:10px;align-self:center}.legend{grid-column:1/-1;padding-top:5px;gap:12px;font-size:9px}.handzone .strand{padding:8px 3px;grid-template-columns:1fr 24px 1fr}.handzone .end{width:31px;height:31px;font-size:23px}.handzone .strandname{font-size:25px}.ribbonhint{font-size:9px;margin-top:8px}.endlabels{font-size:7px}.smallcaps{margin-bottom:11px;font-size:8px;letter-spacing:1.1px}.smallcaps span{display:block;margin-top:5px;font-size:8px}#board{gap:10px}.slot{min-height:153px;padding:11px}.slothead{font-size:8px}.strand{grid-template-columns:1fr 25px 1fr;padding:10px 2px}.end{width:33px;height:33px;font-size:23px}.strandname{font-size:24px}.target{font-size:9px}.exchange{font-size:9px}#status{padding:13px 16px;font-size:12px}.tools{padding:0 15px 17px;gap:7px}.tools button{padding:9px 10px;font-size:10px}#next{flex:1}.journal{padding-top:25px}#records{gap:7px}.record{width:33px;height:40px}dialog{padding:24px}.journal h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}