@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Italianno&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#faecd2;background:#28080e;font-size:16px;--cream:#faecd2;--gold:#f6d17a;--muted:#c7ab94;--line:#9f6d3d55;--serif:'DM Serif Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:radial-gradient(ellipse at 43% 22%,#6b202766,transparent 60%),linear-gradient(90deg,#180509,#390b13 7%,#420d17 50%,#320910 93%,#180509);min-height:100vh}body:before{content:'';position:fixed;inset:12px;pointer-events:none;border:1px solid #aa663331;box-shadow:inset 0 0 0 5px #12030733;z-index:0}button,input,select{font:inherit}button,select{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{position:relative;max-width:1440px;margin:auto;padding:24px 48px;display:flex;align-items:center;gap:22px}.brand{font-family:var(--serif);font-size:42px;text-decoration:none;white-space:nowrap;line-height:1;letter-spacing:-1.5px}.badge{font-size:12px;letter-spacing:1px;padding:7px 11px;border:1px solid #d2b99b88;border-radius:25px;white-space:nowrap}nav{margin-left:auto;display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:14px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.reset{border:0;border-radius:30px;background:var(--cream);color:#321018;padding:12px 23px;font-size:14px}.reset:hover{background:var(--gold)}main{position:relative;max-width:1380px;padding:0 48px;margin:auto}.how{background:linear-gradient(115deg,#f5e6c9,#ead2ae);color:#281511;border-radius:4px;box-shadow:0 8px 30px #0e020b44;padding:12px 22px 0;border:1px solid #fff0cc8c}.how h1{text-align:center;font-family:var(--serif);text-transform:uppercase;font-weight:400;font-size:20px;letter-spacing:2px;margin:0 0 6px}.how-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;align-items:center}.rule{display:flex;align-items:center;gap:6px;border-right:1px solid #66442655;min-width:0;padding-right:14px}.rule+.rule{padding-left:14px}.rule-art{display:block;flex:0 0 47%;max-width:112px;aspect-ratio:1;background-image:url('assets/rule-hands.png');background-size:300% 100%;background-repeat:no-repeat}.hand-coin{background-position:0 50%}.hand-tray{background-position:50% 50%}.hand-fire{background-position:100% 50%}.rule strong{display:block;font:32px/1 var(--serif)}.rule div>span{display:block;text-transform:uppercase;font-size:12px;margin-top:7px;line-height:1.4}.rule-flow{padding-left:24px;font-size:14px;line-height:1.6}.rule-flow p{margin:0 0 4px}.rule-flow span{padding:0 5px}.how details{border-top:1px solid #66442633}.how summary{cursor:pointer;list-style:none;font-size:12px;padding:8px 0;display:flex;justify-content:center;gap:8px;color:#563c2d}.fine-print{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:0 0 12px}.fine-print p{font-size:14px;line-height:1.65;margin:5px 0}.game{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:22px;position:relative;padding-top:30px}.butler-stage{position:relative;align-self:stretch;min-width:0;display:flex;align-items:end;justify-content:center;padding-bottom:10px}.butler-scene{width:128%;max-width:none;height:auto;display:block;position:relative;margin-left:-15%;pointer-events:none;filter:drop-shadow(0 16px 22px #15020655)}.invitation{position:absolute;right:12%;top:2%;font:104px/1 'Italianno',cursive;color:var(--gold);white-space:nowrap;margin:0;transform:rotate(-9deg);z-index:1}.stage-caption{position:absolute;bottom:7px;left:8%;font-size:11px;letter-spacing:2px;color:var(--gold);background:#290a10d9;padding:10px 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.play-column{position:relative;padding:0 0 0 10px;min-width:0}.topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.topline .badge{font-size:10px;border-color:var(--line);color:var(--muted)}.pot-number{display:flex;align-items:baseline;justify-content:center;gap:13px;font-family:var(--serif);color:var(--gold);padding:8px 0 16px;line-height:1.15;border-bottom:1px solid #d1ab6877}.pot-number #pot{font-size:clamp(55px,7vw,105px);letter-spacing:-3px;overflow-wrap:anywhere;min-width:0}.unit{font-size:28px}.clock-row{display:flex;align-items:center;justify-content:center;gap:17px;margin:12px 0 0}.clock-icon{font-size:45px;line-height:1}#timer{font-family:var(--serif);font-size:65px;line-height:1.15;letter-spacing:2px;font-variant-numeric:tabular-nums}.track{height:2px;background:#9f6d3d22;margin:8px auto;width:110px}#timebar{height:100%;background:var(--gold);transition:width .3s}#leader{text-align:center;font-size:16px;line-height:1.5;margin:8px 0 18px;min-height:24px}.donate-panel{padding:20px 25px 13px;border:1px solid #c5934544;border-radius:15px;background:linear-gradient(140deg,#1a090cdd,#220b0ecc);box-shadow:0 16px 36px #16030633}.player-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.player-row label{margin:0}.player-row select{padding:5px 28px 5px 10px;max-width:145px;border:1px solid #99744766;background:#300d14;border-radius:5px;color:var(--cream);font-size:14px}.balance{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin:10px 0 17px}.balance strong{color:var(--cream);font-weight:400}label{display:block;font-size:14px;margin:0 0 7px}.amount-wrap{display:flex;align-items:center;border:1px solid #e5cfaf;border-radius:7px;padding-right:17px}.amount-wrap input{background:none;border:0;min-width:0;width:100%;color:var(--cream);font-size:28px;padding:12px 15px;appearance:textfield}.amount-wrap input::-webkit-inner-spin-button,.amount-wrap input::-webkit-outer-spin-button{appearance:none;margin:0}.amount-wrap>span{font-size:14px;color:var(--muted)}.muted{font-size:14px;color:var(--muted);line-height:1.5}#minimum{font-size:12px;margin:7px 0 12px}.split{display:flex;gap:15px;margin:0 0 15px}.split>div{flex:1;min-width:0}.split span{font-size:12px;color:var(--muted)}.split strong{display:block;font-size:16px;color:var(--gold);margin-top:4px;overflow-wrap:anywhere;font-weight:500}.primary{display:flex;justify-content:center;align-items:center;gap:18px;width:100%;border:0;border-radius:40px;padding:15px 20px;color:#29130a;background:linear-gradient(110deg,#f9da8b,#f5c75d);font-size:18px;font-weight:700;box-shadow:0 3px 14px #f7c45b0c}.primary:hover{background:#ffe4a0;transform:translateY(-1px)}.primary span{font-size:25px;line-height:1}#feedback{font-size:12px;color:var(--muted);line-height:1.5;min-height:18px;margin:10px 0 0;text-align:center}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.stats{margin:32px 0 25px;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.stats>div{text-align:center;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{display:block;font:30px var(--serif);color:var(--gold);margin-top:6px}.stats small{font:12px 'DM Sans',sans-serif;color:var(--muted)}.lower{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.donor-card,.activity-card{background:#1a080bcc;border:1px solid var(--line);border-radius:12px;padding:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}h2{font:24px var(--serif);margin:0}.quiet{border:0;border-bottom:1px solid #c5934566;background:none;color:var(--gold);padding:5px 0;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-weight:400;color:var(--muted);font-size:12px;padding:12px 8px;border-bottom:1px solid var(--line)}td{padding:15px 8px;border-bottom:1px solid #6c462b33;font-variant-numeric:tabular-nums}th:first-child,td:first-child{padding-left:0}td:last-child{font-size:12px;color:var(--muted)}td:nth-child(3){color:var(--gold)}#activity{margin-top:17px;max-height:295px;overflow:auto}.activity-item{padding:15px 0;border-bottom:1px solid #6c462b33;font-size:14px;display:flex;justify-content:space-between;gap:14px}.activity-item small{display:block;font-size:12px;color:var(--muted);margin-top:7px;line-height:1.5}.activity-item>strong{color:var(--gold);font-weight:500;white-space:nowrap}.empty{color:var(--muted);font:italic 20px/1.7 var(--serif);padding:20px 0}footer{padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:26px}footer>span{text-align:right;font:italic 21px var(--serif);color:var(--gold)}footer small{display:block;font:12px 'DM Sans',sans-serif;color:var(--muted);margin-top:8px}
@media(min-width:1500px){.game{padding-top:40px}.butler-scene{width:133%;margin-left:-18%}}@media(max-width:1050px){header{padding:22px 30px}.brand{font-size:34px}nav{gap:18px}main{padding:0 30px}.how{padding:12px 15px 0}.rule-art{flex-basis:43%}.rule strong{font-size:28px}.rule-flow{padding-left:15px;font-size:12px}.rule div>span{font-size:11px}.game{gap:10px}.butler-scene{width:128%}.invitation{font-size:84px;top:10%;right:8%}.pot-number #pot{font-size:75px}#timer{font-size:58px}.donate-panel{padding:17px}.primary{font-size:16px}}@media(max-width:760px){header{padding:22px 20px;gap:12px;flex-wrap:wrap}.brand{font-size:32px}header>.badge{font-size:10px;padding:5px 8px}nav{margin-left:auto;gap:10px}nav a{display:none}.reset{padding:9px 14px;font-size:12px}main{padding:0 20px}.how-row{grid-template-columns:1fr 1fr 1fr}.rule{display:flex;flex-direction:column;gap:0;padding:0 8px!important;text-align:center}.rule:nth-child(3){border:0}.rule-art{width:75px;flex-basis:auto}.rule strong{font-size:27px}.rule div>span{font-size:10px;letter-spacing:.2px}.rule-flow{grid-column:1/-1;text-align:center;padding:15px 0 10px;font-size:13px;display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px}.rule-flow p{margin:0}.fine-print{grid-template-columns:1fr;gap:6px}.game{grid-template-columns:1fr;padding-top:20px;gap:0}.butler-stage{height:240px;overflow:hidden;align-items:start;justify-content:start;margin:0 -5px;border-bottom:1px solid var(--line)}.butler-scene{width:340px;max-width:80%;margin:0;height:auto}.invitation{right:5%;top:35px;font-size:80px}.stage-caption{display:none}.play-column{padding:20px 0 0}.pot-number #pot{font-size:70px}.pot-number{padding-bottom:12px}#timer{font-size:59px}.clock-row{margin-top:8px}.stats{margin-top:24px;gap:8px}.stats .eyebrow{font-size:10px;letter-spacing:.5px}.stats strong{font-size:24px}.lower{grid-template-columns:1fr}.donor-card,.activity-card{padding:18px}.section-head .eyebrow{font-size:10px}.balance{font-size:12px}footer .brand{font-size:22px}footer>span{font-size:18px}footer small{max-width:190px;line-height:1.5}.unit{font-size:25px}.topline .eyebrow{font-size:11px}}@media(max-width:380px){header>.badge{display:none}.pot-number #pot{font-size:60px}.primary{font-size:15px}.invitation{font-size:64px}.butler-stage{height:215px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.price-note{font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0 14px}#donation-value{font-size:14px;color:var(--gold);margin:6px 0}#minimum{line-height:1.5}

.butler-base{display:block;width:100%;height:auto}.coin-pile{position:absolute;left:49%;bottom:29.2%;width:48%;height:auto;transform-origin:50% 85%;transform:scale(var(--pile-scale,0));opacity:var(--pile-opacity,0);transition:transform 700ms cubic-bezier(.22,1,.36,1),opacity 250ms;pointer-events:none}@media(max-width:760px){.butler-stage{height:auto;min-height:240px;overflow:visible}.butler-scene{width:100%;max-width:100%}.invitation{right:7%;top:20px}.coin-pile{transition-duration:500ms}}@media(prefers-reduced-motion:reduce){.coin-pile{transition:none}}

.amount-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.amount-heading label{margin:0}#fill-minimum{padding:5px 12px;border:1px solid #c5934577;border-radius:20px;font-size:13px}#fill-minimum:hover{background:#f6d17a18}
.live-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin:1rem auto;padding:1rem;border:1px solid #845c3f;border-radius:12px}.live-actions input{width:5rem;background:#23090b;color:#ffe4b7;border:1px solid #845c3f;border-radius:5px;padding:.5rem}button:disabled{opacity:.45;cursor:not-allowed}dialog{background:#310d13;color:#ffe4b7;border:1px solid #b68a50;border-radius:16px;padding:2rem;max-width:90vw}dialog::backdrop{background:#0009}#wallet-options{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}
