:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f2f3f4;background:#383429;font-synthesis:none;--paper:#17191b;--ink:#f2f3f4;--plum:#c8afd5;--line:#42494f;--muted:#a3a8ad;--green:#a9c8b6;--rust:#e7a397}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bccdde;outline-offset:4px}button{color:inherit}a{color:inherit}.shell{max-width:1184px;margin:auto;padding:0 40px}.masthead{min-height:87px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.home{text-decoration:none;font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px}.home span{font-size:25px;color:var(--plum)}.edition,.eyebrow,.board-top{font-size:10px;letter-spacing:1.8px;font-weight:700}.edition{color:var(--muted)}.text-button{border:0;background:none;padding:8px 0;font-size:12px;font-weight:600}.text-button span{display:inline-grid;place-items:center;border:1px solid currentColor;width:17px;height:17px;border-radius:50%;margin-right:5px}.intro{display:flex;justify-content:space-between;align-items:center;margin:57px 0 48px;gap:28px}.title-line{display:flex;align-items:center;gap:20px}h1,h2,h3,p{margin:0}h1{font:500 clamp(39px,4.6vw,57px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-2.3px}h1>span{color:var(--plum)}.intro>p{font-size:13px;line-height:1.8;color:#a3a8ad}.intro>p>span{color:var(--muted)}.brand{width:57px;min-width:57px;height:58px;position:relative;display:grid;grid-template-columns:repeat(2,24px);grid-template-rows:repeat(2,25px);gap:4px;transform:rotate(-6deg)}.brand i{font:700 15px/25px Georgia,serif;border-radius:5px;background:#342d33;color:var(--plum);text-align:center;font-style:normal}.brand i:nth-of-type(2){background:#4e4149;color:var(--paper)}.brand i:last-child{background:#343729;color:#a3a8ad}.brand b{font-size:24px;line-height:25px;text-align:center;transform:rotate(6deg);color:var(--plum)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:66px;align-items:start}.game{min-width:0}.puzzle-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{color:var(--plum);font-size:9px;letter-spacing:1.6px;margin-bottom:10px}h2{font:400 27px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.6px}.picker{min-width:0}.picker select{background:transparent;border:1px solid #42494f;border-radius:7px;padding:10px 24px 10px 12px;font-size:12px;max-width:185px;color:#a3a8ad;cursor:pointer}.puzzle-note{font-size:12px;color:var(--muted);margin:11px 0 22px;line-height:1.6}.board-card{background:#36342b;border:1px solid #42494f;border-radius:15px;padding:22px 24px 18px;box-shadow:0 3px 0 #00000033}.board-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a3a8ad;letter-spacing:1.25px;font-size:9px;margin-bottom:25px}.board-top span:last-child{letter-spacing:.4px}.board-wrap{max-width:430px;margin:0 auto}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(60px,.72fr);gap:10px;align-items:center;position:relative}.cell{height:87px;min-width:0;border:1px solid #42494f;border-radius:9px;background:#383529;position:relative;display:grid;place-items:center;font:400 34px/1 Georgia,'Times New Roman',serif;transition:background .16s,transform .16s,box-shadow .16s;isolation:isolate}.cell:hover{background:#212528;border-color:#42494f}.cell.empty{background:#292e32;border-style:dashed;color:#a3a8ad}.cell.empty .cell-value{font-family:Arial,sans-serif;font-size:24px;font-weight:300}.cell.filled{box-shadow:0 3px 0 #00000033}.cell.fixed{background:#35342c;border-color:#42494f;box-shadow:none;color:#a3a8ad;cursor:default}.fixed-dot{position:absolute;top:8px;right:9px;font:10px/1 Arial;color:#a3a8ad}.cell.selected,.bank-tile.selected{background:var(--plum);border-color:var(--plum);color:#a3a8ad;box-shadow:0 0 0 3px #00000033,0 3px 0 #00000033;transform:translateY(-1px)}.cell.hinted{outline:3px solid #bccdde;outline-offset:3px}.cell.diagonal-cell:before{content:'';position:absolute;left:8%;right:8%;top:50%;border-top:1.5px dashed #42494f;transform:rotate(44deg);z-index:-1;opacity:.6}.cell-value{background:inherit;border-radius:50%;min-width:35px;line-height:1.2}.cell.empty .cell-value{background:#37342a}.diagonal-corner{position:absolute;left:7px;top:7px;color:#a3a8ad;font:11px Arial}.cell.selected .diagonal-corner{color:#a3a8ad}.sum{min-height:58px;text-align:center;color:#a3a8ad;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.sum .sum-value{font-size:16px;font-weight:500;white-space:nowrap}.sum .sum-target{font-weight:700;color:var(--ink)}.sum .sum-symbol{font-size:11px;font-weight:700}.sum.correct{color:var(--green)}.sum.correct .sum-target{color:var(--green)}.sum.wrong,.sum.over,.sum.wrong .sum-target,.sum.over .sum-target{color:var(--rust)}.sum-label{font-size:8px;letter-spacing:1px;color:#a3a8ad}.sum.column-sum{margin-top:1px;min-height:51px}.corner{color:#a3a8ad;font-size:9px;text-align:center;letter-spacing:.5px}.diagonal{margin:8px auto 0;max-width:430px;border-top:1px solid #42494f;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--plum)}.diagonal[hidden]{display:none}.diagonal .sum{min-height:25px;flex-direction:row;gap:7px}.diagonal-mark{display:flex;align-items:center;gap:8px}.diagonal-mark>b{font-size:19px}.sum-legend{font-size:10px;line-height:1.5;text-align:center;color:#a3a8ad;margin-top:12px}.sum-legend>span{font-size:5px;vertical-align:2px;margin-right:3px}.sum-legend b{font-weight:400}.bank-section{padding:26px 1px 20px}.bank-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:15px}.bank-heading h3{font-size:12px;font-weight:600}.bank-heading>span{font-size:11px;color:var(--muted);text-align:right}.bank{display:flex;flex-wrap:wrap;gap:9px;min-height:54px}.bank-tile{height:54px;width:49px;flex:0 0 49px;border:1px solid #42494f;border-radius:7px;background:#342d33;box-shadow:0 3px 0 #00000033;color:var(--plum);font:400 26px Georgia,serif;transition:transform .15s,background .15s}.bank-tile:hover:not(:disabled){background:#352c32;transform:translateY(-2px)}.bank-tile.used{background:transparent;border:1px dashed #42494f;box-shadow:none;color:#a3a8ad}.bank-tile.selected{background:var(--plum)}.return-button{font-size:11px;padding:10px 0 0;background:none;border:0;color:var(--plum);min-height:35px}.return-button:disabled{color:#a3a8ad}.toolbar{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:20px}.toolbar button{background:transparent;border:1px solid #42494f;border-radius:6px;padding:11px 13px;min-height:42px;font-size:11px}.toolbar button:hover:not(:disabled){background:#35322c}.toolbar button:disabled{opacity:.38}.toolbar button:nth-child(2){margin-left:auto;background:#342d32;border-color:#42494f;color:var(--plum)}.hint-card{background:#393428;border:1px solid #42494f;border-radius:9px;padding:18px;margin-top:18px}.hint-card>.eyebrow{color:#d1c7b2}.hint-card>p:not(.eyebrow){font-size:13px;line-height:1.65}.hint-card .hint-reason{color:#a3a8ad;font-size:11px!important;margin:7px 0 12px}.hint-card>div{display:flex;align-items:center;gap:20px}.primary{background:var(--plum);color:#a3a8ad;border:1px solid var(--plum);border-radius:6px;font-size:12px;padding:12px 15px;font-weight:500;min-height:42px}.primary:hover{background:#4f404a}.success{margin-top:20px;padding:20px;border:1px solid #42494f;border-radius:10px;background:#33372a;display:grid;grid-template-columns:30px 1fr;gap:15px}.success[hidden]{display:none}.success-stamp{border-radius:50%;background:#31372a;color:var(--green);width:30px;height:30px;display:grid;place-items:center}.success .eyebrow{font-size:8px;color:var(--green);margin-bottom:7px}.success h3{font:24px Georgia,serif;letter-spacing:-.5px}.success p:last-child{font-size:12px;color:#a3a8ad;margin-top:8px;line-height:1.5}.success>button{grid-column:2;justify-self:start;background:#434d42;border-color:#42494f}.status{font-size:11px;line-height:1.6;min-height:35px;margin-top:15px;color:#a3a8ad}.sidebar{padding-top:1px}.rule-note{padding:27px 25px 25px;background:#35352b;border:1px solid #42494f;border-radius:3px 22px 3px 3px;position:relative}.note-number{display:block;font-size:10px;font-weight:600;letter-spacing:1.4px;color:#a3a8ad;margin-bottom:26px}.rule-note h2{font-size:33px;line-height:1.1;letter-spacing:-.7px;margin-bottom:20px}.rule-note p{font-size:12px;line-height:1.8;color:#a3a8ad}.rule-note p.small{font-size:11px}.mini-example{display:flex;align-items:center;justify-content:center;gap:9px;margin:22px 0;border-top:1px solid #42494f;border-bottom:1px solid #42494f;padding:18px 0}.mini-example i{font:21px Georgia,serif;font-style:normal;display:grid;place-items:center;background:#393628;width:37px;height:39px;border-radius:5px;box-shadow:0 2px 0 #00000033}.mini-example span{color:#a3a8ad;font-size:14px}.mini-example b{color:var(--plum);font:700 22px Georgia,serif;padding-left:3px}.collection{margin-top:27px;border-bottom:1px solid var(--line);padding-bottom:24px}.collection>div:first-child{display:flex;justify-content:space-between;align-items:center}.collection h3{font-size:12px;font-weight:600}.collection>div>span{font-size:10px;color:var(--muted)}.level-dots{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:15px 0}.level-dot{padding:0;min-width:0;height:29px;min-height:29px;font-size:10px;border:1px solid #42494f;border-radius:5px;background:transparent;color:#a3a8ad}.level-dot.active{border-color:var(--plum);color:var(--plum);box-shadow:0 0 0 1px var(--plum)}.level-dot.complete{background:#32372a;border-color:#42494f;color:var(--green)}.collection>p{font-size:11px;line-height:1.8;color:#a3a8ad}.side-tip{font-size:11px;line-height:1.8;color:#a3a8ad;margin-top:23px}.side-tip b{font-weight:500;color:#a3a8ad}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding:23px 0 29px;font-size:10px;color:#a3a8ad}dialog{max-width:550px;width:calc(100% - 32px);border:1px solid #42494f;border-radius:14px;background:var(--paper);color:var(--ink);padding:0;box-shadow:0 20px 100px #00000033}dialog::backdrop{background:#292e3266}.dialog-inner{padding:30px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.icon-button{background:none;border:0;font-size:25px;width:36px;height:36px;margin-top:-10px}.dialog-inner h2{font-size:29px}.dialog-inner ol{padding-left:23px;margin:23px 0;font-size:13px;line-height:1.7}.dialog-inner li+li{margin-top:12px}.dialog-inner>p{font-size:12px;line-height:1.8;color:#a3a8ad;margin-top:15px}.dialog-inner>.primary{margin-top:23px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}[hidden]{display:none!important}@media(min-width:1200px){.layout{grid-template-columns:minmax(0,650px) 270px;gap:80px}.shell{max-width:1120px}}
@media(max-width:850px){.shell{padding:0 26px}.layout{grid-template-columns:minmax(0,1fr) 230px;gap:30px}.intro{margin:42px 0 35px}.intro>p{font-size:11px}.title-line{gap:13px}.brand{transform:scale(.85) rotate(-6deg);width:50px;min-width:50px}.rule-note{padding:22px 19px}.board-card{padding:20px 17px 15px}.cell{height:76px}.board{gap:8px}.picker select{max-width:148px}.bank-tile{width:45px;flex-basis:45px}}
@media(max-width:670px){.shell{max-width:550px;padding:0 24px}.masthead{min-height:72px}.edition{display:none}.intro{display:block;margin:36px 0 30px}.intro>p{margin-top:17px;font-size:12px;line-height:1.7}.intro>p br{display:none}.intro>p>span{display:block}h1{font-size:46px}.title-line{gap:12px}.layout{display:block}.sidebar{display:grid;grid-template-columns:1fr;gap:0;margin-top:30px}.rule-note{display:none}.collection{margin:0;padding:20px 0;border-top:1px solid var(--line)}.collection>p{font-size:11px}.collection>p br{display:none}.level-dots{gap:9px;max-width:360px}.level-dot{height:36px}.side-tip{margin-top:17px}.puzzle-heading{gap:12px}.picker select{max-width:154px}.cell{height:82px}.board-card{padding:20px 19px 16px}footer{margin-top:30px;font-size:9px}.bank-tile{width:48px;flex-basis:48px}.dialog-inner{padding:24px}.status{min-height:0}}
@media(max-width:380px){.shell{padding:0 17px}.masthead{gap:10px}.home{font-size:12px}.text-button{font-size:11px}.intro{margin:30px 0 26px}h1{font-size:39px;letter-spacing:-1.8px}.brand{min-width:43px;width:43px;transform:scale(.78) rotate(-6deg);transform-origin:left center}.title-line{gap:2px}h2{font-size:23px}.puzzle-heading{align-items:flex-start}.picker select{font-size:10px;max-width:115px;padding:9px 17px 9px 7px}.puzzle-note{font-size:11px;margin-bottom:17px}.board-card{padding:17px 13px 13px}.board-top{font-size:8px;letter-spacing:.6px;margin-bottom:18px}.board{grid-template-columns:repeat(3,minmax(0,1fr)) 48px;gap:7px}.cell{height:63px;font-size:29px;border-radius:7px}.sum .sum-value{font-size:13px}.sum-label{font-size:7px;letter-spacing:.5px}.sum.column-sum{min-height:43px}.sum-legend{font-size:9px}.diagonal{font-size:10px}.bank-heading{align-items:flex-start}.bank-heading>span{max-width:148px;line-height:1.4;font-size:10px}.bank{gap:8px}.bank-tile{width:44px;flex-basis:44px;height:49px}.toolbar{gap:6px}.toolbar button{font-size:10px;padding:10px 9px}.success{padding:17px;gap:10px}.success h3{font-size:22px}.dialog-inner{padding:21px}.dialog-inner h2{font-size:25px}.level-dots{gap:6px}.level-dot{height:32px}footer{font-size:8px;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}


/* Relax Games: shared night palette and clear interaction states. */
html,body{background:#17191b;color:#f2f3f4;color-scheme:dark}
select,option{color:#f2f3f4;background:#212528}
::selection{background:#42566b;color:#f2f3f4}
.cell.selected,.bank-tile.selected{background:#594660;border-color:#c8afd5;color:#f2f3f4;box-shadow:0 0 0 2px #c8afd5,0 3px 0 #17191b}.cell.fixed{background:#353b38;color:#c1cbc3}.cell.empty .cell-value{background:#212528}.cell.selected .diagonal-corner{color:#f2f3f4}.bank-tile.used{color:#737b81}.primary{background:#c8afd5;color:#17191b}.primary:hover{background:#dbc9e3}.success>button{background:#a9c8b6;border-color:#a9c8b6;color:#17191b}.brand i:nth-of-type(2){color:#f2f3f4}dialog{background:#212528}dialog::backdrop{background:#0009}
