@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#333b31;background:#f6f4ed;font-synthesis:none;--ink:#333b31;--green:#3d5948;--line:#dedfd3;--muted:#727769}
*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b88635;outline-offset:4px}button{color:inherit}header{height:100px;max-width:1344px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:'Fraunces',Georgia,serif;font-size:39px;letter-spacing:-2px;color:var(--ink);text-decoration:none}.wordmark span{color:#b58e50;margin-left:7px;font-size:31px}.edition,.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px}.edition{color:var(--muted)}.quiet{background:none;border:0;padding:8px 4px;font-size:12px}.quiet span{margin-left:16px}main{max-width:1248px;margin:auto;padding:0 32px}.intro{display:flex;align-items:center;justify-content:space-between;padding:42px 0 35px}.intro .eyebrow{color:#818777;margin-bottom:14px}h1{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:clamp(35px,4.3vw,54px);letter-spacing:-1.7px;line-height:1.06;margin:0}.intro p{font-size:14px;line-height:1.8;color:var(--muted);margin-right:30px}.players{display:flex;gap:10px;margin-bottom:20px}.player{padding:15px 18px;display:flex;align-items:center;gap:12px;flex:1;border:1px solid var(--line);border-radius:11px;transition:background .2s}.player.active{background:#e5eadd;border-color:#a7b59b}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:'Fraunces',Georgia,serif;font-size:17px;background:var(--player-color);color:#fff}.player-name{font-size:12px;font-weight:600}.player small{font-size:9px;color:var(--muted);display:block;letter-spacing:1px;margin-top:3px}.score{margin-left:auto;font-family:'Fraunces',Georgia,serif;font-size:27px}.score small{font:9px 'DM Sans',sans-serif;display:inline;margin-left:5px}.game{border:1px solid #d4d9c9;border-radius:15px;background:#ecefe3;overflow:hidden;box-shadow:0 10px 24px #34412b04}.table-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;font-size:11px;border-bottom:1px solid #dbe0d0}.table-heading>div{display:flex;align-items:center;gap:10px}.table-heading strong{font-weight:600;font-size:12px}.live-dot{width:6px;height:6px;border-radius:50%;background:#708b5c}.table-heading>span,#phase-label{color:#777e6c}#phase-label{padding-left:12px;margin-left:3px;border-left:1px solid #cbd0bf}.board-scroll{overflow-x:auto}.board{position:relative;width:100%;min-width:650px;aspect-ratio:1000/365;background-image:radial-gradient(#9aa58b22 .7px,transparent .7px);background-size:9px 9px}.board svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sweet{position:absolute;width:3.25%;height:9%;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;display:grid;place-items:center;isolation:isolate;transition:left .26s ease,top .26s ease}.sweet::before{content:'';position:absolute;inset:1px;background:linear-gradient(140deg,#ffffffb0 0%,#ffffff20 35%,#00000012 80%),var(--sweet);clip-path:polygon(24% 0,77% 0,100% 28%,94% 78%,72% 100%,19% 91%,0 64%,3% 24%);box-shadow:inset 3px 4px 7px #fff8;z-index:-1}.sweet::after{content:'';position:absolute;inset:6px;border-top:1px solid #ffffff9a;border-left:1px solid #ffffff5a;transform:rotate(-15deg);z-index:-1}.sweet span{font-size:clamp(13px,1.7vw,21px);color:#fff9ed;text-shadow:0 1px 3px #0003;line-height:1}.sweet.match{outline:1.5px solid #54714a;outline-offset:4px;border-radius:9px}.sweet.crossed{filter:drop-shadow(0 0 4px #c0923980)}.sweet.wishable{cursor:pointer}.sweet.wishable:hover,.sweet.wishable:focus-visible{scale:1.18}.sweet:disabled{opacity:1}.string-label{position:absolute;font-size:9px;letter-spacing:1px;color:#808773;transform:translateY(-50%);left:2.6%}.row-count{position:absolute;font-size:9px;color:#8b937f;transform:translateY(-50%)}.arrow{position:absolute;transform:translate(-50%,-50%);width:3.7%;height:10%;padding:0;background:#f7f8f0;border:1px solid #cdd3bf;border-radius:50%;font-size:19px;color:#55634b;transition:background .15s}.arrow:not(:disabled):hover{background:#d6dfc8}.board-footer{display:flex;justify-content:space-between;padding:14px 25px 18px;color:#79806e;font-size:10px}.legend{display:flex;gap:20px}.legend span{display:flex;align-items:center;gap:7px}.legend-ring{width:11px;height:11px;border:1px solid #54714a;border-radius:3px}.legend-ray{width:16px;height:1px;background:#b68e46;transform:rotate(-35deg)}.turn-panel{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:26px;margin:24px 0 28px;padding:4px 0}.roll-area,.wish-area{border-right:1px solid var(--line);padding-right:24px}.turn-panel .eyebrow{font-size:9px;color:#7d8274;letter-spacing:1.5px}.dice{display:flex;gap:9px;margin-top:12px;align-items:center;min-height:52px}.die{width:52px;height:52px;border-radius:10px;border:1px solid #d5d6ca;background:#fffdf8;box-shadow:0 3px 0 #deded2;font-family:'Fraunces',Georgia,serif;font-size:28px;position:relative}.die.selected{border:2px solid #56714a;background:#edf0e4}.die.used{opacity:.35;box-shadow:none}.die.used::after{content:'✓';position:absolute;right:3px;bottom:1px;font:10px 'DM Sans',sans-serif}.pool-count{font-family:'Fraunces',Georgia,serif;font-size:30px}.pool-count small{font:10px 'DM Sans',sans-serif;color:var(--muted)}.turn-panel p{color:var(--muted);font-size:11px;line-height:1.6;margin:12px 0 0}.wish-area h2{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:23px;margin:17px 0 6px;letter-spacing:-.5px}.wish-area h2 span{color:#b18d4e;margin-left:5px}.wish-area.available h2{color:#916620}.commit-area{display:flex;flex-direction:column;align-items:stretch;justify-content:center}.primary,.secondary{padding:15px 18px;border:0;border-radius:8px;background:var(--green);color:#fffdf3;font-size:12px;text-align:left;min-height:46px}.primary span{float:right;margin-left:10px}.primary:hover:not(:disabled){background:#304d3c}.commit-area .quiet{margin-top:9px}.commit-area p{text-align:center;font-size:10px;margin-top:3px;min-height:16px}.secondary{background:#e6e9de;color:var(--ink);white-space:nowrap}.lab,.journal{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:12px;font-weight:500;list-style:none}summary::before{content:'+';display:inline-block;width:22px;color:#7d846f}details[open]>summary::before{content:'−'}summary span{color:#848778;font-size:11px;margin-left:16px;font-weight:400}.settings{display:flex;align-items:end;flex-wrap:wrap;gap:15px;margin-top:22px}.settings label{display:flex;flex:1;flex-direction:column;gap:7px;font-size:10px;color:var(--muted)}select{border:1px solid #d5d7ca;border-radius:6px;background:#fffdf7;color:var(--ink);padding:10px;font-size:11px;min-height:40px}.lab p{font-size:11px;color:var(--muted);margin-top:15px}.journal ol{font-size:12px;color:var(--muted);line-height:1.8;padding-left:23px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:25px 0 30px;font-size:8px;letter-spacing:1px;color:#929686}footer a{font-size:10px;color:#737c69;letter-spacing:0}dialog{border:1px solid #d5d7ca;border-radius:16px;background:#fbfaf3;color:var(--ink);width:min(570px,92vw);max-height:85vh;padding:38px;box-shadow:0 20px 90px #14201630}dialog::backdrop{background:#283b2b66;backdrop-filter:blur(3px)}dialog h2{font-family:'Fraunces',Georgia,serif;font-size:36px;font-weight:400;line-height:1.1;margin:18px 0 24px}dialog ol{padding-left:20px}dialog li{font-size:13px;line-height:1.7;padding-left:5px;margin-bottom:13px}dialog p{font-size:12px;line-height:1.7;color:var(--muted)}.close{position:absolute;right:18px;top:13px;background:none;border:0;font-size:27px}.rule-note{border-top:1px solid var(--line);padding-top:15px}#budget-control{font-size:11px;margin-top:10px}#budget-control label{display:flex;gap:6px}#steps{accent-color:var(--green);width:100%;margin-top:6px}.end-banner{position:absolute;left:24%;right:18%;top:28%;background:#fbfaf1f5;border:1px solid #bdc9af;box-shadow:0 8px 30px #36442b12;border-radius:12px;text-align:center;padding:25px;z-index:4}.end-banner h2{font-family:'Fraunces',Georgia,serif;font-size:30px;font-weight:400;margin:0 0 8px}.end-banner p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.wish-token{font-size:11px;color:#967335}.needle-label{font-family:'DM Sans',sans-serif;font-size:9px;fill:#9b7c43;letter-spacing:1px}
@media(min-width:1500px){main{padding:0 12px}.intro{padding-top:48px}}
@media(max-width:700px){header{height:74px;padding:0 20px}.wordmark{font-size:32px}.edition{display:none}main{padding:0 16px}.intro{padding:28px 0;gap:14px}.intro h1{font-size:36px}.intro p{font-size:11px;margin:0;line-height:1.7}.intro .eyebrow{font-size:8px;letter-spacing:1px}.players{flex-wrap:wrap;gap:7px}.player{padding:11px;min-width:42%}.table-heading{padding:16px 14px}.table-heading>div{gap:7px}#phase-label{display:none}#remaining{font-size:9px}.board-footer{padding:12px 14px}.board-footer>span{display:none}.turn-panel{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.wish-area{border:0;padding-right:0}.roll-area{padding-right:15px}.commit-area{grid-column:1/-1;display:grid;grid-template-columns:1fr 110px;gap:3px 15px}.commit-area .quiet{margin:0}.commit-area p{grid-column:1/-1}.wish-area h2{font-size:21px}.settings label{min-width:42%}.settings .secondary{width:100%}summary span{font-size:10px;margin-left:7px}footer{flex-wrap:wrap;font-size:7px}footer span:last-child{display:none}.sweet span{font-size:15px}.board{min-width:650px}dialog{padding:27px}dialog h2{font-size:30px}}
@media(max-width:700px){.arrow{width:32px;height:32px;transform:translate(-50%,-145%);z-index:2}.arrow[data-direction="-1"]{left:37%!important}.arrow[data-direction="1"]{left:43%!important}.end-banner{left:12px;right:auto;width:326px;top:20%;padding:18px}.end-banner h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.table-summary{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 12px}.sweet{height:var(--bead-height,9%)}.arrow{height:var(--bead-height,9%)}.owner-badge{position:absolute;right:-5px;bottom:-7px;background:#fffdf3;border:1px solid #6e7765;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;font:700 10px 'DM Sans',sans-serif;color:#333b31;z-index:3}.settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.settings select{width:100%}#payout-preview{font-weight:700;color:#3d5948;min-height:18px}.settings .secondary{align-self:end}@media(max-width:700px){.settings{grid-template-columns:repeat(2,minmax(0,1fr))}.arrow{height:32px}.owner-badge{width:13px;height:13px;font-size:9px;right:-4px;bottom:-7px}.commit-area #payout-preview{grid-column:1/-1}}

/* Feedback follows actions; board rules and input timing remain independent. */
.header-actions{display:flex;gap:20px;align-items:center}.player{position:relative}.sweet{transition:left .32s cubic-bezier(.2,.85,.25,1.12),top .32s ease,filter .2s}.sweet::before{transition:filter .2s}.sweet:hover::before{filter:brightness(1.12)}.sweet.match::before{filter:brightness(1.16)}.sweet.match{box-shadow:0 0 14px #6b98532a}.wish-active{background-color:#f0eedf;transition:background-color .5s}.wish-active .sweet.crossed{filter:drop-shadow(0 0 7px #cfaa56)}.needle-art{transform-box:fill-box;transform-origin:50% 0}.ready-to-collect{box-shadow:0 0 0 2px #90aa7220,0 8px 30px #526e3c09}.primary{transition:transform .15s,background .2s,box-shadow .2s}.primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 14px #304d3c20}.primary:not(:disabled):active{transform:translateY(1px)}.wish-area.available h2 span{display:inline-block;animation:wish-breathe 2s ease-in-out infinite}.spark{position:fixed;width:5px;height:5px;border-radius:1px;pointer-events:none;z-index:1000}.flying-sweet{position:fixed;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 30%,90% 80%,70% 100%,15% 90%,0 60%);color:#fff;font-size:19px;pointer-events:none;z-index:999;box-shadow:inset 3px 3px 8px #fff8}.score-gain{position:absolute;right:16px;top:-13px;background:#3d5948;color:#fffdf3;border:2px solid #f6f4ed;border-radius:20px;padding:4px 9px;font-size:12px;pointer-events:none}.end-banner{animation:arrival .5s ease-out}#moment{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);background:#344d3ff5;color:#fffdf3;border:1px solid #ffffff30;border-radius:14px;padding:15px 25px;box-shadow:0 8px 35px #20312820;pointer-events:none;z-index:900;opacity:0;transition:opacity .2s;text-align:center}#moment.visible{opacity:1}#moment strong{display:block;font:400 22px 'Fraunces',Georgia,serif}#moment span{display:block;font-size:11px;margin-top:5px;color:#e1e7d7}@keyframes wish-breathe{50%{transform:scale(1.3) rotate(20deg);opacity:.6}}@keyframes arrival{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(max-width:700px){.header-actions{gap:10px}.header-actions .quiet{font-size:10px}#moment{bottom:14px;padding:12px 18px}#moment strong{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Sugar glass: transparent body, bevels, internal fractures, and travelling light. */
.board{--light-x:32%;--light-y:15%;background-image:radial-gradient(ellipse at var(--light-x) var(--light-y),#fff9dc80,transparent 55%),radial-gradient(#9aa58b22 .7px,transparent .7px);background-size:100% 100%,9px 9px}.sweet{filter:drop-shadow(2px 5px 2px #38452c24);border-radius:9px}.sweet::before{inset:0;clip-path:polygon(24% 0,75% 2%,100% 27%,95% 76%,74% 100%,20% 93%,0 65%,3% 26%);background:radial-gradient(ellipse at var(--light-x,30%) 15%,#ffffffc9 0,transparent 48%),linear-gradient(135deg,#ffffff80 4%,#ffffff05 33%,#ffffff36 49%,#20123850 95%),color-mix(in srgb,var(--sweet) 63%,transparent);box-shadow:inset 2px 2px 2px #fff9,inset -3px -4px 3px #32203835;backdrop-filter:blur(.6px)}.sweet::after{inset:0;border:0;transform:none;clip-path:polygon(24% 0,75% 2%,100% 27%,95% 76%,74% 100%,20% 93%,0 65%,3% 26%);background:linear-gradient(152deg,transparent 20%,#fff8 21%,transparent 23%,transparent 61%,#ffffff38 62%,transparent 64%);z-index:1;pointer-events:none}.sweet>span{position:relative;z-index:2;font-size:clamp(12px,1.35vw,17px);color:#fffef3ed;text-shadow:0 1px 2px #30233855,0 -1px 0 #ffffff70}.candy-facets{position:absolute;inset:0;clip-path:polygon(24% 0,75% 2%,100% 27%,95% 76%,74% 100%,20% 93%,0 65%,3% 26%);pointer-events:none;overflow:hidden}.candy-facets>i{position:absolute;inset:0}.candy-facets>i:nth-child(1){background:#fff9;clip-path:polygon(24% 0,75% 2%,65% 20%,31% 18%,12% 32%,3% 26%)}.candy-facets>i:nth-child(2){background:linear-gradient(90deg,#ffffff08,#fdf3ff90);clip-path:polygon(75% 2%,100% 27%,95% 76%,79% 64%,81% 32%,65% 20%)}.candy-facets>i:nth-child(3){background:linear-gradient(0deg,#29123966,#ffffff10);clip-path:polygon(95% 76%,74% 100%,20% 93%,0 65%,20% 66%,32% 78%,68% 81%,79% 64%)}.candy-facets>i:nth-child(4){background:linear-gradient(130deg,#fff4,transparent 50%,#ffffff4d);clip-path:polygon(31% 18%,65% 20%,81% 32%,79% 64%,68% 81%,32% 78%,20% 66%,12% 32%);box-shadow:inset 0 0 3px #fff6}.candy-facets .candy-glint{background:linear-gradient(115deg,transparent 35%,#ffffffb0 48%,#fff3 51%,transparent 65%);translate:-110% 0;animation:sugar-light 8s ease-in-out infinite;animation-delay:var(--glint-delay,0s)}.sweet.wishable:hover{filter:drop-shadow(2px 7px 3px #38452c30) drop-shadow(0 0 8px #ffe4a8);transform:translate(-50%,-55%) rotate(-4deg)}.sweet.match{outline-color:#567848;outline-offset:5px}.flying-sweet{background-image:linear-gradient(135deg,#fffc,transparent 40%,#ffffff60 52%,#22122c44)!important;border:1px solid #fff8;opacity:.9}.sweet.crossed{filter:drop-shadow(2px 5px 2px #38452c24) drop-shadow(0 0 5px #d1a851)}@keyframes sugar-light{0%,65%{translate:-110% 0;opacity:0}70%{opacity:.8}85%,100%{translate:110% 0;opacity:0}}@media(max-width:700px){.sweet>span{font-size:12px}}@media(prefers-reduced-motion:reduce){.candy-facets .candy-glint{animation:none;opacity:0}}

.ownership-card{border-top:4px solid var(--player-color)}.ownership-key{display:block;color:var(--player-color);font-size:11px;font-weight:700;margin-top:7px}.sweet.owned .owner-badge{background:var(--owner-color);color:#fff;border:2px solid #fffdf3;width:21px;height:21px;font-size:12px;right:-6px;bottom:-9px;box-shadow:0 1px 3px #0004}.sweet.owned{border-bottom:3px solid var(--owner-color)}.value-badge{position:absolute;right:-5px;bottom:-8px;min-width:18px;height:18px;padding:0 3px;border:1px solid #f9e2a4;background:#60451c;color:#fff4c9;font:700 11px 'DM Sans',sans-serif;border-radius:5px;display:grid;place-items:center;z-index:3}.sweet.cascade-match{outline-style:dashed;outline-color:#a17329}.settings select:disabled{opacity:.45}.player.active.ownership-card{background:color-mix(in srgb,var(--player-color) 9%,#f6f4ed)}@media(max-width:700px){.sweet.owned .owner-badge{width:17px;height:17px;font-size:10px;right:-5px;bottom:-9px}.ownership-key{font-size:10px}.value-badge{height:15px;min-width:15px;font-size:10px}}

.legend{flex-wrap:wrap;row-gap:8px}.board-footer{gap:12px}.value-badge{pointer-events:none}

.player.active.ownership-card{border-top-color:var(--player-color)}

.necklace-shadow,.necklace-cord,.necklace-weave{fill:none;stroke-linecap:round;stroke-linejoin:round}.necklace-shadow{stroke:#39422b20;stroke-width:4;transform:translateY(2px)}.necklace-cord{stroke:#a99874;stroke-width:2.5}.necklace-weave{stroke:#f5e8c7;stroke-width:1;stroke-dasharray:3 4}.necklace-clasp{fill:#c1a064;stroke:#8f774d;stroke-width:.8}.sweet.on-necklace{transition:none!important;z-index:5;pointer-events:none}.sweet.on-necklace.match{outline-color:transparent;box-shadow:none}.board-footer>#preview-label{max-width:42%;line-height:1.5}.board .sweet.on-necklace{transform:translate(-50%,-50%)}

/* Clinker game shell: brass, velvet, and a table worth gathering around. */
:root{background:#18352e}body{min-height:100vh;background:radial-gradient(ellipse at 50% 0,#325348 0,#18352e 65%,#132c26 100%)}[hidden]{display:none!important}body[data-screen="title"]>header,body[data-screen="title"]>main{display:none}body[data-screen="play"] #title-screen{display:none}header{max-width:1440px;height:76px;border-bottom:1px solid #c4ae7130;color:#ede7d5;padding:0 32px}header .wordmark{background:none;border:0;padding:0;color:#f1ecd9;font-size:36px}header .edition{color:#b5c1ad;font-size:10px;letter-spacing:1.6px}header .quiet{color:#e3e7d4}main{max-width:1370px;padding:0 32px}.table-summary{color:#b3bfa9;font-size:10px;margin:20px 0 12px}.players{gap:12px;margin-bottom:18px}.player{background:#f0eddf;border-color:#d9d4c0;box-shadow:0 5px 14px #061d1620;padding:12px 18px}.player.active{background:#f7f3e3;border-color:#d2b775;box-shadow:0 0 0 2px #c5ad6535,0 5px 14px #061d1630}.game{border:5px solid #796844;border-radius:23px;box-shadow:0 0 0 1px #c8b780,0 0 0 7px #21362b,0 20px 50px #041d1640,inset 0 0 25px #62724925;background:#e3e6d3}.table-heading{padding:17px 22px;background:#f2f0e340}.board{background-color:#e8e8d5}.board-footer{padding:10px 20px 15px}.turn-panel{margin:22px 0 14px;padding:22px 26px;background:#f3f0e4;border:1px solid #dfd6bc;border-radius:14px;box-shadow:0 10px 24px #071d1825;gap:24px}.turn-panel .primary{background:#294b3d;box-shadow:inset 0 1px 0 #ffffff20,0 4px 0 #1d372c}.journal{color:#bdc8b6;border-top:0;padding:15px 0}.journal ol{color:#ccd3bf}footer{color:#819785;border-color:#bdd0aa20;font-size:8px;padding:18px 0}#title-screen{min-height:100svh;max-width:1600px;margin:auto;padding:34px 6vw 24px;color:#f0ead6;overflow:hidden;position:relative}.title-top,.title-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2.5px;color:#c7c9a8}.title-top .quiet{color:#e7dfc4;letter-spacing:0;font-size:12px}.title-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:calc(100svh - 160px);position:relative}.title-copy{position:relative;z-index:2;padding:55px 0}.title-kicker{color:#bda971;font-size:9px;letter-spacing:2.7px}.title-copy h1{font:400 clamp(90px,11vw,170px)/1.05 'Fraunces',Georgia,serif;letter-spacing:-9px;margin:13px 0 19px;color:#f7f0db}.title-copy h1 span{display:inline-block;font-size:.37em;vertical-align:top;margin-top:22px;margin-left:9px;color:#c9ac63;letter-spacing:0}.title-tagline{font:400 clamp(27px,3vw,40px)/1.23 'Fraunces',Georgia,serif;margin:0 0 22px;color:#e0ddc1;letter-spacing:-.7px}.title-description{font-size:13px;line-height:1.85;color:#aebdab;margin:0 0 30px}.title-buttons{display:flex;align-items:start;flex-direction:column;gap:14px;max-width:290px}.title-buttons .primary{width:100%;background:#d8bd7f;color:#243e31;font-size:14px;padding:19px 22px;box-shadow:inset 0 1px #ffefbc,0 4px 0 #8f7948}.title-buttons .primary:hover{background:#e8cd90}.title-buttons .quiet{color:#d4d9bd}.title-meta{display:flex;align-items:center;gap:17px;margin-top:35px;font-size:8px;letter-spacing:2px;color:#99ae96}.title-meta i{color:#bda66c;font-style:normal}.title-bottom{border-top:1px solid #bac49b25;padding-top:23px;font-size:8px;letter-spacing:2px}.hero-scene{height:520px;position:relative;perspective:900px;pointer-events:none;isolation:isolate}.hero-halo{position:absolute;inset:-20% -30%;background:radial-gradient(ellipse,#d2b77716,transparent 64%);z-index:-1}.hero-necklace{position:absolute;width:620px;height:180px;border:3px solid #b49a5a;border-radius:50%;box-shadow:0 2px 0 #ecda9555,0 9px 6px #061e1666,inset 0 1px #eee0a466;transform:rotate(-28deg);left:-30px;top:110px}.hero-necklace.two{left:15px;top:295px;transform:rotate(-28deg);width:560px;height:165px;opacity:.95}.display-crystal{position:absolute;width:59px;height:62px;transform:translate(-50%,-50%);background:linear-gradient(130deg,#fff9 5%,transparent 28%,#fff5 47%,#0002 80%),var(--gem);clip-path:polygon(23% 0,72% 0,100% 25%,96% 76%,74% 100%,19% 92%,0 62%,4% 23%);box-shadow:inset 4px 5px 8px #ffffffb0,inset -4px -7px 6px #15162d45}.display-crystal::before{content:'';position:absolute;inset:8px;background:linear-gradient(135deg,#fff8,transparent 50%,#fff4);clip-path:polygon(12% 0,82% 5%,100% 33%,83% 92%,20% 100%,0 70%);border:1px solid #fffb}.display-crystal::after{content:'';position:absolute;inset:0;background:linear-gradient(35deg,transparent 50%,#fff9 51%,transparent 53%)}.hero-needle{position:absolute;left:65%;top:36%;height:220px;width:10px;background:linear-gradient(90deg,#7a5d2b,#e7d399,#8c6e35);clip-path:polygon(50% 0,100% 15%,50% 100%,0 15%);rotate:24deg;color:#fff4c3}.scene-note{position:absolute;bottom:-5px;left:30%;font-size:8px;letter-spacing:2px;color:#9db298;white-space:nowrap}dialog{border:1px solid #c1ab70;box-shadow:0 0 0 5px #1b362d,0 35px 100px #071c16aa;background:#f4f0e2}dialog::backdrop{background:#08251cd9;backdrop-filter:blur(8px)}#setup{width:min(800px,94vw);padding:34px 38px}#setup h2{font-size:39px;margin:12px 0 22px}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-card{border:1px solid #d9d5c1;border-radius:10px;padding:17px 12px;background:#ebeadd;text-align:left;min-height:150px}.mode-card>span{font-size:23px;color:#a2874b;display:block;margin-bottom:12px}.mode-card strong{display:block;font-family:'Fraunces',Georgia,serif;font-size:21px;font-weight:500}.mode-card small{font-size:11px;line-height:1.7;display:block;color:#727965;margin-top:8px}.mode-card.selected{border:2px solid #486447;background:#e0e7d5;padding:16px 11px;box-shadow:0 3px 0 #47614415}.setup-players{display:flex;gap:28px;align-items:center;margin:23px 0}.setup-players label{font-size:11px;display:flex;flex-direction:column;gap:8px;min-width:160px}.setup-players p{font-size:11px}.advanced{border-top:1px solid #d8d6c4;border-bottom:1px solid #d8d6c4;padding:16px 0;margin-bottom:22px}.advanced .settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.advanced p{font-size:10px}#setup>.primary{width:100%;font-size:14px;text-align:center;padding:18px}.setup-note{font-size:10px!important;text-align:center;margin-bottom:0}.setup-note:empty{display:none}#pause-menu{width:410px}#pause-menu button:not(.close){display:block;width:100%;margin:12px 0;text-align:center}#pause-menu h2{font-size:31px}#pause-menu p{text-align:center;font-size:11px}#results{width:510px;text-align:center}.result-emblem{font-size:62px;color:#b99b54;margin:0 0 16px}#results h2{font-size:36px;margin:15px 0}#result-scores{padding:0;list-style:none;margin:25px 0}#result-scores li{display:flex;align-items:center;gap:12px;padding:13px 8px;border-bottom:1px solid #ded9c8;font-size:13px;text-align:left}#result-scores strong{margin-left:auto;font-family:'Fraunces',Georgia,serif;font-size:25px}#result-scores strong small{font:10px 'DM Sans',sans-serif;color:#7b806d}#results>button{width:100%;margin-top:10px;text-align:center}#moment{bottom:18px}body[data-screen="title"] #moment{display:none}
@media(max-width:800px){#title-screen{padding:24px}.title-layout{grid-template-columns:1fr;min-height:auto}.title-copy{padding:45px 0 20px}.title-copy h1{font-size:108px;letter-spacing:-6px}.title-copy h1 span{margin-top:13px}.hero-scene{height:220px;position:absolute;right:-340px;top:150px;width:500px;opacity:.26;z-index:0}.title-copy{z-index:1}.title-description{font-size:12px}.title-buttons{margin-top:25px}.title-bottom{margin-top:40px;font-size:7px;gap:20px;line-height:1.8}.scene-note{display:none}.title-top{font-size:7px;letter-spacing:1.5px}.title-tagline{font-size:32px}.title-meta{font-size:7px;gap:12px}.title-top .quiet{font-size:10px}header{padding:0 18px;height:66px}header .edition{display:none}main{padding:0 15px}.table-summary{margin-top:14px}.players{gap:8px}.player{padding:10px 12px}.game{border-width:3px;border-radius:17px}.turn-panel{padding:18px;gap:16px;margin-top:18px}.turn-panel .roll-area{padding-right:14px}.turn-panel .commit-area{gap:8px}.board-footer{padding:10px 12px}.table-heading{padding:14px 12px}#setup{padding:26px 20px}.mode-cards{gap:7px}.mode-card{padding:12px 8px;min-height:135px}.mode-card.selected{padding:11px 7px}.mode-card strong{font-size:17px}.mode-card small{font-size:10px}.mode-card>span{font-size:20px;margin-bottom:9px}.advanced .settings{grid-template-columns:repeat(2,minmax(0,1fr))}#setup h2{font-size:32px}.setup-players{gap:15px}.setup-players label{min-width:130px}.header-actions{gap:10px}#results h2{font-size:30px}footer{font-size:7px;line-height:1.7}}

/* The playing table keeps the physical pieces and the current choice together. */
.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:22px;align-items:stretch}
.play-layout .game{background:#254e45;border-color:#927b4e;box-shadow:0 0 0 1px #d0b97c,0 12px 45px #041d1655,inset 0 0 40px #001d1655}
.play-layout .table-heading{color:#f0e8d0;background:#13392f70;border-color:#bfa46a30;padding:17px 20px}.play-layout #phase-label,.play-layout #remaining{color:#bbccba}.play-layout .live-dot{background:#e1c482;box-shadow:0 0 9px #e1c48280}
.table-cue{text-align:center;color:#eee1b8;font:400 21px 'Fraunces',Georgia,serif;padding:22px 16px 8px;min-height:57px}
.play-layout .board{min-width:600px;background-color:transparent;background-image:radial-gradient(ellipse at var(--light-x) var(--light-y),#7eac8940,transparent 65%),repeating-linear-gradient(35deg,#fff1 0,transparent 1px,transparent 4px);background-size:100% 100%,5px 5px;box-shadow:inset 0 0 70px #052b2540}
.play-layout .sweet{width:var(--bead-width);filter:drop-shadow(2px 7px 3px #001e1bb0)}
.play-layout .sweet::before{background:radial-gradient(ellipse at 25% 8%,#fffdf2db,transparent 47%),linear-gradient(135deg,#ffffff70,transparent 40%,#ffffff45 52%,#25143f65),color-mix(in srgb,var(--sweet) 88%,transparent)}
.play-layout .sweet>span{font-size:clamp(16px,1.65vw,24px)}
.play-layout .sweet.draggable{cursor:grab;touch-action:pan-y}.play-layout .sweet.dragging{cursor:grabbing;filter:drop-shadow(0 0 10px #fff5c5);scale:1.1}
.play-layout .sweet.match{outline-color:#f8df9c;box-shadow:0 0 22px #efd58c40}.play-layout .sweet.cascade-match{outline-color:#cfa7f1}
.play-layout .necklace-cord{stroke:#baa166;stroke-width:3}.play-layout .necklace-weave{stroke:#f6dea5;stroke-width:1.1}.play-layout .necklace-shadow{stroke:#001f1b99;stroke-width:6;transform:translateY(4px)}
.play-layout .necklace-clasp{fill:#e1c384;stroke:#715d33}.play-layout .string-label{font-size:8px;letter-spacing:1.5px;color:#c0cdb2;left:3%}.play-layout .row-count{color:#9fbaa6;font-size:9px}
.play-layout .arrow{width:34px;height:34px;background:linear-gradient(#e4cea0,#b99a5e);border:1px solid #f1dca6;color:#234538;box-shadow:0 3px 0 #122e27;font-size:20px}.play-layout .arrow:disabled{opacity:.2}.play-layout .arrow:not(:disabled):hover{background:#ffdfa0}
.match-links line{stroke:var(--match-color);stroke-width:8;opacity:.62;filter:drop-shadow(0 0 5px var(--match-color));stroke-linecap:round;animation:match-glow 2s ease-in-out infinite}
@keyframes match-glow{50%{opacity:.9;stroke-width:10}}
.play-layout .board-footer{color:#bccbb3;border-top:1px solid #c2b58020;padding:15px 18px;flex-direction:column;align-items:center;gap:12px}.play-layout .legend{gap:16px;font-size:9px}.play-layout .legend-ring{border-color:#f8df9c}.play-layout .board-footer>#preview-label{display:block;max-width:100%;text-align:center;color:#dfd5b3;font-size:11px;min-height:17px}
.play-layout .turn-panel{margin:0;padding:22px;display:flex;flex-direction:column;gap:20px;border:3px solid #b7a071;border-radius:18px;background:linear-gradient(115deg,#f8f2df,#e7dfc8);box-shadow:0 12px 30px #041d1645}
.play-layout .roll-area,.play-layout .wish-area{border-right:0;padding:0}.play-layout .dice{background:radial-gradient(ellipse at 50% 0,#386755,#193d30);padding:22px 13px;border:3px solid #a48a55;border-radius:13px;justify-content:center;gap:16px;box-shadow:inset 0 5px 13px #00170eb0,0 1px 0 #fff8;min-height:108px}
.play-layout .die{width:58px;height:58px;flex-shrink:0;background:linear-gradient(145deg,#fffdf2,#e6d9b9);border:1px solid #e6d5a6;box-shadow:0 5px 0 #a59269,3px 9px 8px #001e1b80;rotate:-7deg;padding:11px}.play-layout .die:nth-child(2){rotate:9deg}.play-layout .die.selected{outline:2px solid #ffe7a2;outline-offset:5px}.play-layout .die.used{opacity:.3;outline:0;box-shadow:0 2px 0 #a59269}
.pip-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:100%;height:100%}.pip{background:#294538;border-radius:50%;box-shadow:inset 0 1px 2px #071f1b99}
.play-layout .pool-count{color:#f3dfb0;font-size:24px}.play-layout .pool-count small{display:block;color:#c3d0b8}.play-layout .wish-area{border-top:1px solid #bba77966;padding-top:18px}.play-layout .wish-area h2{font-size:23px;margin-top:10px}.play-layout .commit-area{margin-top:auto;display:flex}.play-layout #payout-preview{order:-1;background:#fff9e780;border:1px solid #bcaa7450;border-radius:8px;padding:12px 8px;font-size:13px;margin:0 0 14px;min-height:0}.play-layout #payout-preview:empty{display:none}.play-layout .primary{font-size:13px}.play-layout #status{margin-top:8px}
@media(max-width:1100px){.play-layout{grid-template-columns:minmax(0,1fr) 235px;gap:15px}.play-layout .turn-panel{padding:16px}.play-layout #phase-label{display:none}.play-layout .dice{gap:13px;padding:20px 10px}.play-layout .die{width:51px;height:51px;padding:9px}}
@media(max-width:900px){.play-layout{grid-template-columns:1fr}.play-layout .turn-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.play-layout .wish-area{border:0;padding:0}.play-layout .commit-area{grid-column:1/-1}.play-layout .board{min-width:600px}.table-cue{font-size:20px}.play-layout .dice{justify-content:flex-start}.play-layout .sweet>span{font-size:20px}}
@media(max-width:700px){.play-layout .arrow{transform:translate(-50%,-145%)}.play-layout .table-heading{padding:14px 12px}.table-cue{font-size:18px;padding:18px 12px 8px}.play-layout .sweet>span{font-size:17px}.play-layout .turn-panel{gap:14px;padding:16px}.play-layout .wish-area h2{font-size:20px}.play-layout .board-footer{padding:12px}.play-layout .string-label{left:3%}.play-layout .legend{gap:12px}}

.scroll-cue{display:none}@media(max-width:700px){.scroll-cue{display:block;text-align:center;font-size:9px;line-height:1.6;color:#b8c9b0;padding:0 18px;margin:2px 0 12px}}