@charset "UTF-8";
:root{color-scheme:light;--ink:#163b35;--green:#144f46;--paper:#f6f5ef;--teal:#147d80;--orange:#ef8524;--line:#dedfd5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #cccec3;background:transparent;color:inherit;border-radius:14px;min-height:48px;padding:12px 18px;font-weight:650}button:hover{background:#e8ede4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d28c38;outline-offset:3px}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{max-width:540px;margin:auto;padding:0 24px;min-height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:26px 0 20px;border-bottom:1px solid #dcdfd5}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:20px;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;margin-top:2px}.icon-btn{width:40px;min-height:40px;height:40px;padding:0;border-radius:50%;font-size:20px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.2px;color:#557267}#home{position:relative;padding-top:31px}h1{font-size:clamp(40px,9vw,54px);line-height:1.16;letter-spacing:-2.5px;margin:14px 0 16px;font-weight:850}h1 em{font-style:normal;color:#2a7860}.intro{font-size:15px;line-height:1.75;color:#59675e;margin:0 0 24px}.hero-board{position:relative;width:176px;height:176px;display:grid;grid-template-columns:1fr 1fr;transform:rotate(-8deg);margin:30px auto 36px;gap:5px;background:var(--paper)}.hb{border:4px solid #d3d9cd;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800}.hb.mine{background:#d4ebe8;border-color:var(--teal);color:var(--teal)}.hb.theirs{background:#ffe5c7;border-color:var(--orange);color:#8a4309}.hb.blank{border-style:dashed}.p{width:12px;height:12px;background:var(--ink);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.p1{left:0;top:0}.p2{left:50%;top:0}.p3{left:100%;top:0}.p4{left:0;top:50%}.p5{left:50%;top:50%}.p6{left:100%;top:50%}.p7{left:0;top:100%}.p8{left:50%;top:100%}.p9{left:100%;top:100%}.hero-tag{position:absolute;white-space:nowrap;right:-44px;bottom:24px;background:#eac56e;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800;transform:rotate(13deg);box-shadow:0 3px 0 #cfad5d}.home-options{border-top:1px solid var(--line);margin-bottom:18px}.option-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.segmented{display:flex;gap:4px}.segmented button{padding:7px 11px;min-height:36px;font-size:12px;border:0;border-radius:8px}.segmented button[aria-pressed=true]{background:var(--green);color:white}select{background:transparent;border:0;color:var(--ink);padding:8px;font-size:13px}.primary{background:var(--green);color:#fff;border-color:var(--green);width:100%;display:flex;align-items:center;justify-content:space-between;min-height:56px}.primary:hover{background:#206556}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.two button{font-size:13px;padding:14px 12px;display:flex;justify-content:space-between}.quiet{text-align:center;font-size:11px;color:#6b786d;margin:18px 0 10px}.text-btn{border:0;padding:10px 4px;min-height:44px;font-size:12px;color:#60766a;background:transparent}.text-btn:hover{background:transparent;color:var(--ink);text-decoration:underline}footer{display:flex;justify-content:space-between;font-size:10px;color:#657567;border-top:1px solid var(--line);margin-top:auto;padding:22px 0 26px}main{padding-bottom:24px}#online-panel{padding-top:15px}.small-title{font-size:38px}.or{text-align:center;color:#7c8779;font-size:12px;margin:30px 0 20px}label{font-size:13px}.join-row{display:flex;gap:8px;margin-top:10px}input{min-width:0;width:100%;border:1px solid #becbbc;border-radius:12px;padding:14px;background:#fff;text-transform:uppercase;font-weight:700;letter-spacing:2px}.join-row button{background:#e5ebe0;white-space:nowrap}#play{padding-top:14px}.play-top{display:flex;align-items:center;justify-content:space-between}.scoreboard{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;margin:8px 0 18px}.score-card{border-radius:16px;padding:14px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;border:2px solid transparent;transition:border-color .2s}.score-card.mine{background:#d4ebe8;color:#11666a}.score-card.theirs{background:#ffe5c7;color:#8a4309}.score-card span{font-size:14px;font-weight:700}.score-card strong{font-size:37px;grid-row:span 2;line-height:1}.score-card small{font-size:9px;letter-spacing:.3px;margin-top:5px}.score-card.active{border-color:currentColor}.score-vs{order:1;font-size:10px;text-align:center;font-weight:800;color:#899282}.turn{font-size:14px;min-height:24px;text-align:center;font-weight:750;margin:0 0 16px}.board-wrap{padding:10px;background:#fffdf7;border:1px solid #e0dfd3;border-radius:20px;box-shadow:0 6px 0 #e7e8de}.board{position:relative;width:100%;aspect-ratio:1;user-select:none}.dot{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:#204b40;pointer-events:none;z-index:3}.edge{position:absolute;border:0;border-radius:6px;padding:0;min-height:0;background:transparent;z-index:2}.edge::after{content:"";position:absolute;background:#e4e7dc;border-radius:9px;inset:10px 3px}.edge.v::after{inset:3px 10px}.edge.h{height:24px;transform:translateY(-50%)}.edge.v{width:24px;transform:translateX(-50%)}.edge:hover::after{background:#a7c2b4}.edge.taken{opacity:1;pointer-events:none}.edge.taken.mine::after{background:var(--teal)}.edge.taken.theirs::after{background:var(--orange)}.edge.last::after{box-shadow:0 0 0 1px #163b35}.box{position:absolute;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(18px,5vw,26px);z-index:0;pointer-events:none;border:7px solid #fffdf7}.box.mine{background:#d4ebe8;color:#11666a}.box.theirs{background:#ffe5c7;color:#8a4309}.board-caption{display:flex;justify-content:space-between;font-size:10px;color:#6c7b68;margin:18px 2px 22px}.room-info{display:flex;justify-content:space-between;align-items:center;background:#e7ecdf;border-radius:12px;padding:12px 16px}.room-info small{display:block;font-size:10px}.room-info strong{display:block;font-size:22px;letter-spacing:3px;margin-top:4px}.room-info button{font-size:12px;min-height:40px;padding:8px 12px}.full{width:100%;margin-top:12px}.result{text-align:center;border:1px solid #d6dcca;border-radius:16px;padding:22px 18px;margin-top:18px;background:#eef0e4}.result h2{font-size:28px;margin:8px 0}.result p{font-size:14px}.result .primary{justify-content:center}.result .eyebrow{font-size:10px;letter-spacing:3px}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:24px;padding:30px;max-width:440px;width:calc(100% - 40px);box-shadow:0 20px 80px #1235}dialog::backdrop{background:#122a20aa}.close{float:right}.close+h2{margin-top:0}dialog h2{font-size:28px}dialog ol{padding-left:20px;line-height:1.8;font-size:14px}dialog li{padding:8px 0}dialog p{font-size:12px;line-height:1.7;color:#667663}dialog .primary{justify-content:center}#message{padding:14px;border-radius:12px;background:#f3e0c9;color:#793f1f;font-size:13px;line-height:1.5}.privacy{max-width:700px;padding:30px 24px;margin:auto;line-height:1.8}.privacy h1{font-size:32px}.privacy h2{font-size:19px;margin-top:30px}@media(min-width:700px){.shell{padding:0 34px}.hero-board{position:absolute;width:148px;height:148px;right:28px;top:73px;margin:0}.hero-tag{right:-30px;font-size:10px}h1{font-size:46px}#home .intro{font-size:14px}.home-options{margin-top:38px}footer{margin-top:22px}}@media(max-width:360px){.shell{padding:0 16px}.two button{font-size:12px}.score-card{padding:12px}.board-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.home-options{margin-top:24px;margin-bottom:0}.mode-buttons{margin-top:22px}@media(max-width:699px){.hero-board{display:none}}

.admission{padding:18px;background:#e7efea;border:1px solid #bacfc3;border-radius:16px;margin-bottom:18px;font-size:14px;line-height:1.6}.admission strong{display:block}.admission p{font-size:12px;margin:10px 0}.admission .two{grid-template-columns:1.4fr 1fr}.admission .primary{min-height:48px;justify-content:center}.admission button{font-size:13px}.score-card small{white-space:nowrap}.box{font-size:clamp(14px,4vw,21px)}

.lobby-link{display:block;margin:auto}.lobby-shortcut{margin:0;white-space:nowrap;font-size:11px;padding:8px 3px}.lobby{padding-top:14px}.lobby-heading{display:flex;justify-content:space-between;align-items:center}.lobby-heading h2{font-size:25px;margin:14px 0}.lobby-room{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:13px;font-weight:700}.lobby-room button{font-size:12px;min-height:44px;padding:8px 14px}.lobby .primary{justify-content:center;margin-top:16px}.lobby .quiet{line-height:1.7}.lobby #lobby-list{margin:18px 0}.lobby #lobby-count{letter-spacing:.2px}@media(min-width:1024px){.shell{max-width:1000px}main{display:grid;grid-template-columns:minmax(0,492px) minmax(250px,1fr);gap:38px}main>section,main>#message{grid-column:1}main>.lobby{grid-column:2;grid-row:1;align-self:start;border-left:1px solid var(--line);padding-left:28px;margin-top:14px}#lobby-back,.lobby-shortcut,.lobby-link{display:none}}

.edge.taken.h::after{inset:9px 3px}.edge.taken.v::after{inset:3px 9px}

.last-marker{position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%) rotate(45deg);border:3px solid #8a4309;border-radius:2px;background:#fffdf7;box-shadow:0 0 0 2px #fffdf7;pointer-events:none;z-index:1}

.own-last .last-marker{transform:translate(-50%,-50%);border-radius:50%;border-color:#11666a}