@font-face{font-family:Rye;src:url(/assets/Rye-CepTvHK8.woff2) format("woff2");font-display:block}@font-face{font-family:IM Fell English SC;src:url(/assets/FellEnglishSC-CW_nhHm4.woff2) format("woff2");font-display:block}@font-face{font-family:IM Fell English;src:url(/assets/FellEnglish-BhowGHCQ.woff2) format("woff2");font-display:block}@font-face{font-family:IM Fell English;font-style:italic;src:url(/assets/FellEnglish-Italic-DD_ylKHZ.woff2) format("woff2");font-display:block}:root{--ground: #0b0a08;--panel-a: #1a1511;--panel-b: #110e0b;--text: #ece4d2;--muted: #a89c84;--soft: #cfc4ad;--faint: #8f8470;--rule: #6d6352;--rule-dim: #4a4236;--red: #b3141b;--red-ink: #8e1015;--on-red: #fff8ec;--ink: #2a1d12;--ink-muted: #5a4630;--rye: "Rye", Georgia, serif;--sc: "IM Fell English SC", Georgia, serif;--fell: "IM Fell English", Georgia, serif;--brush-row: polygon(1% 22%, 7% 9%, 28% 13%, 52% 5%, 78% 12%, 99% 6%, 96% 44%, 100% 80%, 84% 93%, 61% 86%, 37% 97%, 12% 88%, 0% 95%, 3% 58%);--brush-btn: polygon(1% 20%, 8% 8%, 30% 13%, 55% 4%, 80% 11%, 99% 7%, 97% 45%, 100% 82%, 83% 94%, 58% 87%, 34% 97%, 10% 89%, 0% 94%, 2% 56%);--z: 1;--W: 1440;--H: 900}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ground);color:var(--text);font:400 18px/1.25 var(--fell);-webkit-user-select:none;user-select:none}.hidden{display:none!important}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}button:disabled{cursor:default}:focus{outline:none}:focus-visible{outline:1px solid var(--text);outline-offset:3px}input{-webkit-user-select:text;user-select:text}kbd{font:inherit}#view{position:fixed;top:0;right:0;bottom:0;left:0}#view canvas{display:block;width:100%;height:100%}#view:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}body.in-menu #view{visibility:hidden}.ui{position:fixed;left:0;top:0;width:calc(var(--W) * 1px);height:calc(var(--H) * 1px);zoom:var(--z)}#backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:none;background:var(--ground);overflow:hidden}body.in-menu #backdrop{display:block}#backdrop>div{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#backdrop .photo{left:auto;width:81.3%;background:url(/assets/menu-DLxyNlG-.jpg) 100% 50% / cover no-repeat;filter:sepia(.85) contrast(1.15) brightness(.62) saturate(.8)}#backdrop .fade{background:linear-gradient(90deg,var(--ground) 0%,var(--ground) 30%,rgba(11,10,8,.7) 44%,rgba(11,10,8,0) 66%)}#backdrop .vignette{background:radial-gradient(ellipse at 62% 50%,#0000 30%,#000000d9)}#backdrop .grain{opacity:.35;background:repeating-radial-gradient(circle at 17% 23%,rgba(255,240,210,.05) 0,transparent 1px,transparent 3px),repeating-radial-gradient(circle at 71% 64%,rgba(0,0,0,.25) 0,transparent 1px,transparent 4px)}body.in-shop #backdrop .photo{opacity:.3;filter:sepia(.85) contrast(1.15) brightness(.6)}body.in-shop #backdrop .fade{display:none}body.in-shop #backdrop .vignette{background:radial-gradient(ellipse at 60% 50%,#0000 25%,#000000d9)}#home,#shop,#backdrop{transition:filter .2s}body.popup-open #home,body.popup-open #shop,body.popup-open #backdrop{filter:blur(3px) brightness(.35)}.chalk{width:22px;height:22px;flex:none}.kicker{font-family:var(--sc);font-size:16px;letter-spacing:.26em;color:var(--muted);font-weight:400}.status{margin:0;font-style:italic;font-size:17px;color:var(--muted)}.status:empty{display:none}.status.centre{text-align:center}.status.good{color:var(--text);font-style:normal}.status.busy:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dots 1.4s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.star-rule{display:flex;align-items:center;gap:12px;width:520px;color:var(--red-ink);font-size:14px}.star-rule i{flex:1;height:3px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.star-rule.small{width:360px;color:var(--red);font-size:13px}.star-rule.small i{height:1px;border:0;background:var(--rule)}.brush{position:relative;color:var(--on-red)}.brush:before{content:"";position:absolute;left:-16px;right:-30px;top:4px;bottom:2px;background:var(--red);clip-path:var(--brush-row)}.brush>*{position:relative}.brush-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:300px;height:64px;color:var(--on-red);font:400 24px/1 var(--rye);letter-spacing:.08em;white-space:nowrap}.brush-btn:before{content:"";position:absolute;top:0;right:-6px;bottom:0;left:-6px;background:var(--red);clip-path:var(--brush-btn);transition:filter .15s}.brush-btn>*{position:relative}.brush-btn:hover:before{filter:brightness(1.15)}.brush-btn .chalk{width:20px;height:20px}.outline-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-width:120px;height:64px;padding:0 22px;border:1px solid var(--text);font-family:var(--sc);font-size:22px;letter-spacing:.1em;white-space:nowrap}.outline-btn:hover{background:#ece4d20f}.outline-btn:disabled{border-color:var(--rule);color:var(--soft);background:none}.outline-btn svg{width:18px;height:18px}.text-link{display:flex;align-items:center;height:48px;font-family:var(--sc);font-size:20px;letter-spacing:.1em}.text-link:hover,.more button:hover{color:#fff}.panel,.popup{background:linear-gradient(180deg,var(--panel-a),var(--panel-b));border:1px solid var(--rule);outline:1px solid rgba(109,99,82,.45);outline-offset:5px;box-shadow:0 40px 100px #000000d9}#home{position:absolute;top:0;right:0;bottom:0;left:0}.home-head{position:absolute;top:0;left:0;right:0;height:88px;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.who{display:flex;align-items:center;gap:14px}.badge{width:46px;height:46px;border:1px solid var(--text);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;flex:none}.badge span{transform:rotate(-45deg);font:20px/1 var(--rye)}.who-name{display:flex;flex-direction:column}.who-name label{font-family:var(--sc);font-size:14px;letter-spacing:.2em;color:var(--muted)}.who-name input{width:170px;padding:0;background:transparent;border:none;border-bottom:1px solid rgba(236,228,210,.35);color:var(--text);font:italic 22px/1.3 var(--fell);outline:none}.who-name input:focus{border-bottom-color:var(--text)}.account{display:flex;align-items:center;gap:30px;font-family:var(--sc);font-size:20px;letter-spacing:.1em}.balance{display:flex;align-items:center;gap:10px;padding:10px 0}.balance .amount{font:22px/1 var(--rye);letter-spacing:.04em}.balance .unit{font-family:var(--sc);font-size:15px;color:var(--muted)}.rewards-link{position:relative;padding:10px 0}.rewards-link .dot{position:absolute;top:2px;right:-14px;width:9px;height:9px;border-radius:50%;background:#c41a20}.account>button:not(.shop-btn):hover{color:#fff}.shop-btn{position:relative;display:flex;align-items:center;gap:10px;height:52px;padding:0 22px 0 16px;background:#1a1410;border:1px solid var(--text);outline:1px solid rgba(236,228,210,.35);outline-offset:3px;box-shadow:0 8px 18px #0009}.shop-btn:hover{background:#241c16}.shop-btn svg{width:22px;height:22px}.shop-btn>span:first-of-type{font:22px/1 var(--rye);letter-spacing:.06em}.shop-btn .tag{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);white-space:nowrap;padding:2px 10px;background:var(--red);color:var(--on-red);font:italic 14px/1.3 var(--fell);letter-spacing:0;box-shadow:0 4px 8px #00000080}.home-main{position:absolute;left:80px;top:50%;transform:translateY(-50%);width:560px;display:flex;flex-direction:column;gap:40px}.logo-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.logo{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-weight:400}.logo .pool{display:flex;align-items:center;gap:14px;width:520px;font-family:var(--sc);font-size:40px;letter-spacing:.3em;color:#d8cdb6}.logo .pool i{flex:1;height:1px;background:var(--rule)}.logo .punks{display:flex;justify-content:space-between;width:520px;font:128px/1 var(--rye);color:var(--text);text-shadow:0 3px 0 #000}.logo .punks b{font-weight:400}.play{display:flex;flex-direction:column;gap:4px}.play .group{font-family:var(--sc);font-size:16px;letter-spacing:.3em;color:var(--muted);margin-bottom:6px}.play .divider{height:1px;margin:14px 20px;background:linear-gradient(90deg,var(--rule),rgba(109,99,82,0))}.play .item{position:relative;display:flex;align-items:baseline;justify-content:space-between;height:56px;padding:0 20px}.play .item .label{font-family:var(--sc);font-size:34px;line-height:56px;letter-spacing:.04em}.play .item .sub{font-style:italic;font-size:18px;color:var(--muted)}.play .item.brush{height:64px}.play .item.brush .label{font-size:40px;line-height:64px}.play .item.brush .sub{color:#f6d9cf}.play .item:not(.brush):hover .label{color:#fff}.play .item:not(.brush):hover:after{content:"";position:absolute;left:4px;top:50%;width:6px;height:6px;margin-top:-1px;background:var(--red);transform:rotate(45deg)}.play .item.brush:hover:before{filter:brightness(1.12)}#loading{margin:-20px 0 0 20px;font-style:italic;font-size:18px;color:var(--muted)}.more{position:absolute;left:100px;bottom:28px;display:flex;align-items:center;gap:18px;font-family:var(--sc);font-size:18px;letter-spacing:.16em}.more button{color:var(--muted);padding:12px 0}.more span{color:var(--rule);font-size:12px}.parchment{position:absolute;top:132px;right:60px;width:350px;transform:rotate(1.2deg);padding:26px 24px 22px;display:flex;flex-direction:column;gap:14px;color:var(--ink);background:radial-gradient(ellipse at 30% 20%,#efe2c2,#e2cfa5 60%,#c9b07e);clip-path:polygon(0 1%,8% 0,22% 1.2%,40% .2%,61% 1%,80% 0,100% .8%,99.4% 30%,100% 62%,99.2% 100%,76% 99.2%,51% 100%,27% 99%,0 100%,.6% 70%,0 38%)}.parchment .pin{position:absolute;top:10px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9a8f80,#3a3027)}.parchment .kicker{color:var(--ink)}.pc-head{text-align:center;display:flex;flex-direction:column;gap:2px;border-bottom:3px double var(--ink);padding-bottom:10px}.pc-head .kicker{font-size:15px;letter-spacing:.3em}.pc-head h2{margin:0;font:400 34px/1 var(--rye)}.pc-head .sub{font-style:italic;font-size:16px}.pc-days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.pc-days li{height:48px;border:1px solid var(--ink-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;font:15px/1.1 var(--rye)}.pc-days li span{font-family:var(--sc);font-size:11px}.pc-days li.wk{border:3px double var(--ink)}.pc-days li.today{border:2px solid var(--red-ink);background:var(--red-ink);color:#fbefe0}.pc-days li.done{color:var(--ink-muted)}.pc-days li.done b{font:400 13px/1 var(--fell)}.pc-days li.item b{font:italic 11px/1 var(--fell)}.stamp{align-self:center;display:flex;align-items:center;justify-content:center;min-width:230px;height:50px;padding:0 14px;border:3px solid var(--red-ink);outline:1px solid var(--red-ink);outline-offset:3px;color:var(--red-ink);font:20px/1 var(--rye);letter-spacing:.08em;transform:rotate(-2deg);white-space:nowrap}.stamp:hover{background:#8e101514}.stamp.spent{border-color:var(--ink-muted);outline-color:var(--ink-muted);color:var(--ink-muted);font:italic 17px/1 var(--fell);letter-spacing:0}.pc-challenges{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--ink-muted);padding-top:12px}.pc-challenges>.kicker{font-size:16px;letter-spacing:.2em;text-align:center}#cardChallenges{display:flex;flex-direction:column;gap:8px}.pc-ch{display:flex;align-items:baseline;gap:6px;font-size:17px}.pc-ch i{flex:1;border-bottom:1px dotted var(--ink-muted)}.pc-ch.done>span:first-child{text-decoration:line-through;text-decoration-color:var(--red-ink)}.pc-challenges .note{font-style:italic;font-size:14px;text-align:center;color:#4a3826}.pc-empty{font-style:italic;font-size:16px;text-align:center;color:var(--ink-muted)}.your-cue{position:absolute;right:60px;bottom:44px;width:350px;padding:16px 0 0;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--rule);text-align:left}.your-cue .row{display:flex;justify-content:space-between;align-items:baseline}.your-cue .change{font-family:var(--sc);font-size:17px;letter-spacing:.1em}.your-cue:hover .change{color:#fff}.your-cue .cue-art{width:350px}.your-cue .cue-name{font:22px/1.2 var(--rye)}.cue-art{display:block;flex:none;height:auto;aspect-ratio:25 / 1;filter:drop-shadow(0 5px 4px rgba(0,0,0,.6));pointer-events:none}.cue-row .cue-art,.your-cue .cue-art,.days .cue-art{aspect-ratio:25 / 1.8;object-fit:fill}.cue-art.flat{display:flex;align-items:center}.cue-art.flat>span{display:block;width:100%;height:40%;clip-path:polygon(0 0,100% 32%,100% 68%,0 100%)}#desktopOnly{display:none;margin:0;max-width:460px;font-style:italic;font-size:22px;color:var(--soft)}@media (hover: none) and (pointer: coarse){#desktopOnly{display:block}#playNav,#loading{display:none!important}}#shop{position:absolute;top:0;right:0;bottom:0;left:0}.shop-head{position:absolute;top:0;left:0;right:0;height:92px;padding:0 60px;display:flex;align-items:center;justify-content:space-between}.shop-head .l,.shop-head .r{display:flex;align-items:center;gap:28px}.shop-head .r{gap:20px}.shop-head .back{display:flex;align-items:center;height:48px;font-family:var(--sc);font-size:20px;letter-spacing:.12em}.shop-head .back:hover{color:#fff}.shop-head h1{margin:0;font:400 44px/1 var(--rye)}.shop-head .hint{font-style:italic;font-size:17px;color:var(--muted)}.shop-head .balance .amount{font-size:26px}.shop-head .balance .chalk{width:24px;height:24px}.shop-head .balance .unit{font-size:16px}#devGrant{font-family:var(--sc);font-size:15px;color:var(--muted);border:1px dashed var(--rule);padding:6px 10px}.preview{position:absolute;left:60px;top:118px;width:560px;height:720px;padding:36px 40px;display:flex;flex-direction:column;justify-content:space-between;--cloth: #2f6b42;background:radial-gradient(ellipse 75% 60% at 50% 48%,#0c0a081a,#0c0a088c 60%,#0c0a08eb),var(--cloth);box-shadow:0 30px 60px #000000b3}.pv-head{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--rule-dim);padding-bottom:14px}.pv-head h2{margin:0;font:400 44px/1.05 var(--rye)}.pv-art{height:260px;display:flex;align-items:center;justify-content:center}.pv-art .cue-art{width:500px;transform:rotate(-12deg);filter:drop-shadow(0 16px 10px rgba(0,0,0,.7))}.pv-foot{display:flex;flex-direction:column;gap:22px;align-items:center;min-height:160px;justify-content:flex-end}.pv-status{font-style:italic;font-size:20px;color:var(--muted)}#pvAction{width:300px;height:66px}#pvAction.brush-btn{font-size:26px}#shopStatus{margin-top:-10px;min-height:22px;text-align:center}.shop-lists{position:absolute;left:700px;top:128px;width:680px;display:flex;flex-direction:column;gap:22px}.list-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 20px 8px;border-bottom:1px solid var(--rule)}.list-head h2{margin:0;font:400 18px/1.2 var(--sc);letter-spacing:.3em;color:var(--muted)}.list-head span{font-style:italic;font-size:17px;color:var(--muted)}.shop-lists section{display:flex;flex-direction:column;gap:6px}.cue-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;height:52px;padding:0 20px;text-align:left}.cue-row.brush:before{left:-10px;right:-16px}.cue-row .nm{display:flex;align-items:baseline;gap:14px}.cue-row .nm>span:first-child{font-family:var(--sc);font-size:32px;letter-spacing:.03em}.cue-row .eq{font-style:italic;font-size:17px;color:#f2d7cd}.cue-row .price{display:inline-flex;align-items:center;gap:6px;font:17px/1 var(--rye);color:var(--soft)}.cue-row .price .chalk{width:16px;height:16px}.cue-row:not(.brush) .eq{color:var(--muted)}.cue-row:not(.brush):hover .nm>span:first-child{color:#fff}.cue-row .cue-art{width:220px}.cloth-art{width:220px;height:22px;border:3px solid #4a2a17;border-radius:3px;background:linear-gradient(90deg,#00000059,#0000 30%,#0000 70%,#00000059),var(--cloth);box-shadow:inset 0 2px 4px #00000080,0 2px 4px #00000080}.emote-row{display:flex;align-items:center;justify-content:space-between;gap:20px;height:62px;padding:0 20px}.emote-row .nm{font-family:var(--sc);font-size:32px;letter-spacing:.03em}.emote-row .owned{font-style:italic;font-size:18px;color:var(--muted)}.emote-row .buy{display:flex;align-items:center;gap:18px}.emote-row .price{display:flex;align-items:center;gap:8px;font:22px/1 var(--rye)}.emote-row .price .chalk{width:20px;height:20px}.btn-double{height:50px;padding:0 22px;border:3px solid var(--text);outline:1px solid var(--text);outline-offset:-7px;font:19px/1 var(--rye);letter-spacing:.08em}.btn-double:hover{background:#ece4d214}.btn-double:disabled{opacity:.4}#popups{pointer-events:none}#popups>.popup{pointer-events:auto}#popups.over-game{pointer-events:auto;background:#0b0a0899}.popup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:calc(var(--H) * 1px - 40px);overflow-y:auto;scrollbar-color:var(--rule) transparent;padding:40px 52px 34px;display:flex;flex-direction:column;gap:24px}.popup h1{margin:0;font:400 44px/1 var(--rye)}.popup h1.big{font-size:56px}.popup .lede{margin:0;font-style:italic;font-size:19px;color:var(--muted)}.popup .lede b{font-weight:400;font-style:normal;font-family:var(--sc);color:var(--text)}.p-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.p-top>div:first-child{display:flex;flex-direction:column;gap:6px}.p-top-r{display:flex;align-items:center;gap:18px;flex:none}.p-top-r .balance .chalk{width:24px;height:24px}.p-top-r .balance .amount{font-size:24px}.close{width:48px;height:48px;flex:none;border:1px solid var(--rule);display:flex;align-items:center;justify-content:center}.close svg{width:16px;height:16px}.close:hover{border-color:var(--text)}.name-row{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#ece4d20a;border:1px solid rgba(109,99,82,.6)}.name-row label{font-family:var(--sc);font-size:17px;letter-spacing:.16em;color:var(--muted);min-width:120px}.name-row input{flex:1;min-width:0;height:38px;background:transparent;border:none;border-bottom:1px solid rgba(236,228,210,.35);color:var(--text);font:italic 24px/1 var(--fell);outline:none}.name-row input:focus{border-bottom-color:var(--text)}.name-row .hint{font-style:italic;font-size:15px;color:var(--faint)}.popup .cols{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:32px}.popup .cols section{display:flex;flex-direction:column;gap:12px}.popup .cols h2{margin:0;font:400 32px/1 var(--sc)}.popup .cols .copy{margin:0;font-size:18px;line-height:1.45;color:var(--soft)}.popup .cols .status{margin-top:auto}.popup .cols .status:empty+*{margin-top:auto}.popup .cols .brush-btn,.popup .cols .outline-btn:not(.link-row *){width:100%}.vrule{background:#6d6352b3}.hrule{display:block;height:1px;background:#6d635299}.link-row{display:flex;gap:10px}.link-row input{flex:1;min-width:0;height:64px;padding:0 14px;background:var(--ground);border:1px solid var(--rule);color:var(--muted);font:italic 18px/1 var(--fell);text-overflow:ellipsis;outline:none;cursor:text}.link-row input:not(:placeholder-shown){color:var(--text);font-style:normal}.link-row .outline-btn{width:120px;min-width:120px;padding:0}.popup .back{align-self:flex-start;margin:-10px 0 4px;font-family:var(--sc);font-size:18px;letter-spacing:.12em;color:var(--muted)}.popup .back:hover{color:#fff}.on-view{display:flex;flex-direction:column;gap:22px}.on-view .stack,#offlinePopup .stack{padding:0 14px}.on-view>.outline-btn{align-self:center;width:220px;height:56px;font-size:20px}.on-step{margin:0;font-size:20px;line-height:1.4;color:var(--soft)}.on-wait{align-items:center;text-align:center;gap:14px;padding:6px 0 2px}.on-head{margin:0;font:400 34px/1.1 var(--sc);letter-spacing:.04em}.on-head .dots:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dots 1.4s steps(4,end) infinite}.on-time{margin:0;font:400 22px/1 var(--sc);letter-spacing:.12em;color:var(--muted);font-variant-numeric:tabular-nums}.on-wait>.outline-btn{margin-top:10px}.seeking{position:relative;width:84px;height:84px;margin-bottom:6px}.seeking:after{content:"";position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;background:var(--red)}.seeking i{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--red);border-radius:50%;opacity:0;animation:seek 2s ease-out infinite}.seeking i:last-child{animation-delay:1s}@keyframes seek{0%{transform:scale(.35);opacity:.9}to{transform:scale(1);opacity:0}}@media (prefers-reduced-motion: reduce){.seeking i{animation:none;opacity:.5}}.popup>.brush-btn,.btn-row,.claim-row{align-self:center}.btn-row{display:flex;gap:18px;align-items:center}.btn-row .outline-btn{height:56px;font-size:20px}.opts{display:flex;flex-direction:column;gap:14px}.opt{display:flex;align-items:center;gap:12px}.opt-label{width:160px;font-family:var(--sc);font-size:17px;letter-spacing:.16em;color:var(--muted)}.opt button{min-width:120px;height:52px;padding:0 20px;border:1px solid var(--rule-dim);color:var(--soft);font-family:var(--sc);font-size:22px;letter-spacing:.06em;text-align:center}.opt button:hover{border-color:var(--rule);color:var(--text)}.opt button.on{border-color:var(--text);color:var(--text);outline:1px solid rgba(236,228,210,.35);outline-offset:-5px}.opt-note{margin:-4px 0 0 172px;font-style:italic;font-size:17px;color:var(--muted)}@keyframes readyPulse{0%,to{box-shadow:0 0 #b3141b8c}50%{box-shadow:0 0 0 7px #b3141b00}}.days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) minmax(0,1.5fr);gap:10px}.days li{height:132px;padding:12px 4px;border:1px solid var(--rule-dim);display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.days .d{font-family:var(--sc);font-size:17px;letter-spacing:.08em;color:var(--muted)}.days .amt{font:20px/1.1 var(--rye);color:var(--soft)}.days .amt.item{font:italic 17px/1.1 var(--fell)}.days .ico{width:30px;height:30px;opacity:.55}.days .ico.check{color:var(--muted);opacity:1}.days li.wk{border:1px solid var(--text);outline:1px solid rgba(236,228,210,.35);outline-offset:-5px}.days li.wk .d{color:var(--text)}.days li.wk .amt{font-size:24px;color:var(--text)}.days .stack3{position:relative;width:70px;height:42px}.days .stack3 svg{position:absolute;width:33px;height:33px;top:9px}.days .stack3 svg:nth-child(1){left:0}.days .stack3 svg:nth-child(2){right:0}.days .stack3 svg:nth-child(3){left:18px;top:0}.days li.done{opacity:.6}.days li.today{background:var(--red);border-color:var(--red);color:var(--on-red);opacity:1;outline:none}.days li.today .d,.days li.today .amt{color:var(--on-red)}.days li.today .ico{width:36px;height:36px;opacity:1;color:var(--on-red)}.days li.today.ready{animation:readyPulse 1.8s ease-in-out infinite}.days .cue-art{width:96%;margin:8px 0}@media (prefers-reduced-motion: reduce){.days li.today.ready{animation:none}}.claim-row{height:64px;display:flex;align-items:center}#btnClaim{width:340px;font-size:23px;letter-spacing:.06em}.claimed{margin:0;display:flex;align-items:center;gap:6px;font-style:italic;font-size:20px;color:var(--soft)}.claimed b{font:400 20px/1 var(--rye);color:var(--text)}.ch-section{display:flex;flex-direction:column;gap:14px}.ch-head{display:flex;align-items:baseline;justify-content:space-between}.ch-head h2{margin:0;font:400 26px/1.1 var(--sc)}.ch-head .hint{font-style:italic;font-size:17px;color:var(--muted)}.ch-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ch-cards li{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--rule-dim)}.ch-cards .t{font-size:19px}.ch-cards .bar{display:flex;align-items:center;gap:10px}.ch-cards .bar>div{flex:1;height:5px;background:#ece4d21f}.ch-cards .bar>div>div{height:100%;background:var(--red)}.ch-cards .bar span{font-size:15px;color:var(--muted)}.ch-cards .rw{font:17px/1 var(--rye);color:#cfd8d6}.ch-cards li.done{border-color:var(--rule)}.ch-cards li.done .rw:after{content:" · done";font:italic 16px/1 var(--fell);color:var(--muted)}.ch-empty{font-style:italic;color:var(--muted);grid-column:1 / -1}.howto{display:grid;grid-template-columns:1fr 1fr;gap:10px 48px}.howto h3{margin:0 0 12px}.keys{display:grid;grid-template-columns:auto 1fr;gap:9px 14px;margin:0;align-items:center}.keys dt{display:flex;gap:4px;justify-content:flex-end}.keys dd{margin:0;font-size:18px;color:var(--soft)}kbd,.keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;border:1px solid var(--muted);font-family:var(--sc);font-size:15px;color:var(--text);white-space:nowrap}.keys dd kbd{height:24px;margin:0 2px;font-size:14px}.howto .rules p{margin:0;font-size:18px;line-height:1.4;color:var(--soft)}.credits p{margin:0 0 14px;font-size:18px;line-height:1.45;color:var(--soft)}.credits b{font-weight:400;font-family:var(--sc);color:var(--text);margin-right:6px}.credits a{color:var(--text);text-decoration-color:var(--red);text-underline-offset:3px}.credits a:hover{color:#fff}.overlay{background:#0b0a0873;-webkit-backdrop-filter:blur(4px) brightness(.6);backdrop-filter:blur(4px) brightness(.6)}.centre-head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.centre-head .status{font-size:18px}.popup .stack{display:flex;flex-direction:column;gap:6px}.popup .stack.narrow{width:440px;align-self:center}.stack .row{display:flex;align-items:baseline;justify-content:space-between;height:56px;padding:0 22px}.stack .row .label{font-family:var(--sc);font-size:30px;line-height:56px;letter-spacing:.04em}.stack .row .aside{font-style:italic;font-size:17px;color:var(--muted)}.stack .row.brush{height:64px;align-items:center}.stack .row.brush:before{left:-10px;right:-10px;top:2px;bottom:0}.stack .row.brush .label{font-size:36px;line-height:64px}.stack .row.brush .aside{font:16px/1 var(--sc);font-style:normal;color:#f6d9cf}.stack .row:not(.brush):hover .label{color:#fff}.stack .row.quiet{color:var(--soft)}.stack .divider{height:1px;margin:10px 22px;background:var(--rule-dim)}#pause .cols{gap:40px}#pause .vrule{background:var(--rule-dim)}#pause section{display:flex;flex-direction:column;gap:14px}#pause h2.kicker{margin:0;font:400 16px/1.2 var(--sc);letter-spacing:.3em;color:var(--muted)}.controls{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);row-gap:12px;column-gap:16px;align-items:center;font-size:19px}.controls dt{display:flex;gap:4px}.controls dd{margin:0}.controls kbd{min-width:44px;height:34px;font-size:16px}.controls .mouse{width:44px;height:34px;border:1px solid var(--muted);display:flex;align-items:center;justify-content:center}.controls .mouse svg{width:16px;height:22px;color:var(--text)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hudUi{pointer-events:none}#hudUi:before,#hudUi:after{content:"";position:absolute;left:0;right:0;pointer-events:none}#hudUi:before{top:0;height:200px;background:linear-gradient(180deg,#0b0a08e6,#0b0a0800)}#hudUi:after{bottom:0;height:160px;background:linear-gradient(0deg,#0b0a08d9,#0b0a0800)}#hud button,#spin,#power{pointer-events:auto}.hud-top{position:absolute;z-index:1;top:22px;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;gap:16px}.plate{position:relative;width:380px;padding:14px 18px 16px;display:flex;flex-direction:column;gap:10px;background:#110e0be6;border:1px solid var(--rule-dim);outline:1px solid rgba(109,99,82,.4);outline-offset:4px;opacity:.6;transition:opacity .3s}.plate.active{opacity:1;border-color:var(--text)}.plate .bar{position:absolute;left:-1px;right:-1px;bottom:-1px;height:4px;background:var(--red);display:none}.plate.active .bar{display:block}.pl-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.plate .name{font-family:var(--sc);font-size:24px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate .tag{font-style:italic;font-size:17px;color:var(--muted);white-space:nowrap}.plate .slots{display:flex;gap:8px;min-height:26px}.plate.right .slots{justify-content:flex-end}.plate .slots:empty{display:none}.slot{width:26px;height:26px;border-radius:50%;border:1px solid rgba(236,228,210,.3);background:#00000040;flex:none}.ball{--c: #ccc;display:inline-block;width:26px;height:26px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#ffffff8c,#fff0 45%),var(--c);box-shadow:inset -2px -3px 4px #00000073,0 2px 4px #0009}.ball.stripe{background:radial-gradient(circle at 35% 30%,#ffffff8c,#fff0 45%),linear-gradient(180deg,#f1ece2 0 30%,var(--c) 30% 70%,#f1ece2 70%)}.turn-col{width:380px;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:8px}#turn{position:relative;margin:0;padding:6px 0;font:400 32px/1.2 var(--sc);letter-spacing:.04em;white-space:nowrap;text-shadow:0 2px 6px #000}#turn.brush{padding:6px 34px;font:400 34px/1.2 var(--rye);letter-spacing:0;text-shadow:none}#turn.brush:before{top:0;right:0;bottom:0;left:0;clip-path:var(--brush-row)}#potted{display:flex;align-items:center;gap:8px;font-style:italic;font-size:16px;color:var(--muted)}#potted .balls{display:flex;gap:4px}#potted .ball{width:18px;height:18px}#message{margin:0;padding:8px 18px;max-width:520px;text-align:center;background:#110e0be0;border:1px solid var(--rule-dim);font-style:italic;font-size:18px;color:var(--soft)}#message:empty{display:none}#prompt{position:absolute;z-index:1;left:50%;bottom:40px;transform:translate(-50%);display:flex;align-items:center;gap:22px;padding:12px 22px 12px 14px;background:#110e0be6;border:1px solid var(--rule);white-space:nowrap}#prompt.empty{display:none}#prompt .pr,#promptKeys>span{display:flex;align-items:center;gap:14px;font-family:var(--sc);font-size:24px;letter-spacing:.04em}#promptKeys{display:contents}#btnShoot:not(.hidden)~#promptKeys>span{font-size:19px;color:var(--soft)}#btnShoot:not(.hidden)~#promptKeys kbd,#btnShoot:not(.hidden)~#promptKeys .mouse{height:30px;box-shadow:none}#promptKeys:empty{display:none}#prompt kbd{min-width:54px;height:36px;padding:0 12px;border-color:var(--text);box-shadow:0 3px 0 var(--rule);font-size:18px}#prompt .mouse{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--text);box-shadow:0 3px 0 var(--rule)}#prompt .mouse svg{width:16px;height:22px}#prompt .pr:hover>span{color:#fff}#btnPass{border-left:1px solid var(--rule);padding-left:22px}.hud-keys{position:absolute;z-index:1;left:36px;bottom:34px;display:flex;flex-direction:column;gap:10px;font-size:17px;color:var(--soft)}.hud-keys>div{display:flex;align-items:center;gap:12px}.hud-keys kbd{min-width:44px;height:30px}#power{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;width:50px}#power .fleur{width:34px;height:34px;color:var(--red);filter:drop-shadow(0 2px 1px #000)}#power .cap{width:50px;height:30px;display:block}#power .down{transform:scaleY(-1)}.tube{position:relative;z-index:1;width:50px;height:38vh;margin:-1px 0}.tube .rails{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#powerFill{position:absolute;left:13px;right:13px;bottom:1px;height:calc(var(--p, 0) * (100% - 2px));background:var(--red)}#spin{position:absolute;right:26px;bottom:26px;touch-action:none;display:grid;justify-items:center;gap:8px}#spin span{order:-1;font-family:var(--sc);font-size:18px;letter-spacing:.2em;text-shadow:0 2px 4px #000}#spinBall{width:84px;height:84px;border-radius:50%;position:relative;cursor:crosshair;background:radial-gradient(circle at 35% 30%,#fff,#e9e4d6 60%,#b9b2a2);box-shadow:0 0 0 3px var(--panel-b),0 0 0 4px var(--rule),0 6px 14px 4px #0009}#spinBall:after{content:"";position:absolute;top:21px;right:21px;bottom:21px;left:21px;border-radius:50%;border:1px dashed rgba(0,0,0,.3)}#spinDot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;left:50%;top:50%;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px #ffffffb3}#spinDot.forced{background:#e5a50a}#joystick{position:absolute;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;border:2px solid rgba(179,20,27,.7);background:#110e0b4d}#joyKnob{position:absolute;width:44px;height:44px;left:33px;top:33px;border-radius:50%;background:#ece4d266}#crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--text);box-shadow:0 0 0 1px #000}
