/* POSTER STYLE for Money Word and Rupee Sudoku. Loaded after game.css. Presentation only. */
:root{
  --cream:#FFF4DC;--paper:#FFFBF0;--ink:#14110F;--muted:#3A332C;--soft:#4A4036;--line:#14110F;
  --accent:#C8361F;--accent-deep:#C8361F;--accent-wash:#F7E6BF;
  --gold:#F6A91B;--gold-ink:#14110F;--exact:#1F7A64;--absent:#4A4640;
  --sand:#F7E6BF;--tomato:#C8361F;--indigo:#2B2A7A;--green:#0B3D2E;
  --press:3px 3px 0 #14110F;--shadow:4px 4px 0 #14110F;
  --mono:JetBrains,ui-monospace,Consolas,monospace;--disp:Bricolage,'Arial Black',Impact,sans-serif;
}
body{background:var(--cream);color:var(--ink)}
.page-shell{max-width:1240px;padding:12px 24px 32px}
.topbar{border-bottom:4px solid var(--ink);margin:0 -24px 20px;padding:0 24px}
.back-link,.brand{font-family:var(--disp);font-weight:800}
.brand b{color:var(--tomato)}
.back-link{padding:0 12px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);box-shadow:2px 2px 0 var(--ink);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.icon-button{border:3px solid var(--ink);background:var(--gold);box-shadow:3px 3px 0 var(--ink);font-family:var(--disp)}
.icon-button:active{transform:translate(3px,3px);box-shadow:none}
.eyebrow{font-family:var(--mono);font-weight:700;letter-spacing:.14em;color:var(--ink)}
.eyebrow-dot{background:var(--tomato);border:2px solid var(--ink);width:10px;height:10px}

/* hero colour block */
.intro{text-align:left;padding:clamp(20px,4vw,40px);margin:0 0 22px;background:var(--green);color:var(--cream);border:4px solid var(--ink);border-radius:22px;box-shadow:8px 8px 0 var(--ink);position:relative;overflow:hidden}
.intro::after{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:50%;background:var(--gold);border:4px solid var(--ink)}
.intro>*{position:relative;z-index:1}
body.game-sudoku .intro{background:var(--indigo)}
.intro .eyebrow{color:var(--gold)}
h1{font-family:var(--disp);font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:-.03em;font-size:clamp(40px,9vw,84px);margin:10px 0 8px}
h1 em{display:inline-block;background:var(--gold);color:var(--ink);padding:0 .12em;transform:rotate(-1.5deg);border-radius:4px}
.subhead{color:var(--cream);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}
.intro-meta{justify-content:flex-start}
.diff-chip,.streak-chip{border:2px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.streak-chip.is-live{background:var(--gold)}
.streak-chip.is-live svg{color:var(--tomato)}

/* cards */
.card{border:4px solid var(--ink);border-radius:20px;background:var(--paper);box-shadow:var(--shadow)}
.card h2,.help-dialog h2{font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}
.card p:not(.eyebrow),.help-dialog p,.help-dialog li{color:var(--ink)}
.stats-card{background:var(--sand)}
.hint-card{background:var(--gold)}
.hint-card .eyebrow,.hint-card h2,.hint-copy,.hint-note{color:var(--ink)!important}
.rules-card,.legend-card{background:var(--paper)}
.result-panel{background:var(--gold);border-color:var(--ink)}
.result-panel .eyebrow{color:var(--ink)}
.btn,.hint-button,.share-button,.dialog-done,.next-link{background:var(--tomato);color:var(--cream);border:3px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:15px;transition:transform .1s,box-shadow .1s}
.btn:active,.hint-button:active,.share-button:active,.dialog-done:active,.next-link:active{transform:translate(3px,3px);box-shadow:none}
.btn.secondary,.dialog-done.secondary{background:var(--paper);color:var(--ink)}
.hint-card .hint-button{background:var(--paper);color:var(--ink)}
.hint-text,.hint-inline-text{background:var(--paper);border:3px solid var(--ink);color:var(--ink)}
.share-fallback{border:3px solid var(--ink);font-family:var(--mono)}
.storage-warning{background:var(--gold);border:3px solid var(--ink);color:var(--ink)}
.no-stakes,.keyboard-help,.footer{color:var(--ink);font-family:var(--mono);font-size:12px}
.footer{border-top:4px solid var(--ink);margin-top:32px}
.footer-mark i{color:var(--tomato)}
.help-dialog{border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:22px;background:var(--paper)}
.help-dialog::backdrop{background:rgba(20,17,15,.65)}
button:focus-visible,a:focus-visible,.cell:focus-visible{outline:4px solid var(--indigo);outline-offset:3px}
.intro a:focus-visible,.intro button:focus-visible{outline-color:var(--gold)}
.game-layout{max-width:1240px}

/* celebrations: marigold / tomato / indigo / green / ink (reduced motion removes them) */
.confetti i{border:2px solid var(--ink)}
.confetti i:nth-child(5n+1){background:#F6A91B!important}
.confetti i:nth-child(5n+2){background:#C8361F!important}
.confetti i:nth-child(5n+3){background:#2B2A7A!important}
.confetti i:nth-child(5n+4){background:#1F7A64!important}
.confetti i:nth-child(5n){background:#14110F!important}

@media(max-width:700px){.page-shell{padding:8px 16px 24px}.topbar{margin:0 -16px 14px;padding:0 16px}.intro{box-shadow:5px 5px 0 var(--ink)}.card{box-shadow:4px 4px 0 var(--ink)}}
@media(max-width:380px){.page-shell{padding-left:12px;padding-right:12px}.topbar{margin:0 -12px 12px;padding:0 12px}.back-link span{display:none}.back-link{padding:0 10px}}
@media(prefers-reduced-motion:reduce){.btn,.hint-button,.share-button,.dialog-done,.next-link{transition:none!important}}

/* keep intro text clear of the decorative disc */
.intro::after{width:72px;height:72px;right:-26px;top:-26px;z-index:0}
.intro>*{position:relative;z-index:1}
.intro .eyebrow,.intro>p:first-child{padding-right:44px}