:root{color-scheme:light;--ink:#24382e;--paper:#f5f3eb;--green:#37694e;--orange:#c7633f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 ui-sans-serif,system-ui,sans-serif}main{max-width:1150px;margin:auto;padding:0 30px}header{display:flex;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid #d6d9cb;font-size:10px;letter-spacing:2px}header span{flex:1;color:#6a796b}.wordmark{font:italic 26px Georgia;color:var(--green);text-decoration:none}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #cbd1c4;background:transparent;padding:10px 16px;border-radius:7px;transition:background .15s,transform .15s}button:hover{background:#e7eadf}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible{outline:3px solid #d29f45;outline-offset:3px}button:disabled{opacity:.38;cursor:default}.intro{padding:36px 0 28px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:750;color:#71806e;margin:0 0 10px}h1{font:normal clamp(42px,6vw,68px)/1.07 Georgia,serif;letter-spacing:-2px;margin:0}h1 i{font-weight:normal;color:var(--orange)}.subtitle{margin:12px 0 0;color:#74806f}.layout{display:grid;grid-template-columns:minmax(0,650px) minmax(240px,1fr);gap:42px;align-items:start}.table{background:#e3e7da;border:1px solid #d2d9c8;border-radius:18px;padding:22px;box-shadow:0 16px 40px #273a2510}.scoreboard{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.score{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1.5px}.score strong{font:34px/1 Georgia}.score.moss{color:var(--green)}.score.ember{color:var(--orange);flex-direction:row-reverse}.turn{text-align:center;font-size:10px;letter-spacing:1.4px;display:flex;flex-direction:column}.turn small{color:#768270;font-size:10px;letter-spacing:0}.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;background:#ccd4c0;border:8px solid #ccd4c0;border-radius:10px;aspect-ratio:1}.cell{padding:0;min-width:0;position:relative;aspect-ratio:1;border:0;border-radius:5px;background:#eef0e5;display:grid;place-items:center;touch-action:manipulation}.cell:nth-child(even){background:#e7ebdd}.cell:hover{background:#f8f8ef}.cell .coord{position:absolute;bottom:2px;left:4px;font:8px/1 system-ui;color:#53674c;opacity:.55}.stone{width:70%;height:70%;border-radius:50%;box-shadow:0 3px 3px #243a3330,inset 0 2px 3px #fff6;display:grid;place-items:center;color:#fff9;font-size:18px;animation:arrive .2s ease-out}.stone.black{background:radial-gradient(circle at 30% 25%,#699572,#2b5a40)}.stone.white{background:radial-gradient(circle at 30% 25%,#e6a16f,#b74f32)}.cell.selected{box-shadow:inset 0 0 0 3px #d6a44d}.cell.last{box-shadow:inset 0 0 0 2px #7d9170}.cell.legal:after{content:"";width:20%;height:20%;background:#7b9b68;border-radius:50%;position:absolute}.cell.jump:after{background:transparent;border:2px solid #b18852;width:25%;height:25%}.cell.gap{background:#b5c1a9;cursor:default}.cell.gap:after{content:"";width:55%;height:43%;border-radius:42% 58% 38% 45%;background:linear-gradient(135deg,#9faa95,#808e76);box-shadow:inset 2px 2px #bac2af}.cell.hinted{outline:3px solid #d7a649;outline-offset:-3px}.legend{display:flex;justify-content:center;gap:25px;font-size:10px;color:#66765b;margin-top:16px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.clone{background:#7b9b68}.jump{border:1px solid #b18852}#message{min-height:42px;margin:16px 0 0;text-align:center;font-size:13px}.note{padding:5px 0 20px;border-bottom:1px solid #d6d9cb}h2{font:normal 29px/1.2 Georgia;letter-spacing:-.5px;margin:12px 0}.note p:not(.eyebrow){color:#6b7867;font-size:13px;max-width:290px}.mini{display:flex;align-items:center;gap:18px;color:var(--green);font-size:25px}.mini em{font-size:17px;color:#a6ad9d}.mini span:last-child{color:var(--orange)}.settings{display:grid;gap:8px;padding-top:20px}.settings label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6b7867;margin-top:4px}select{width:100%;background:#f9f8f2;border:1px solid #cbd1c4;border-radius:6px;padding:10px;font-size:12px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#29543e}#new{margin-top:10px}.actions{display:flex;gap:8px}.actions>*{flex:1;font-size:12px}.save{font-size:10px;color:#87907f;margin:4px 0}.credit{font-size:10px;line-height:1.8;color:#7d8975;margin-top:20px}a{color:inherit}footer{display:flex;justify-content:space-between;border-top:1px solid #d6d9cb;margin-top:35px;padding:20px 0;color:#7d8975;font:italic 12px Georgia}footer span{font:9px system-ui;letter-spacing:1px}dialog{border:1px solid #d2d9c8;border-radius:16px;background:var(--paper);color:var(--ink);max-width:540px;width:calc(100% - 30px);padding:30px;box-shadow:0 30px 100px #18322233}dialog::backdrop{background:#1f322c85;backdrop-filter:blur(4px)}dialog p,li{font-size:13px;color:#5e705d}li{margin:12px 0}ol{padding-left:19px}.close{float:right;border:0;font-size:24px;padding:0 8px}#confirm{max-width:380px}@keyframes arrive{from{transform:scale(.7)}to{transform:scale(1)}}@media(max-width:750px){main{padding:0 16px}.layout{grid-template-columns:1fr;gap:24px}.intro{padding:26px 0}.table{padding:14px}.board{gap:4px;border-width:6px}aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note{border:0;padding-top:20px}.settings{padding-top:0}.credit{grid-column:1/-1;margin-top:0}h2{font-size:25px}header{gap:14px}header span{font-size:8px;letter-spacing:1px}header button{padding:8px;font-size:10px}footer{gap:20px}footer span{max-width:130px}}@media(max-width:430px){aside{grid-template-columns:1fr}.note{display:none}.table{padding:10px}.score{gap:6px;font-size:9px}.score strong{font-size:28px}.turn{font-size:8px}.stone{font-size:14px}.cell .coord{font-size:6px}.board{gap:3px}.legend{gap:15px}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}