:root{font-family:'Avenir Next','Segoe UI',system-ui,sans-serif;color:#d9dfcb;background:#101e1c;--gold:#c5a574;--muted:#70877b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 40%,#26473a35,transparent 55%),#101e1c}button,select{font:inherit}button{cursor:pointer}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #d7b67e;outline-offset:4px}header{max-width:1320px;margin:auto;padding:25px 5%;border-bottom:1px solid #c1c8a31a;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#d9dfcb;display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.16em;font-weight:700}.brand small{display:block;font-size:7px;font-weight:400;letter-spacing:.18em;color:#657d70;margin-top:5px}.brand-icon{border:1px solid #b0986155;color:#c6a773;width:36px;height:40px;display:grid;place-items:center;border-radius:8px;transform:rotate(-7deg);font-size:28px}.local{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.13em;color:#617e6e}.local i{width:5px;height:5px;border-radius:50%;background:#8b9b78}main{max-width:1180px;margin:auto;padding:33px 4% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:8px;font-weight:700;letter-spacing:.2em;color:#ac9466;margin:0 0 14px}h1{font:400 47px/1.04 Georgia,serif;letter-spacing:-1.4px;margin:0;color:#e5e5cf}h1 em{font-weight:400;color:#bca579}.intro p:not(.eyebrow){font-size:11px;color:#72897a;margin:16px 0 0}.object-number{font-family:Georgia,serif;font-size:17px;color:#a08a5d;border:1px solid #b9a57422;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(7deg)}.object-number span{font-size:32px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:25px;align-items:start}.object-stage{border:1px solid #a9b89b22;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 48% 42%,#38574645,transparent 60%),linear-gradient(135deg,#172c26,#10221e);box-shadow:0 18px 50px #0002}.stage-heading,.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#627e6d;font-size:7px;letter-spacing:.13em;padding:20px 23px}.stage-heading span:first-child{color:#9a9c76}.canvas-wrap{position:relative;height:clamp(340px,49vw,530px);background:radial-gradient(ellipse at center,#36544216,transparent 62%)}.canvas-wrap:before{content:'';position:absolute;pointer-events:none;inset:10% 13%;border:1px solid #8195670a;border-radius:50%;box-shadow:0 0 0 35px #81956703,0 0 0 70px #81956702}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;position:relative}canvas:active{cursor:grabbing}.stage-hint{position:absolute;bottom:4%;left:0;right:0;display:flex;gap:10px;align-items:center;justify-content:center;pointer-events:none;color:#627c68;font-size:7px;letter-spacing:.14em}.drag-icon{font-size:20px;color:#a29569}.stage-hint i{font-style:normal;margin:0 10px;color:#a38c58}.stage-bottom{font-size:6px;padding-top:15px;padding-bottom:20px;letter-spacing:.07em;border-top:1px solid #92a47b0c}.stage-bottom>span:first-child{display:flex;align-items:center;gap:6px}.stage-bottom i{height:5px;width:5px;border-radius:50%;background:#b59a63}.stage-bottom b{font-weight:400;margin:0 6px;color:#405d4b}.inspect-card{padding:25px 23px;border:1px solid #c3c4a01c;border-radius:16px;background:#192d25}.inspect-card .eyebrow{font-size:8px;margin-bottom:12px}h2{font:24px/1.1 Georgia,serif;font-weight:400;letter-spacing:-.6px;margin:0 0 14px;color:#d4d9bd}.description,.face-info{font-size:10px;line-height:1.9;color:#809480;margin:0 0 20px}.face-display{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c6c6a21a;padding:21px 0 7px}.face-display small{font-size:7px;letter-spacing:.12em;color:#6f8874;display:block}.face-display strong{font:48px Georgia;color:#cfb27f;display:block;margin-top:5px}.face-symbol{font-size:46px;color:#8d916b;font-family:Georgia}.face-info{font-size:9px;min-height:34px;margin-top:7px;margin-bottom:17px}.neighbours{margin-bottom:22px}.neighbours>span{font-size:7px;letter-spacing:.1em;color:#7e947a}.neighbours>div{display:flex;gap:8px;margin-top:10px}.neighbours button{width:35px;height:32px;background:#293d2f;border:1px solid #c1ae7426;border-radius:6px;color:#cdb788;font:17px Georgia}.inspect-card label{font-size:9px;color:#839780;display:block;margin:0 0 9px}.focus-controls{display:flex;gap:6px;margin-bottom:13px}.focus-controls select,.focus-controls button{border:1px solid #a7b59626;background:#14261e;border-radius:7px;color:#a5b494;padding:10px 11px;font-size:10px}.focus-controls select{flex:1;min-width:0}.focus-controls button{color:#c2b17f}.primary{width:100%;display:flex;justify-content:space-between;border:1px solid #b6a16f45;border-radius:8px;background:#c7ab74;color:#233c2b;padding:12px 13px;font-size:10px;font-weight:700}.primary:hover{background:#d8bd88}.primary[aria-pressed=true]{background:#445e44;color:#dfdfbf;border-color:#85916c66}.secondary-controls{display:flex;gap:8px;justify-content:space-between;margin-top:9px}.secondary-controls>button,.secondary-controls>div{flex:1}.secondary-controls>div{display:flex;gap:5px}.secondary-controls button{padding:9px 10px;border:1px solid #c3c4a023;border-radius:7px;background:transparent;color:#859c82;font-size:9px;flex:1}.secondary-controls button:hover{background:#263e2d}.study-note{display:flex;gap:12px;padding:23px 5px}.study-note>span{font-size:25px;color:#8b8b62;line-height:1}.study-note h3{font-size:10px;color:#a3af8e;font-weight:500;margin:0 0 9px}.study-note p{font-size:9px;line-height:1.9;color:#5d7a67;margin:0}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #b0b18d13;margin-top:30px;padding:20px 0;color:#54715e;font-size:7px;letter-spacing:.03em}[hidden]{display:none!important}@media(max-width:800px){main{padding:25px 22px 0}.workspace{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.inspect-card{padding:21px 18px}.canvas-wrap{height:430px}.stage-heading,.stage-bottom{padding-left:16px;padding-right:16px}.stage-bottom{font-size:5px}.stage-bottom b{margin:0 3px}.stage-hint{font-size:6px;gap:5px}.stage-hint i{margin:0 5px}h1{font-size:42px}}@media(max-width:640px){header{padding:20px}.brand{font-size:10px}.brand small{font-size:6px}.local{font-size:6px;letter-spacing:.05em}main{padding:25px 16px 0}.intro{margin-bottom:25px}h1{font-size:37px}.intro p:not(.eyebrow){font-size:10px;max-width:220px;line-height:1.6}.object-number{width:58px;height:58px;font-size:14px}.object-number span{font-size:24px}.workspace{display:flex;flex-direction:column;gap:18px}.object-stage,aside{width:100%}.canvas-wrap{height:360px}.stage-heading{font-size:6px;padding:17px}.stage-bottom{font-size:6px;padding:16px}.stage-bottom>span:first-child{font-size:6px}.stage-hint{font-size:6px}.inspect-card{padding:24px}.description{margin-bottom:13px}h2{font-size:25px}.face-display{padding-top:17px}.face-display strong{font-size:42px}.study-note{padding:20px 6px}.eyebrow{font-size:7px}footer{font-size:6px;line-height:1.7;margin-top:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.plain-face{font-size:12px;line-height:1.8;color:#b1bea3}.paper-stage{margin-top:28px;border-radius:18px;padding:28px;background:#e5dfc9;color:#293d32;border:1px solid #cab98e}.paper-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.paper-heading h2{color:#283d32;font-size:29px}.paper-heading .eyebrow{color:#7b6b45}.paper-heading>span{font-size:8px;letter-spacing:.12em;color:#697260}#paper-net{display:block;width:100%;height:430px;margin:12px auto}.net-face{fill:#d3d7bd;stroke:none;cursor:pointer;transition:fill .15s}.net-face:hover,.net-face:focus{fill:#c6b675;outline:none}.net-face.selected{fill:#c2a25e}.fold-edge,.cut-edge{pointer-events:none;fill:none;stroke:#485b49;stroke-width:.012;stroke-linecap:round;stroke-linejoin:round}.fold-edge{stroke-dasharray:.045 .04;stroke:#7d8971;stroke-width:.009}.net-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;font-size:11px;color:#52604e}.net-legend span{display:flex;align-items:center;gap:10px}.net-legend i{width:26px;border-top:1px solid #485b49}.net-legend .dash-sample{border-top-style:dashed}.paper-note{font-size:11px;line-height:1.8;text-align:center;max-width:540px;margin:20px auto 0;color:#72775f}@media(max-width:640px){.paper-stage{padding:20px 14px}.paper-heading{align-items:start}.paper-heading>span{max-width:90px;font-size:7px;line-height:1.7}#paper-net{height:310px}.net-legend{font-size:9px;gap:12px}.paper-note{font-size:10px}}

.mine-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;color:#485b49}.paper-stage button{border:1px solid #839177;border-radius:8px;background:#d2d6bb;padding:10px 14px;color:#2b4636;font-size:12px}.paper-stage button[aria-pressed=true]{background:#365940;color:#f0ecd5}#mine-status{font-size:12px;line-height:1.7;min-height:40px;color:#52604e}.mine-cell{cursor:pointer;outline:none}.mine-cell polygon{fill:#b0bba0;stroke:#576e54;stroke-width:.016;stroke-linejoin:round;transition:fill .12s}.mine-cell:hover polygon,.mine-cell:focus polygon{fill:#c8b675;stroke:#705628;stroke-width:.03}.mine-cell.neighbour-cell polygon{stroke:#a3813c;stroke-width:.025}.mine-cell.revealed polygon{fill:#eee9d6;stroke:#a9b39a}.mine-cell.flagged polygon{fill:#c7bd8d}.mine-cell.mine polygon{fill:#b96d59}.mine-cell.wrong polygon{fill:#d9b5a0}.mine-cell text{pointer-events:none;font:bold .23px 'Segoe UI',sans-serif;text-anchor:middle;fill:#476e81}.mine-cell[data-count="2"] text{fill:#668343}.mine-cell[data-count="3"] text{fill:#a45842}.mine-cell.flagged text{fill:#88672e}.mine-cell.mine text{fill:#4f211a}@media(max-width:640px){.mine-toolbar{gap:12px;font-size:10px}.paper-stage button{font-size:10px;padding:9px}#mine-status{font-size:11px}}

.solid-game-info{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:10px;color:#c5bd93}.solid-game-status{font-size:10px;line-height:1.7;color:#abb99a;min-height:50px}.solid-flag,.solid-new{width:100%;padding:11px;border:1px solid #9daa7255;border-radius:8px;background:#263f30;color:#d4d7ba;font-size:11px;margin-bottom:10px}.solid-flag[aria-pressed=true]{background:#ad9157;color:#172a1e}

.solid-check{width:100%;padding:12px;border:1px solid #c5ad7255;border-radius:8px;background:#bdab72;color:#172a1e;font-size:11px;margin-bottom:10px}#mine-result{background:#1c3329;color:#d9dfcb;border:1px solid #c5a57477;border-radius:18px;padding:30px;max-width:430px;width:calc(100% - 36px);box-shadow:0 25px 90px #0008}#mine-result::backdrop{background:#06140fbb;backdrop-filter:blur(4px)}#mine-result h2{font-size:28px;line-height:1.2}#mine-result>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#acbda3}.result-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.result-actions button{border:1px solid #c5a57455;border-radius:8px;background:#314d39;padding:12px 16px;color:#e0dfbf;font:inherit;font-size:13px}.result-actions button:last-child{background:#c5ad78;color:#173526}
