:root{color-scheme:light;--paper:#f5f3ec;--ink:#213d37;--muted:#63716a;--line:#d9ddd3;--green:#c9dfc6;--yellow:#f2dc9f;--blue:#c7dce7;--pink:#ead0c9;--white:#fffef9;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit}button:disabled{cursor:default;opacity:.4}button,a{outline-offset:4px}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #376e99}button{border:0}a{color:inherit}p{margin:0}h1,h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400}button{min-height:44px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;background:var(--white);padding:12px;z-index:20}.skip:focus{top:0}.site-header{max-width:1100px;margin:auto;padding:21px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{min-height:44px;display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:1.4px;text-decoration:none}.brand strong{font-weight:800}.brand-symbol{display:grid;grid-template-columns:8px 8px;gap:2px;transform:rotate(-8deg);margin-right:6px}.brand-symbol i{width:8px;height:8px;background:var(--ink)}.brand-symbol i:nth-child(2){background:#a5bfac}.brand-symbol i:nth-child(3){background:#d6ae63}.help-button{min-width:44px;background:transparent;display:flex;align-items:center;gap:9px;font-size:14px}.help-button:first-letter{border:1px solid var(--ink)}main{width:min(100% - 48px,464px);margin:auto}.masthead{text-align:center;padding:36px 0 25px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:700}.masthead .eyebrow{color:var(--muted);margin-bottom:8px}h1{font-size:64px;letter-spacing:-3px;line-height:1.12}h1 span{color:#b47d34}.subtitle{font-size:14px;line-height:1.5;margin-top:8px;color:#53665c}.edition{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;margin-top:20px;color:var(--muted)}.loading{text-align:center;padding:50px 8px;font-size:15px}.loading button{display:block;margin:18px auto}.game-topline{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:0 0 10px 15px}.game-topline strong{font-weight:700}.muted{padding:0 5px;color:#a0a79c}.budget{display:flex;align-items:center;gap:5px;font-size:11px}.budget span{margin-right:5px}.budget i{display:block;width:5px;height:16px;border:1px solid #718375;transform:rotate(25deg)}.budget i.used{background:var(--ink);border-color:var(--ink)}.board-section{margin-left:-4px}.column-labels{display:grid;grid-template-columns:repeat(6,1fr);margin-left:18px;color:var(--muted);font-size:10px;text-align:center;padding-bottom:8px}.board-row{display:flex}.row-labels{width:18px;flex-shrink:0;display:grid;grid-template-rows:repeat(6,1fr);font-size:10px;color:var(--muted)}.row-labels span{display:flex;align-items:center}.board{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));width:100%;aspect-ratio:1;border:2px solid var(--ink);border-radius:4px;overflow:hidden;background:var(--white)}.cell{min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:0;border-right:1px solid #213d371c;border-bottom:1px solid #213d371c;transition:background-color .25s ease;background:var(--region-color)}.cell[aria-pressed=true]{background-image:linear-gradient(#ffffff25,#ffffff25)}.cell:focus-visible{outline-offset:-5px;z-index:3}.cell:disabled{opacity:1}.pips{position:relative;display:flex;align-items:center;justify-content:center;gap:5px}.pip{width:7px;height:7px;border-radius:50%;background:#263e35}.pips.n3{width:21px;height:21px;display:block}.n3 .pip{position:absolute;bottom:1px}.n3 .pip:first-child{left:7px;top:0}.n3 .pip:nth-child(2){left:0}.n3 .pip:nth-child(3){right:0}.empty-dot{width:3px;height:3px;border-radius:50%;background:#213d3730}.region-letter{position:absolute;font-size:10px;top:4px;left:5px;line-height:1;font-weight:700}.cut-animation{position:absolute;background:var(--ink);pointer-events:none;z-index:4;transform-origin:top left;animation:cut-in .3s ease-out}.cut-animation.vertical{width:3px;animation-name:cut-in-v}.cut-animation.horizontal{height:3px}@keyframes cut-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cut-in-v{from{transform:scaleY(0)}to{transform:scaleY(1)}}.totals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0 20px 14px}.total{display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;padding:8px 11px;background:var(--region-color);border-radius:5px;min-height:49px}.total[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.total-letter{font-size:11px;font-weight:700}.total strong{font-size:23px;font-family:Georgia,serif;font-weight:400}.total.placeholder{background:transparent;border:1px dashed #cbd0c5;color:#8b9487}.total.placeholder strong{font-family:Arial,sans-serif;font-size:16px}.controls{border-top:1px solid var(--line);padding-top:18px}.control-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.control-heading .eyebrow{font-size:9px;letter-spacing:1.25px;color:var(--muted);margin-bottom:6px}.control-heading h2{font-size:20px;letter-spacing:-.3px}.selected-chip{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #213d3740;border-radius:50%;font-size:13px;font-weight:700;background:var(--region-color)}.segmented{display:flex;border:1px solid #c9cfc3;border-radius:7px;padding:3px;gap:4px;background:#eaece3}.segmented button{flex:1;border-radius:4px;background:transparent;font-size:13px;min-height:44px}.segmented button span{margin-right:7px;font-size:20px}.segmented button[aria-pressed=true]{background:var(--white);box-shadow:0 1px 3px #213d371a;font-weight:700}.line-caption{font-size:11px;color:var(--muted);margin:14px 0 8px}.cut-options{display:flex;gap:8px}.line-button{flex:1;background:var(--white);border:1px solid #b9c4b7;border-radius:5px;font-size:13px;min-height:46px;transition:background .15s}.line-button:hover{background:#e2e9d8}.line-button .between{color:#81917f;font-size:10px;margin:0 5px}.hint{font-size:11px;line-height:1.5;color:var(--muted);margin:10px 0 18px}.actions{display:flex;gap:8px;padding-top:2px}.secondary{background:transparent;border:1px solid #bfc8ba;border-radius:6px;font-size:12px;padding:0 15px;min-height:46px}.primary{background:var(--ink);color:#fffef9;border-radius:6px;padding:0 18px;font-size:13px;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px}.primary:hover{background:#31574b}.primary:disabled{background:#cdd4c7;color:#4b5f50;opacity:1}.primary span{font-size:18px}.actions .primary{margin-left:auto;flex:1;max-width:220px}.lock-note{text-align:center;font-size:10px;color:var(--muted);margin-top:12px;line-height:1.5}.experiment-message{display:flex;gap:13px;padding:20px 10px 24px;border-top:1px solid var(--line)}.experiment-message>span{font-size:24px;color:#476b50}.experiment-message h2{font-size:21px}.experiment-message p{font-size:12px;margin-top:6px;color:var(--muted)}.result{padding:22px;border:1px solid #c3cfbd;background:#edf0e5;border-radius:7px}.result-top{display:flex;align-items:center;gap:14px}.medal{font-size:32px}.result h2{font-size:27px;letter-spacing:-.7px;margin-top:5px}.result .eyebrow{font-size:8px}.result-stats{display:grid;grid-template-columns:1fr 1fr;margin:23px 0 18px}.result-stats>div{display:flex;flex-direction:column;gap:6px}.result-stats>div+div{padding-left:25px;border-left:1px solid #c9d3c1}.result-stats>div>span{font-size:11px;color:var(--muted)}.result-stats strong{font-family:Georgia,serif;font-size:40px;font-weight:400;line-height:1.1}.result-stats strong span{font-size:17px}.result-stats small{font-size:10px;color:var(--muted)}.score-explanation{font-size:13px;line-height:1.6}.tie-explanation{font-size:11px;line-height:1.6;margin-top:6px;color:var(--muted)}.share-button{width:100%;margin-top:20px}.next-puzzle{text-align:center;font-size:11px;line-height:1.8;margin-top:18px;color:var(--muted)}.next-puzzle strong{font-weight:600}.next-puzzle>span{font-variant-numeric:tabular-nums;color:var(--ink)}.status{font-size:12px;line-height:1.5;text-align:center;min-height:18px;margin-top:9px}.storage-note{font-size:12px;line-height:1.5;color:#7e4c22;background:#f7e5c0;padding:12px;border-radius:4px}.daily-note{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;border-top:1px solid var(--line);margin-top:26px;padding:21px 0 30px}.tiny-grid{font-size:32px;color:#85947e}.daily-note p{font-size:12px;line-height:1.8}.daily-note p span{font-size:11px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:22px 24px 35px;text-align:center;display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;color:var(--muted)}footer a{text-decoration:none}footer button{font-size:10px;background:transparent;text-decoration:underline}dialog{width:min(100% - 32px,440px);max-height:calc(100dvh - 32px);padding:25px;border:1px solid #c7cec0;border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #172c3340}dialog::backdrop{background:#1b2d2666;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-top .eyebrow{font-size:9px}.icon-button{font-size:28px;background:transparent;min-width:44px;margin:-10px -10px 0 0}dialog h2{font-size:32px;letter-spacing:-.8px;margin-top:10px}.tutorial-art{display:grid;grid-template-columns:1fr 1fr;height:80px;width:130px;transform:rotate(-4deg);gap:3px;margin:20px auto;border:2px solid var(--ink);background:var(--ink)}.tutorial-art div{display:grid;place-items:center;background:var(--green);font-family:Georgia,serif;font-size:19px}.tutorial-art div:nth-child(2){background:var(--yellow)}.tutorial-art div:nth-child(3){background:var(--blue)}.tutorial-art div:nth-child(4){background:var(--pink)}dialog ol{font-size:13px;line-height:1.65;padding-left:20px}dialog li{padding-left:5px;margin-bottom:12px}dialog p:not(.eyebrow){font-size:12px;line-height:1.6;margin:15px 0}.tutorial-scoring{padding-top:12px;border-top:1px solid var(--line)}.tutorial-lock{color:var(--muted)}dialog .primary{width:100%;margin-top:18px}#manual-share{margin-top:15px;font-size:12px}textarea{width:100%;margin-top:8px;border:1px solid #aebaa4;border-radius:4px;padding:9px;background:var(--white);font:12px/1.5 Arial,sans-serif;color:var(--ink)}
@media(max-width:480px){.site-header{padding:12px 20px}.brand{font-size:10px;letter-spacing:1.1px}.help-button{font-size:12px}.masthead{padding-top:26px;padding-bottom:23px}h1{font-size:57px}.subtitle{font-size:12px}.edition{margin-top:15px;font-size:10px}.game-topline{font-size:11px;padding-left:14px}.budget{font-size:10px;gap:4px}.budget i{height:13px;width:4px}.totals{gap:6px;margin-top:12px;margin-bottom:18px}.total{padding:7px 9px;min-height:45px}.total strong{font-size:21px}.actions .secondary{padding:0 12px}.result{padding:19px}.result h2{font-size:24px}footer{flex-direction:column;gap:9px;padding-top:20px}.daily-note{margin-top:20px;padding-bottom:20px}.control-heading h2{font-size:19px}.cell .pip{width:6px;height:6px}}
@media(max-width:350px){main{width:calc(100% - 28px)}.site-header{padding-right:14px;padding-left:14px}.help-button span{display:none}h1{font-size:50px}.subtitle{font-size:11px}.game-topline{font-size:10px}.budget span{margin-right:2px}.totals{gap:5px}.total{padding:6px}.total-letter{font-size:10px}.line-button{font-size:12px}.line-button .between{margin:0 3px}.actions{gap:6px}.primary{padding:0 12px;font-size:12px}.secondary{font-size:11px}.control-heading h2{font-size:18px}.result-stats>div+div{padding-left:15px}.result h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
