:root{--paper:#f5efe3;--ink:#f8f0df;--muted:#d1bcb3;--line:#e1c9b433;--mint:#b9d4bb;--peach:#e9b58b;--wood:#cfac71;--dark:#453635;--surface:#714d48}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 30% 5%,#a06e5a55,transparent 50%),linear-gradient(130deg,#77534c,#613d3e 85%);min-height:100vh}button,input,select{font:inherit}button{color:inherit;border:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(1.05)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:4px}a{color:inherit}[hidden]{display:none!important}header{max-width:1300px;margin:auto;padding:22px 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:10px;font-weight:750;letter-spacing:1.7px}.monogram{font:italic 32px Georgia,serif;letter-spacing:-3px;color:var(--peach)}.brand small{display:block;font-size:7px;font-weight:500;letter-spacing:1.4px;margin-top:3px;color:var(--muted)}nav{display:flex;align-items:center;gap:11px}.profilebutton{display:flex;align-items:center;gap:8px;padding:4px 13px 4px 5px;border:1px solid var(--line);background:#ffffff09;border-radius:30px;font-size:11px;font-weight:700}.profilebutton svg{width:35px;display:block}.iconbutton{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#ffffff0b;font-size:19px;font-weight:700}main{max-width:1180px;margin:auto;padding-top:34px}.hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{font-size:8px;font-weight:700;letter-spacing:1.8px;color:var(--muted)}h1{font:normal 67px/1.08 Georgia,serif;letter-spacing:-2.4px;margin:11px 0 14px}h1 em{color:var(--peach);font-weight:400}h1 em span{color:var(--mint)}.hero p{color:var(--muted);font-size:13px;margin:0}.hero p strong{font-weight:500;color:var(--ink)}.learnbutton{background:#ffffff06;border:1px solid var(--line);padding:17px 22px;border-radius:15px;display:flex;align-items:center;gap:16px;text-align:left;font-size:11px;color:var(--muted)}.learnbutton>span{font-size:38px;line-height:1;color:var(--mint)}.learnbutton strong{display:block;font-size:12px;color:var(--ink);margin-top:4px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.modepill{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px}.modepill i{width:7px;height:7px;background:var(--mint);border-radius:50%}.modepill strong{font-size:9px}.modepill>span{border-left:1px solid var(--line);padding-left:9px;color:var(--muted);font-size:8px}.tools{display:flex;gap:8px;flex-wrap:wrap}.smallbutton{background:#ffffff0c;border:1px solid var(--line);border-radius:8px;padding:8px 13px;font-size:11px;font-weight:650}.players{display:grid;grid-template-columns:1fr 95px 1fr;gap:20px;align-items:center;margin-bottom:19px}.player{background:#ffffff06;border:1px solid var(--line);padding:12px 17px;border-radius:15px;display:flex;align-items:center;gap:12px}.avatar{display:inline-block;width:48px;flex:none}.avatar svg{width:100%;display:block}.player>div{display:flex;flex-direction:column}.player strong{font-size:13px}.player small{font-size:9px;margin-top:3px;color:var(--muted)}.score{margin-left:auto;font:39px Georgia,serif;color:var(--peach)}.centerstone{font-size:30px;text-align:center;color:var(--mint);line-height:1}.centerstone small{font-size:7px;letter-spacing:1px;display:block;margin-top:8px;color:var(--muted)}.coach{display:flex;align-items:center;gap:16px;padding:17px 22px;margin-bottom:23px;background:#bcd3bc0a;border:1px solid #b9d4bb55;border-radius:14px}.coach>span{font-size:29px;color:var(--mint);line-height:1}.coach strong{font:23px Georgia,serif;font-weight:400}.coach p{color:var(--muted);font-size:11px;line-height:1.7;margin:4px 0 0}.textbutton{padding:0;background:none;color:var(--mint);font-size:11px;font-weight:750}.coach .textbutton{margin-left:auto;flex:none}.table{background:#351e2433;border:1px solid var(--line);border-radius:22px;padding:22px 25px 17px}.tableheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tableheading h2{font:27px Georgia,serif;font-weight:400;letter-spacing:-.4px;margin:4px 0 0}.tableheading .eyebrow{font-size:7px}.directionkey{font-size:8px;letter-spacing:1px;color:var(--muted);text-align:right}.directionkey small{display:block;font-size:8px;letter-spacing:0;margin-top:4px;color:var(--peach)}.wood{position:relative;display:grid;grid-template-columns:1.1fr repeat(6,1fr) 1.1fr;grid-template-rows:1fr 1fr;gap:17px 13px;padding:24px 22px;border-radius:35px;background:repeating-linear-gradient(3deg,#7f551b0b 0,#7f551b0b 1px,transparent 2px,transparent 9px),radial-gradient(ellipse at 37% 0%,#f2e2b8bb,transparent 60%),linear-gradient(105deg,#b48c50,#e3c68e 15%,#c4a064 45%,#e5c997 76%,#b68d53);box-shadow:inset 0 3px 1px #ffedc1aa,inset 0 -6px 2px #82582f66,0 10px 0 #341e2533,0 16px 35px #30121f44;border:1px solid #b8935b;min-height:266px}.pit,.store{position:relative;border-radius:50%;padding:0;border:1px solid #97763d88;background:radial-gradient(ellipse at 55% 68%,#d8bd83aa,#aa884a 65%,#806333);box-shadow:inset 1px 5px 9px #5c431c88,inset -2px -3px 3px #ffe4b888,0 1px 0 #fff1cd66;min-width:0;aspect-ratio:1;color:#655037;opacity:1!important;isolation:isolate}.pit:not(:disabled):hover{box-shadow:inset 1px 5px 9px #5c431c88,0 0 0 3px #e8efb2aa}.pit.selected{box-shadow:inset 1px 5px 9px #5c431c88,0 0 0 3px #e9f0c3,0 0 0 6px #61826e80}.pit.hint{outline:3px dashed #f9f0c6;outline-offset:4px}.pit.currentstep,.store.currentstep{outline:3px solid #f4eeb0;outline-offset:4px}.store{border-radius:48%;aspect-ratio:auto;grid-row:1/3;height:100%;min-height:200px}.store.mine{grid-column:8}.store.theirs{grid-column:1}.pitnumber{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);font-size:9px;color:#6c532c;line-height:1;font-weight:750;white-space:nowrap}.enemy .pitnumber{bottom:auto;top:-17px}.count{position:absolute;right:3px;top:1px;min-width:21px;height:21px;display:grid;place-items:center;background:#f6e5bfda;border-radius:50%;font-size:11px;font-weight:800;color:#644b2e;box-shadow:0 1px 4px #5d391d44;z-index:4}.store .count{right:7px;top:8px;font-size:16px;width:29px;height:29px}.storelabel{position:absolute;bottom:9px;left:0;width:100%;font-size:7px;font-weight:800;letter-spacing:1px;color:#6c532c;text-align:center;z-index:4}.stone{position:absolute;width:22%;height:24%;border-radius:47% 53% 45% 55%;background:radial-gradient(circle at 30% 22%,#f9ffff,#c4d1d1 35%,#748b94 80%);box-shadow:1px 3px 3px #43342066,inset 1px 1px 1px #ffffff88;transform:rotate(var(--rotation));z-index:2}.stone.c1{background:radial-gradient(circle at 30% 22%,#e2f6ff,#76a5ca 35%,#3c6c9b 80%)}.stone.c2{background:radial-gradient(circle at 30% 22%,#abb7b7,#59666e 35%,#2d3b44 80%)}.stone.c3{background:radial-gradient(circle at 30% 22%,#f6edc8,#ceb17d 35%,#97724c 80%)}.store .stone{width:24%;height:12%;max-height:27px}.boardlegend{display:flex;justify-content:space-between;gap:15px;align-items:center;color:var(--muted);font-size:9px;margin-top:21px}.boardlegend>span{display:flex;align-items:center;gap:5px}.boardlegend i{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--mint)}.actionbar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#3d242d44;border:1px solid var(--line);border-radius:15px;padding:18px 22px;margin-top:21px}.turnbadge{font-size:8px;letter-spacing:1.4px;font-weight:800;color:var(--mint)}.actionbar p{font-size:12px;margin:5px 0 0}.actions{display:flex;gap:8px;flex-wrap:wrap;flex:none}.primary,.secondary{padding:12px 17px;font-size:12px;font-weight:750;min-height:44px;border-radius:10px}.primary{background:var(--mint);color:#344c42;box-shadow:0 3px 0 #351c2533}.secondary{background:#ffffff08;border:1px solid var(--line)}.savestatus{font-size:9px;color:var(--muted);margin:12px 2px 0}.onlinepanel{margin-top:15px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;font-size:12px}.belowboard{display:grid;grid-template-columns:2fr 1fr;gap:35px;margin-top:29px}.panelheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.panelheading h3{font:23px Georgia,serif;margin:0;font-weight:400}.panelheading span{font-size:7px;font-weight:700;letter-spacing:1px;color:var(--muted)}.rulecards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rulecards>div{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#ffffff04}.rulecards b{display:block;color:var(--peach);font:25px Georgia,serif;margin-bottom:12px}.rulecards strong{font-size:11px}.rulecards p{font-size:10px;line-height:1.7;color:var(--muted);margin:8px 0 0}#log{padding-left:16px;font-size:10px;color:var(--muted);line-height:1.9;margin:0}.bottomnote{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:33px;padding:27px 0}.bottomnote>span{color:var(--peach);letter-spacing:3px;font-size:21px}.bottomnote p{font:23px Georgia,serif;margin:0;font-weight:400}.bottomnote p em{color:var(--peach)}.bottomnote button{margin-left:auto;flex:none}footer{max-width:1180px;margin:auto;border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:1px;color:var(--muted)}footer a{text-decoration:none}dialog{background:var(--paper);color:var(--dark);border:1px solid #dbd2c4;border-radius:21px;padding:24px;width:min(650px,calc(100% - 30px));max-height:88dvh;overflow:auto;box-shadow:0 25px 100px #25112177}dialog::backdrop{background:#2c1a2699;backdrop-filter:blur(5px)}.dialoghead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px}.dialoghead h2{font:32px/1.1 Georgia,serif;margin:4px 0;font-weight:400}.closebutton{width:34px;height:34px;background:#e4dfd4;border-radius:50%;font-size:25px;flex:none}.dialogactions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}#dialogBody p{font-size:12px;line-height:1.8;color:#786c65}.dialogactions .primary{background:#6d8874;color:#fff}.dialogactions .secondary{background:#e6e1d6;color:#51473e;border-color:#d6cdbd}.setting{display:flex;justify-content:space-between;align-items:center;gap:17px;padding:13px 0;border-bottom:1px solid #ddd4c5;font-size:12px}.setting small{display:block;font-size:10px;color:#8a7a70;max-width:360px;margin-top:4px}.setting input[type=checkbox]{width:19px;height:19px;accent-color:#6d8874}input[type=text],input:not([type]),select{background:#fffaf0;border:1px solid #d8cebc;border-radius:9px;padding:10px 12px;color:#51473e;font:inherit;max-width:100%}input[readonly]{width:100%;font-size:11px}label{font-size:12px}.avatarbuilder{display:grid;grid-template-columns:140px minmax(0,1fr);gap:23px}.avatarpreview{position:sticky;top:0;align-self:start;text-align:center}.avatarpreview svg{width:140px;margin-bottom:13px}.avatarpreview .secondary{background:#e6e1d6;color:#51473e}.avatarfields>label{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.avatarfields>label.setting{flex-direction:row}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:27px;height:27px;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #d1c4b8}.swatch.selected{outline:2px solid #51473e;outline-offset:2px}.piercinggrid{display:flex;flex-wrap:wrap;gap:8px}.piercinggrid label{padding:7px 10px;background:#e7e0d3;border-radius:7px;font-size:11px}.piercinggrid input{accent-color:#6d8874;vertical-align:middle}.subheading{font-size:9px;font-weight:800;letter-spacing:1px;margin:18px 0 8px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;max-width:calc(100% - 28px);background:var(--paper);color:var(--dark);border:1px solid #d5c4b2;border-radius:12px;font-size:12px;z-index:100;box-shadow:0 7px 30px #25112155}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.statgrid>div{text-align:center;background:#e6e1d6;padding:17px 8px;border-radius:12px}.statgrid strong{font:35px Georgia,serif;display:block}.statgrid span{font-size:10px;color:#8a7a70}.winmark{text-align:center;font-size:42px;letter-spacing:10px;color:#6d8874}.night{--muted:#c1afab;--line:#d1c0b62b;background:linear-gradient(130deg,#342b32,#281f2b)}.night .table{background:#1c182c55}.night .wood{filter:brightness(.84)}.compact main{padding-top:20px}.compact h1{font-size:47px}.compact .hero{margin-bottom:19px}.compact .hero p{display:none}.compact .coach{padding:12px 18px}.compact .belowboard,.compact .bottomnote{display:none}.large .count{font-size:14px;min-width:26px;height:26px}.large .pitnumber{font-size:11px}.large .coach p{font-size:13px}.theme-jewel .stone.c0{background:radial-gradient(circle at 30% 22%,#ffd6da,#dc7b87 35%,#9c3c5a 80%)}.theme-jewel .stone.c1{background:radial-gradient(circle at 30% 22%,#f5deff,#b588d6 35%,#735187 80%)}.theme-jewel .stone.c2{background:radial-gradient(circle at 30% 22%,#dbffed,#83bc9e 35%,#43836c 80%)}.theme-jewel .stone.c3{background:radial-gradient(circle at 30% 22%,#fff3ce,#dfbc78 35%,#b8874b 80%)}@media(max-width:1240px){main,footer{margin-left:30px;margin-right:30px}}@media(max-width:1000px){h1{font-size:55px}.wood{gap:15px 9px;padding:24px 17px;min-height:220px}.store{min-height:170px}.belowboard{grid-template-columns:1fr 280px;gap:25px}.rulecards>div{padding:12px}.table{padding:20px}.players{grid-template-columns:1fr 65px 1fr;gap:13px}.player{padding:11px 14px}.bottomnote p{font-size:21px}.actionbar{padding:17px}.actions button{padding:11px 13px;font-size:11px}}@media(max-width:760px){header{padding:16px 21px}main,footer{margin-left:21px;margin-right:21px}main{padding-top:26px}.hero{gap:20px;align-items:flex-start;margin-bottom:23px}h1{font-size:48px;letter-spacing:-1.8px}.hero p{font-size:11px}.learnbutton{padding:12px 14px;max-width:170px;gap:10px;font-size:10px}.learnbutton>span{font-size:30px}.learnbutton strong{font-size:11px}.eyebrow{font-size:7px;letter-spacing:1.1px}.toolbar{flex-wrap:wrap;gap:13px}.players{grid-template-columns:1fr 40px 1fr;gap:8px}.player{padding:10px;gap:8px}.player .avatar{width:38px}.player strong{font-size:12px}.player small{font-size:8px}.score{font-size:32px}.centerstone{font-size:25px}.centerstone small{font-size:6px}.coach{gap:12px;padding:15px 18px}.coach strong{font-size:22px}.coach p{font-size:11px}.wood{gap:13px 7px;padding:23px 13px;min-height:180px;border-radius:25px}.store{min-height:139px}.count{font-size:10px;min-width:19px;height:19px;right:0;top:0}.store .count{font-size:14px;width:25px;height:25px;top:6px;right:3px}.pitnumber{font-size:8px;bottom:-16px}.enemy .pitnumber{top:-16px}.table{padding:18px}.tableheading{margin-bottom:22px}.tableheading h2{font-size:25px}.tableheading .eyebrow{font-size:6px}.directionkey{font-size:7px}.boardlegend{font-size:8px;flex-wrap:wrap}.actionbar{gap:13px;flex-wrap:wrap}.actions{width:100%}.actions .primary{flex:1}.belowboard{grid-template-columns:1fr;gap:25px}.rulecards>div{padding:14px}.bottomnote{flex-wrap:wrap;gap:13px}.bottomnote p{font-size:19px}.bottomnote button{margin-left:auto}.onlinepanel{align-items:flex-start;flex-direction:column}}@media(max-width:550px){header{padding:13px 15px}.brand{font-size:8px;letter-spacing:1.2px;gap:9px}.brand small{font-size:6px;letter-spacing:.8px}.monogram{font-size:28px}nav{gap:7px}.profilebutton{padding-right:9px;font-size:9px;gap:5px}.profilebutton svg{width:29px}.iconbutton{width:29px;height:29px;font-size:17px}main,footer{margin-left:14px;margin-right:14px}main{padding-top:22px}.hero{gap:12px}.hero .eyebrow{font-size:6px;letter-spacing:1px;max-width:210px}h1{font-size:44px;line-height:1.02;margin-top:12px;max-width:240px}h1 em{display:block}.hero p{font-size:10px;max-width:225px;line-height:1.7}.hero p strong{display:block}.learnbutton{width:112px;max-width:112px;flex:none;flex-direction:column;align-items:flex-start;gap:6px;font-size:9px;padding:12px 10px;border-radius:12px}.learnbutton strong{font-size:10px}.learnbutton>span{font-size:25px}.modepill{font-size:8px;letter-spacing:.5px;gap:7px}.modepill strong{font-size:8px}.modepill>span{font-size:7px;padding-left:7px}.toolbar .tools{width:100%;gap:6px}.toolbar .smallbutton{flex:1;font-size:10px;padding:9px 7px}.players{grid-template-columns:1fr 26px 1fr;gap:6px;margin-bottom:16px}.player{padding:9px 8px;gap:6px;border-radius:12px}.player .avatar{width:32px}.player strong{font-size:10px}.player small{display:none}.score{font-size:30px}.centerstone{font-size:21px}.centerstone small{display:none}.coach{padding:13px 14px;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:18px}.coach>span{font-size:23px}.coach>div{flex:1}.coach strong{font-size:21px}.coach p{font-size:10px}.coach .textbutton{margin-left:31px}.table{padding:17px 14px 14px;border-radius:17px}.tableheading{margin-bottom:18px;gap:10px}.tableheading h2{font-size:23px}.tableheading .eyebrow{font-size:5px;letter-spacing:1px}.directionkey{font-size:6px;max-width:105px;letter-spacing:.5px}.directionkey small{font-size:7px}.wood{width:min(100%,292px);margin:auto;grid-template-columns:1fr 1fr;grid-template-rows:76px repeat(6,1fr) 76px;gap:10px 24px;padding:17px 27px;min-height:0;border-radius:25px}.store{min-height:0;height:76px;border-radius:45%;grid-column:1/3!important;grid-row:auto;aspect-ratio:auto}.pit{aspect-ratio:1;min-height:0}.store.theirs{grid-row:1}.store.mine{grid-row:8}.count{min-width:23px;height:23px;font-size:12px;right:1px;top:1px}.store .count{width:26px;height:26px;right:7px;top:6px;font-size:15px}.store .stone{width:13%;height:35%;max-height:27px}.storelabel{bottom:5px;font-size:7px}.pitnumber{left:-14px;top:50%;bottom:auto;transform:translateY(-50%);font-size:9px;width:10px}.enemy .pitnumber{left:auto;right:-15px;top:50%;bottom:auto}.boardlegend{font-size:7px;gap:9px;margin-top:16px;justify-content:center}.boardlegend #handStatus{width:100%;justify-content:center;text-align:center}.desktoponly{display:none}.actionbar{margin-top:17px;padding:15px;border-radius:12px}.actionbar p{font-size:11px}.actions{gap:7px}.actions button{font-size:11px}.turnbadge{font-size:7px}.belowboard{margin-top:24px}.panelheading h3{font-size:21px}.panelheading span{font-size:6px}.rulecards{gap:7px}.rulecards>div{padding:11px}.rulecards strong{font-size:9px}.rulecards p{font-size:9px}.rulecards b{font-size:23px;margin-bottom:9px}.bottomnote>span{font-size:17px}.bottomnote p{font-size:18px;flex:1}.bottomnote p em{display:block}.bottomnote button{margin-left:69px}footer{gap:10px;flex-wrap:wrap;font-size:6px;letter-spacing:.5px;padding:17px 0}.avatarbuilder{grid-template-columns:90px minmax(0,1fr);gap:16px}.avatarpreview svg{width:90px}.avatarpreview .secondary{font-size:10px;padding:9px}.avatarfields select{width:100%;font-size:12px}.swatch{width:24px;height:24px}.piercinggrid{gap:6px}.piercinggrid label{font-size:10px;padding:6px 7px}dialog{padding:21px}.dialoghead h2{font-size:28px}.setting{font-size:11px;gap:14px}.setting small{font-size:9px}.setting select{font-size:11px;max-width:135px}.compact h1{font-size:35px}.compact .hero{margin-bottom:17px}.compact .wood{grid-template-rows:60px repeat(6,1fr) 60px;max-width:230px;gap:8px 20px;padding:13px 23px}.compact .store{height:60px}.compact .count{min-width:19px;height:19px;font-size:10px}.compact .store .count{width:23px;height:23px}.compact .tableheading{margin-bottom:13px}.large .wood{max-width:310px}.large .count{font-size:15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:550px){.wood .pit.mine{grid-column:1!important;grid-row:var(--mobile-row)!important}.wood .pit.enemy{grid-column:2!important;grid-row:calc(9 - var(--mobile-row))!important}}

@media(max-width:550px){.store .stone{left:var(--store-x)!important;top:var(--store-y)!important}}

/* Pit position is derived from one shared board map, never DOM insertion order. */
.wood .pit{grid-column:var(--board-col);grid-row:var(--board-row)}
.inhandtray{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#30202c55;border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-top:17px;font-size:12px}.inhandtray strong{color:var(--mint)}.inhandtray>span{font-size:10px;color:var(--muted)}
@media(max-width:550px){.wood .pit.mine,.wood .pit.enemy{grid-column:var(--mobile-col)!important;grid-row:var(--mobile-row)!important}.store .stone{left:var(--store-x)!important;top:var(--store-y)!important;width:var(--store-w)!important;height:var(--store-h)!important}.inhandtray{font-size:11px;padding:9px 10px}.inhandtray>span{font-size:8px}}

.movepreview{padding:18px 22px;margin-top:18px;border:1px solid var(--mint);border-radius:14px;background:#203c3255}.movepreview strong{font-size:16px;color:var(--mint)}.movepreview p{font-size:13px;line-height:1.7}.previewroute{display:flex;flex-wrap:wrap;gap:7px}.previewroute span{padding:5px 9px;border:1px solid var(--line);border-radius:7px;font-size:12px}.previewroute .route-store{background:var(--mint);color:#244035;font-weight:800}.routebadge{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);background:#294d3e;color:white;border-radius:12px;padding:2px 6px;font-size:11px;font-weight:800;z-index:5;pointer-events:none}.store .routebadge{bottom:23px}.deposit{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);padding:5px 12px;border-radius:18px;background:#f9f0b4;color:#244035;font-size:25px;font-weight:900;z-index:7;pointer-events:none}.store.received{outline:5px solid #eff6a8;outline-offset:3px;box-shadow:0 0 25px #eff6a888}.store.mine{border:3px solid #466b4b}.store.mine .storelabel{font-size:9px;color:#263f26}.store.mine .count{background:#f4ffcf;color:#213d28}

/* Keep the installed release visible without opening settings. */
.app-release{display:block;font:600 12px/1.5 system-ui,sans-serif;letter-spacing:.02em;color:inherit;opacity:.85;margin:6px 0 12px;white-space:normal}.app-release time{font-weight:400}

.layoutchoice{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-6px 0 18px;font-size:12px;color:var(--muted)}.layoutchoice select{font-size:12px;padding:8px 10px;min-height:40px;background:#f5efe3;color:#453635}.boardviewport{overflow-x:auto;padding:8px 7px 20px;max-width:100%;scrollbar-width:thin}.board-vertical .wood{width:min(100%,340px);min-width:0;margin:auto;grid-template-columns:1fr 1fr;grid-template-rows:76px repeat(6,1fr) 76px;gap:10px 24px;padding:17px 27px;min-height:0;border-radius:25px}.board-vertical .wood .pit{grid-column:var(--mobile-col)!important;grid-row:var(--mobile-row)!important;aspect-ratio:1}.board-vertical .wood .store{grid-column:1/3!important;grid-row:auto;min-height:0;height:76px;border-radius:45%;aspect-ratio:auto}.board-vertical .wood .store.theirs{grid-row:1!important}.board-vertical .wood .store.mine{grid-row:8!important}.board-vertical .wood .store .stone{left:var(--store-x)!important;top:var(--store-y)!important;width:var(--store-w)!important;height:var(--store-h)!important}.board-vertical .pitnumber{left:-14px;right:auto;top:50%;bottom:auto;transform:translateY(-50%);font-size:10px;width:10px}.board-vertical .enemy .pitnumber{left:auto;right:-15px;top:50%;bottom:auto}.board-vertical .desktoponly{display:none}.board-vertical.compact .wood{max-width:260px;grid-template-rows:60px repeat(6,1fr) 60px;gap:8px 20px;padding:13px 23px}.board-vertical.compact .wood .store{height:60px}.board-horizontal .wood{width:100%;min-width:640px;margin:auto;grid-template-columns:1.1fr repeat(6,1fr) 1.1fr;grid-template-rows:1fr 1fr;gap:17px 13px;padding:24px 22px;min-height:220px;border-radius:30px;max-width:none}.board-horizontal .wood .pit{grid-column:var(--board-col)!important;grid-row:var(--board-row)!important;aspect-ratio:1}.board-horizontal .wood .store{grid-row:1/3!important;height:100%;min-height:170px;border-radius:48%;aspect-ratio:auto}.board-horizontal .wood .store.mine{grid-column:8!important}.board-horizontal .wood .store.theirs{grid-column:1!important}.board-horizontal .wood .store .stone{left:var(--pebble-x)!important;top:var(--pebble-y)!important;width:var(--pebble-w)!important;height:var(--pebble-h)!important}.board-horizontal .pitnumber{left:50%;right:auto;bottom:-18px;top:auto;transform:translateX(-50%);width:auto;font-size:9px}.board-horizontal .enemy .pitnumber{left:50%;right:auto;top:-17px;bottom:auto}.board-horizontal .desktoponly{display:inline}.board-vertical .storelabel{bottom:5px}.board-horizontal .storelabel{bottom:9px}

.boardviewtools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:18px}.boardviewtools .layoutchoice{margin:0}.boardgear{position:fixed;right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));z-index:70;width:44px;height:44px;display:grid;place-items:center;border:1px solid #f5efe355;border-radius:50%;font-size:26px;background:#3c302eee;color:#f5efe3;box-shadow:0 3px 14px #1c131333}.boardonlystatus{position:fixed;top:max(12px,env(safe-area-inset-top));left:12px;right:70px;z-index:60;text-align:center;font-size:12px;line-height:20px;color:var(--ink);pointer-events:none}.board-only{overflow:hidden;overscroll-behavior:none}.board-only>header,.board-only>footer,.board-only main>:not(.table){display:none!important}.board-only main{margin:0;padding:0;max-width:none}.board-only .table{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(58px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-radius:0;background:none}.board-only .tableheading,.board-only .boardviewtools,.board-only .boardlegend,.board-only .inhandtray{display:none!important}.board-only .boardviewport{display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;padding:0}.board-only .wood{margin:0!important;flex:none;transform:scale(var(--focus-scale,1));transform-origin:center;box-shadow:inset 0 3px 1px #ffedc1aa,inset 0 -6px 2px #82582f66,0 8px 24px #30121f44}.board-only.board-horizontal .wood{width:1100px!important;min-width:1100px!important;max-width:none!important}.board-only.board-vertical .wood{width:340px!important;min-width:340px!important;max-width:none!important;grid-template-rows:76px repeat(6,1fr) 76px;gap:10px 24px;padding:17px 27px}.board-only.board-vertical .wood .store{height:76px}.board-only .wood .pit.mine:not(:disabled){outline:3px solid #466b4b;outline-offset:2px;cursor:pointer}.board-only .wood .pit.mine:not(:disabled):hover{outline-color:#e8efb2}.board-only .wood .pit.mine:disabled{cursor:default}.board-only .wood .count{font-size:15px;min-width:26px;height:26px}.board-only .wood .store .count{font-size:18px;width:32px;height:32px}.board-only .wood .pitnumber{font-size:12px}.board-only .toast{z-index:90}.focusversion{font-size:12px!important}

.cornerhint{position:absolute;right:0;bottom:0;width:var(--corner-size,44px);height:var(--corner-size,44px);padding:0;border:0;border-radius:0 0 25px 0;background:transparent!important;box-shadow:none;opacity:1;z-index:9;touch-action:manipulation}.cornerhint:hover{filter:none!important}.cornerhint:focus-visible{outline:3px solid #466b4b;outline-offset:-4px}.remotepresence{position:fixed;top:12px;left:12px;display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:18px;background:#3c302eee;color:#f5efe3;font:12px/1.4 system-ui;z-index:65;max-width:calc(100vw - 80px)}.remotepresence i{width:11px;height:11px;flex:none;border-radius:50%;background:#e57c76;box-shadow:0 0 0 2px #ffffff44}.remotepresence i.active{background:#88d6a0}.board-only .remotepresence{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));font-size:11px}.board-only:has(.remotepresence:not([hidden])) .boardonlystatus{top:36px;font-size:11px;line-height:16px}