:root{color-scheme:light;--ink:#203a40;--muted:#647778;--paper:#f3efe6;--blue:#2178dc;--line:#cbd2cd;--warm:#e8dfcb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}main{max-width:1200px;margin:auto;padding:28px 38px}header{display:flex;justify-content:space-between;align-items:center;padding:0 0 22px;border-bottom:1px solid var(--line)}a{color:inherit}.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:900;text-decoration:none;letter-spacing:-3px}.brand span{letter-spacing:2px;font-size:11px}.edition,.eyebrow,footer{font-size:10px;font-weight:700;letter-spacing:2px}.edition{color:var(--muted)}.intro{display:grid;grid-template-columns:1fr 250px;gap:25px;margin:42px 0 36px}.eyebrow{color:#59747b;margin:0 0 16px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(35px,4.3vw,58px);line-height:1.03;letter-spacing:-2px;margin:0}.lede{max-width:540px;font-size:15px;line-height:1.65;color:var(--muted);margin-bottom:0}.intro-art{background:repeating-linear-gradient(0deg,transparent,transparent 23px,#dfe2d8 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#dfe2d8 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.art-cube{font-size:100px;line-height:1;color:var(--blue);text-shadow:8px 10px 0 #c7d7df}.intro-art span{font-size:8px;letter-spacing:1px}.workspace{display:grid;grid-template-columns:minmax(300px,1fr) 300px;border:1px solid var(--line);background:#faf8f1}.play{padding:26px;border-right:1px solid var(--line)}.board-head{display:flex;align-items:center;justify-content:space-between;gap:12px}label{display:block;font-size:9px;letter-spacing:2px;margin-bottom:8px}select{font:700 15px Arial;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:6px 20px 6px 0;max-width:100%}#saved{font-size:11px;color:var(--muted);text-align:right}.metrics{display:flex;gap:20px;margin:22px 0 18px;align-items:center;font-size:8px;letter-spacing:1px}.metrics b{display:block;font-size:23px;letter-spacing:-1px;font-weight:400;margin-bottom:3px}#size{margin-left:auto;color:var(--muted)}#board{position:relative;display:grid;gap:5px;aspect-ratio:1;max-width:530px;margin:auto;background:#ccd4d0;padding:10px;border-radius:5px;box-shadow:0 10px 0 #bcc6c0,0 17px 20px #203a4012}.tile{position:relative;border:0;border-radius:2px;background:#eee9dc;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #d7d5c9;cursor:pointer}.tile.blue{background:#83b7e8;box-shadow:inset 0 0 0 1px #4b98d7}.tile.blue:after{content:'✦';color:#2d7fc7;font-size:18px}.tile.active:after{display:none}.tile.near{outline:1px dashed #55787b;outline-offset:-6px}.tile.hinted{outline:4px solid #d69735;outline-offset:-5px}.tile:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #bc7c24;outline-offset:3px}.cube{width:80%;max-width:83px;filter:drop-shadow(0 6px 3px #24475340);z-index:2;pointer-events:none;animation:land .2s ease-out}.cube polygon{stroke:#173b52;stroke-width:2;stroke-linejoin:round}.cube text{font:700 12px Arial;fill:#173b52;text-anchor:middle}.cube .painted{fill:#368aef}.cube .bare{fill:#f6f4e8}.cube .front.bare{fill:#dcdacb}.cube .right.bare{fill:#c7cdbf}.cube .front.painted{fill:#236dc0}.cube .right.painted{fill:#175999}@keyframes land{from{transform:translateY(-8px) scale(.94)}to{transform:translateY(0) scale(1)}}#status{min-height:43px;font-size:13px;line-height:1.5;margin:24px 0 8px}.actions{display:flex;gap:7px;flex-wrap:wrap}button{font:600 12px Arial;color:var(--ink);background:transparent;border:1px solid #bac8c4;border-radius:4px;padding:12px 14px;cursor:pointer;touch-action:manipulation}button:hover{background:#e6ebe3}button:disabled{opacity:.35;cursor:default}.primary{background:var(--ink);color:#fff;border-color:var(--ink);margin-left:auto}.primary:hover{background:#32535c}aside{padding:29px 24px}h2{font:400 29px/1.1 Georgia,serif;letter-spacing:-.6px;margin:0 0 18px}#net{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,49px);gap:4px;margin:10px 0 18px}.face{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #c5cec5;border-radius:3px;background:#e7e5d8;font-size:9px;gap:3px}.face.blue{background:#267ddf;color:white;border-color:#246bbb}.face .symbol{font-size:15px}.small,details{font-size:12px;line-height:1.6;color:var(--muted)}.small b{color:var(--ink)}.pad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,42px);gap:5px;justify-content:center;margin:24px 0}.pad button{padding:0;font-size:20px}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1}.pad button:nth-child(3){grid-column:2}.pad button:nth-child(4){grid-column:3}details{border-top:1px solid var(--line);padding:15px 0}summary{font-weight:700;color:var(--ink);cursor:pointer}ol{padding-left:18px}li{margin:8px 0}details p{margin-bottom:0}footer{display:flex;justify-content:space-between;color:var(--muted);letter-spacing:1px;gap:15px;margin:25px 0 10px;font-size:8px}@media(max-width:760px){main{padding:18px}.edition{display:none}.intro{grid-template-columns:1fr;margin:28px 0}.intro-art{display:none}h1{font-size:41px}.workspace{grid-template-columns:1fr}.play{padding:18px;border-right:0;border-bottom:1px solid var(--line)}aside{padding:24px}#net{max-width:280px;margin:auto}.pad{margin:18px 0}.small{max-width:340px;margin:15px auto}.metrics{margin-top:18px}footer{font-size:7px}#board{gap:4px;padding:7px}.actions button{padding:12px 10px}.brand span{font-size:10px}}@media(prefers-reduced-motion:reduce){.cube{animation:none}}
.tile:disabled{opacity:1;cursor:default}.tile:disabled:hover{background:#eee9dc}.tile.blue:disabled:hover{background:#83b7e8}