:root{--gold:#e6c582;--cream:#fff1cd;--navy:#072b39}*{box-sizing:border-box}body{margin:0;color:var(--cream);background:radial-gradient(ellipse at top,#204b53,#051d29 70%);font-family:system-ui,sans-serif}main{max-width:760px;margin:auto;padding:0 22px}header{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #d1b56e38}header a{font:700 28px Georgia;color:var(--gold);text-decoration:none;letter-spacing:2px}header a span{display:block;font:9px system-ui;letter-spacing:2px}.anniversary{margin-left:auto;font:18px Georgia;text-align:right;color:var(--gold)}.anniversary small{font:10px system-ui;color:#aebfbd}.icon{background:#ffffff08;color:var(--gold);border:1px solid #bfa2666b;border-radius:50%;width:38px;height:38px;font-size:22px;cursor:pointer}.icon[aria-pressed=true]{background:#c5a866;color:#082a35}.title{text-align:center;padding:24px 0 22px}.eyebrow{font-size:9px;letter-spacing:3px;color:var(--gold)}h1{font:small-caps 48px Georgia;margin:7px 0 6px;letter-spacing:-1px}.title p{font:small-caps 18px Georgia;letter-spacing:3px;margin:0;color:#d0d8ca}.board{position:relative;border:1px solid #e4c687;border-radius:15px;overflow:hidden;box-shadow:0 18px 55px #0005}canvas{width:100%;aspect-ratio:760/760;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.maptop,.mapbottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;font-size:10px;letter-spacing:2px}.maptop{top:16px}.maptop span{padding:9px 12px;background:#082e3be8;border:1px solid #c6b47d;border-radius:5px}#tickets{color:#f9d675;font-size:15px;letter-spacing:6px}.mapbottom{bottom:16px;color:#375c61;font:italic 12px Georgia;letter-spacing:1px}.toast{position:absolute;top:78px;left:50%;transform:translateX(-50%);background:#092e3bed;border:1px solid var(--gold);border-radius:30px;padding:9px 20px;white-space:nowrap;opacity:0;pointer-events:none;color:var(--gold);font-size:13px;transition:opacity .2s}.toast.show{opacity:1}.dashboard{position:relative;margin-top:-2px}.clock{text-align:center;margin:14px auto;display:flex;align-items:center;justify-content:center;gap:14px;padding:13px;border-top:1px solid #d4b67266;border-bottom:1px solid #d4b67266}.clock span{font-size:36px;color:var(--gold)}.clock strong{font:42px Georgia;font-variant-numeric:tabular-nums;letter-spacing:2px}.clock small{font-size:9px;letter-spacing:2px;max-width:60px;text-align:left;color:#bfcfc8}.stats{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:9px}.stats>div{padding:14px 8px;text-align:center;border:1px solid #d7b97977;border-radius:9px;background:#0a303d}.stats span,.stats small{display:block;font-size:9px;letter-spacing:1px;color:#c4d3cd}.stats strong{display:block;font:30px Georgia;color:var(--gold);margin:5px 0}.stats small{font-size:7px;letter-spacing:.5px}.meter{height:4px;background:#ffffff18;border-radius:3px;margin:8px 14px 0}.meter i{display:block;height:100%;background:#b8d79a;width:0;transition:width .2s}.instructions{display:flex;gap:13px;align-items:center;margin:17px 5px}.step{flex:none;display:grid;place-items:center;border:1px solid #baa063;border-radius:50%;width:28px;height:28px;color:var(--gold);font:16px Georgia}.instructions p{font-size:12px;line-height:1.7;color:#bdcfcd;margin:0}.instructions b{color:var(--gold)}.primary{border:1px solid #e1c27d;border-radius:12px;background:linear-gradient(#236a56,#14503e);color:var(--cream);font:small-caps 26px Georgia;padding:13px 25px;cursor:pointer;box-shadow:inset 0 0 0 3px #0c352b80,0 4px 0 #031b23}.replay{display:block;width:100%}.note{text-align:center;font-size:10px;color:#9aafb1;margin-top:16px}footer{text-align:center;padding:16px 0 22px;color:#668d97;font-size:9px;letter-spacing:2px}.overlay{position:absolute;inset:0;background:#072b39de;backdrop-filter:blur(5px);display:grid;place-items:center;padding:30px;text-align:center}.overlay[hidden]{display:none}h2{font:38px Georgia;color:var(--gold);margin:12px 0}.result p{font-size:14px;line-height:1.7;max-width:350px}.resultscore{font:34px Georgia;color:var(--gold);margin:20px 0}.result .primary{font-size:20px}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:500px){main{padding:0 10px}header{padding:12px 4px}.title{padding:18px 0}h1{font-size:37px}.eyebrow{font-size:7px;letter-spacing:2px}.title p{font-size:14px;letter-spacing:2px}.maptop{top:9px;left:9px;right:9px;font-size:8px;letter-spacing:1px}.maptop span{padding:6px 8px}#tickets{font-size:11px}.mapbottom{left:12px;right:12px;bottom:10px;font-size:9px}.toast{top:47px;font-size:11px;padding:7px 12px}.clock{margin:10px auto;padding:9px}.clock strong{font-size:34px}.stats>div{padding:11px 4px}.stats strong{font-size:25px}.stats span{font-size:8px;letter-spacing:.4px}.stats small{font-size:6px}.instructions{margin:12px 4px}.instructions p{font-size:11px}.primary{padding:10px;font-size:24px}.note{font-size:9px}h2{font-size:28px}.result p{font-size:12px}.resultscore{font-size:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:900px){main{max-width:1080px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:32px}header,.title,footer{grid-column:1/-1}.title{padding:17px 0 19px}h1{font-size:44px}.board{width:100%;max-width:calc(100svh - 235px);justify-self:center;align-self:start}.dashboard{align-self:center;margin:0}.clock{margin-top:0}.stats strong{font-size:26px}.instructions{margin:24px 3px}.instructions p{font-size:13px}.note{font-size:10px}footer{padding:16px}}
.stats{grid-template-columns:1fr 1.4fr}.balance{margin:20px 0;padding:14px 17px;border:1px solid #c7ad7860;border-radius:9px;background:#092d3a}.balance>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#bfcbc4}.balance strong{font:16px Georgia;color:var(--gold);letter-spacing:0}.balance-track{position:relative;height:10px;margin-top:15px;border-radius:5px;background:linear-gradient(90deg,#be5346,#d2aa52 45%,#5eac79 85%)}#balance-pointer{position:absolute;left:98%;top:-4px;width:4px;height:18px;background:#fff1c5;box-shadow:0 0 0 1px #082b39;border-radius:2px;transition:left .3s}.balance-labels{display:flex;justify-content:space-between;font-size:8px;color:#9bb5b8;margin-top:7px}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:10px;color:#9fbabc}.actions button{background:none;border:0;color:#e6c582;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.primary:disabled{opacity:.6;cursor:default}.maptop span{font-size:9px;letter-spacing:1px}.board{background:#173748}.instructions{margin:17px 3px}h1{font-size:48px}@media(max-width:500px){h1{font-size:38px}.balance{margin:13px 0}.maptop span{font-size:7px}.stats strong{font-size:28px}}@media(min-width:900px){.dashboard{align-self:start}.clock{padding:8px}.clock strong{font-size:38px}.balance{margin:14px 0}.instructions{margin:15px 3px}.stats>div{padding:10px}.note{margin-bottom:0}}