@font-face{font-family:Fredoka;src:url("assets/Fredoka.ttf") format("truetype");font-display:swap}
:root{--ink:#193f38;--pine:#1d6855;--cream:#fff9e9;--mint:#e4f3df;--gold:#ffce62;--edge:#abc6ad;--wood:#c99754}
body{font-family:Fredoka,"Trebuchet MS",sans-serif;color:var(--ink);background:var(--cream)}button{font-family:inherit;font-weight:500}button:focus-visible{outline:4px solid #246dd1;outline-offset:2px}button:not(:disabled):active{transform:translateY(2px);box-shadow:none}
.bottom{background:linear-gradient(135deg,#f8f7e8,#e3efdf);border-top:6px solid var(--wood);box-shadow:0 -3px 0 #fff1c9;padding:.8vh 1.2vw;gap:.8vh}
.brand{color:var(--cream);background:var(--pine);border:2px solid #ffe5a8;border-radius:8px 22px 22px 8px;padding:.8vh 1.2vw;box-shadow:0 4px 0 #133b3433;text-shadow:none;font-weight:600;font-size:clamp(19px,2.9vh,32px)}.brand small{font-size:10px;letter-spacing:3px;color:#ffda83}.mission{background:#fff9e9f5;color:var(--ink);border:2px solid #e0c493;border-radius:18px;max-width:49%;padding:.8vh 1.4vw;box-shadow:0 4px 0 #173c3020}.mission h1{font-weight:600;font-size:clamp(18px,2.7vh,29px)}.mission p{font-size:clamp(14px,1.8vh,20px)}
.toolbar{gap:.6vw;align-items:center}.toolbar button{border:1px solid #a3bdae;border-radius:10px;background:#fffdf2;color:var(--ink);box-shadow:0 2px 0 #bdd0bd;font-size:clamp(13px,1.7vh,18px);padding:.5vh 1.1vw;min-height:32px}.toolbar span{font-size:clamp(10px,1.3vh,14px);color:#446658}.toolbar #pace{background:#deeed7}.toolbar #music{background:#fcecc0}
.menu{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr;gap:.8vh 2vw;width:min(1150px,96%);margin:auto;align-content:center;justify-items:center;padding:.5vh 0}.playersChoice{gap:.6vw;justify-content:center}.menu>.playersChoice:first-child{grid-column:1/-1}.digitsChoice{gap:.6vw}.digitsChoice strong{font-size:clamp(15px,2vh,21px)}.choice{border:2px solid #afc5ae;border-radius:12px;background:#fffdf4;color:var(--ink);padding:.6vh 1.5vw;font-size:clamp(17px,2.3vh,25px);box-shadow:0 3px 0 #bacdb8}.choice.selected{background:var(--pine);border-color:#175741;color:#fff9e5;box-shadow:0 3px 0 #113e31}.digitsChoice .choice.selected{background:#ffcf69;color:#3f321b;border-color:#d3a54b;box-shadow:0 3px 0 #bc9140}#rules{grid-column:1/-1;background:none;padding:0;color:#365c4b;font-size:clamp(13px,1.75vh,18px);max-width:100%;line-height:1.2}.levels{grid-column:1/-1;gap:1vw;align-self:stretch}.level{position:relative;background:#fffdf4;border:2px solid #c9b57e;border-bottom:6px solid #b58a48;border-radius:18px;width:33.33%;min-height:11vh;padding:1vh .7vw;color:var(--ink);box-shadow:0 5px 10px #34533d12;font-size:clamp(19px,2.7vh,29px);font-weight:600;transition:background .15s}.level:nth-child(2){background:#edf6e9;border-color:#98be99;border-bottom-color:#5e936a}.level:nth-child(3){background:#fff0dd;border-color:#d8ad80;border-bottom-color:#b8814e}.level:hover{background:#fff4c9}.level .foodSprite{display:inline-block;vertical-align:middle;margin-right:.5vw;width:4vh;height:4vh}.level small{font-size:clamp(13px,1.65vh,18px);margin-top:.5vh;line-height:1.2}.level:after{content:'Jugar';display:block;font-size:clamp(13px,1.6vh,17px);color:#fff;background:var(--pine);width:max-content;padding:.3vh 1.6vw;border-radius:20px;margin:.7vh auto 0}
.board{background:#fff9e9;border:3px solid var(--color);border-radius:18px;box-shadow:0 3px 0 #49695733;padding:.6vh .6vw;gap:.35vh}.playerTitle{color:var(--ink);font-size:clamp(16px,2.2vh,25px);min-height:3vh;padding:0 .3vw}.playerTitle [data-ui=score]{background:var(--color);border-radius:14px;padding:0 10px;font-size:.9em}.belt{border:3px solid #647a70;background:repeating-linear-gradient(90deg,#30453f 0,#30453f 27px,#415950 28px,#415950 31px);border-radius:12px;height:8vh;min-height:7vh}.product small{border-radius:6px;background:#fff7d9;color:#213b30;font-size:clamp(15px,1.9vh,22px);box-shadow:0 2px 0 #0003;padding:0 7px}.scanner{border:2px solid #adc8b3;background:#d5e6d5;color:#295542;border-radius:9px;font-size:clamp(12px,1.5vh,17px)}.receipt{background:#f1ead7;color:#4f6352;border-radius:3px;font-size:clamp(11px,1.4vh,16px)}.display{background:#e8f4dc;border:2px solid #a4c599;border-radius:9px;color:#204b38;min-height:4vh;padding:.1vh .7vw}.display strong{font-size:clamp(23px,3vh,34px);font-weight:600;letter-spacing:1px}.display span{font-size:clamp(14px,1.8vh,20px)}.calculation{gap:.6vw}.sum{background:#fffdf8;border:1px solid #d8c7a3;border-bottom:3px dashed #cbbb95;border-radius:7px;padding:2px;box-shadow:inset 0 3px 0 #f2e9d2}.sumGrid{font-family:Fredoka,sans-serif;font-weight:500}.sum small{color:#5b6953}.keys{gap:.5vh .45vw}.key{background:linear-gradient(#fffef5,#ede9d8);border:1px solid #bbbdab;border-bottom:3px solid #98a393;box-shadow:0 2px 1px #263e3512;border-radius:10px;color:#1b493a;font-size:clamp(22px,3vh,34px);font-weight:500}.key.gold,.cashActions .gold{background:var(--pine);border-color:#104b3b;color:#fffbea;font-size:clamp(15px,2vh,22px)}.message{background:#e7f0da;color:#355a3d;border-radius:9px;font-size:clamp(15px,1.9vh,21px);min-height:4vh;font-weight:400}.cashActions button{background:#efead9;color:var(--ink);border:1px solid #c1c9b6;border-radius:9px}.coins .coin{background:#fff7df;border:1px solid #dfd1a5;border-radius:12px;padding:.4vh .5vw}.board.celebrate{animation:paidGlow .6s ease-out}.finish.victory{background:#fff7df;border:2px solid #dec492;box-shadow:0 5px 0 #c6b485}.finish button{background:var(--pine);color:white;border-radius:14px;padding:12px 30px}
@keyframes paidGlow{50%{box-shadow:0 0 0 5px #6ab478,0 0 28px #8fc67e}}
.cover{position:absolute;inset:0 0 50%;pointer-events:none;display:none;overflow:hidden;background:linear-gradient(90deg,#fff7e9ed,#fff8e2cc 50%,#fff7e98a)}body[data-view=menu] .cover{display:flex;align-items:center;padding:3vh 5vw;gap:3vw}body[data-view=menu] .hud{display:none}.coverCopy{width:48%;position:relative;z-index:1}.coverKicker{font-size:clamp(11px,1.5vh,17px);letter-spacing:3px;color:#49705b;font-weight:500}.cover h2{font-size:clamp(30px,6.7vh,74px);line-height:1;margin:1.3vh 0;color:#245c47;font-weight:600;letter-spacing:-1px}.cover h2 span{display:block;color:#a86224}.cover p{font-size:clamp(16px,2.4vh,27px);line-height:1.25;max-width:520px;margin:2vh 0}.coverBadge{display:inline-block;border:1px solid #d8b97f;background:#ffefc6;border-radius:30px;padding:.7vh 1.4vw;font-size:clamp(12px,1.7vh,19px);color:#77501e}.coverCast{width:49%;height:92%;display:flex;align-items:flex-end;gap:0;filter:drop-shadow(0 6px 3px #4e352b22)}.coverCast figure{width:33.33%;height:90%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.coverCast figure:first-child{height:100%}.coverCast img{width:100%;height:88%;object-fit:contain;object-position:bottom}.coverCast figcaption{font-size:clamp(15px,2.2vh,25px);background:#fff6df;border:1px solid #d5b980;border-radius:20px;padding:2px 15px;margin-top:5px}
@media(max-width:700px) and (orientation:portrait){.cover{bottom:70%}body[data-view=menu] .cover{padding:12px 14px;gap:0}.coverCopy{width:54%}.coverKicker{font-size:9px;letter-spacing:2px}.cover h2{font-size:32px;margin:8px 0}.cover p{font-size:14px;margin:8px 0}.coverBadge{font-size:11px;padding:4px 7px}.coverCast{width:46%;height:80%;gap:0}.coverCast figure{width:50%}.coverCast figure:nth-child(3){display:none}.coverCast figcaption{font-size:12px;padding:1px 6px}.bottom{padding:7px}.menu{display:flex;width:100%;gap:10px;padding:8px 3px;justify-content:flex-start}.choice{font-size:17px;padding:7px 13px}.digitsChoice strong{font-size:16px}.levels{width:100%;gap:9px}.level{width:100%;min-height:74px;border-radius:14px;text-align:left;padding:9px 70px 9px 14px;font-size:21px}.level small{font-size:14px;margin-top:4px}.level:after{position:absolute;right:10px;top:21px;font-size:14px;padding:6px 10px;margin:0}.level .foodSprite{display:none}#rules{font-size:14px}.brand{font-size:15px;max-width:37%;padding:5px}.mission{max-width:61%;padding:6px}.mission h1{font-size:17px}.mission p{font-size:13px}.board{padding:8px;gap:5px;min-height:490px}.playerTitle{font-size:20px}.belt{height:76px;min-height:76px}.product small{font-size:17px}.display{min-height:40px}.display strong{font-size:30px}.key{font-size:29px;min-height:43px}.key.gold{font-size:19px}.message{font-size:18px;min-height:42px}.toolbar button{font-size:14px;padding:6px 10px}.receipt{font-size:12px}.sumGrid{font-size:30px}}
@media(prefers-reduced-motion:reduce){.board.celebrate{animation:none}button{transition:none}}

.coverCast figure{height:100%}

/* New illustrated edition: pale mint and warm cream, tactile ivory keys. */
:root{--pine:#277c72;--ink:#204c49;--wood:#d1a66b}.bottom{background:linear-gradient(125deg,#f9f5e7,#e1f2ec);border-top:6px solid #d2aa71}.cover{background:linear-gradient(90deg,#fff8eaf0,#fff8eac4 45%,#fff8ea18)}.cover h2{color:#247970}.cover h2 span{color:#a96b32}.coverCast figcaption{border-color:#a8cbbb;background:#fffaf0;color:#2c6459}.coverBadge{border-color:#bfd3b8;background:#edf6df;color:#4e7055}.mission{border-color:#b0d1bd;background:#fffaf0f2}.brand{background:#2b786d}.board{border-radius:19px;background:#fffaf0}.display{background:#234f4b;color:#f6ffec;border-color:#528c79;border-radius:10px}.display strong{color:#d4f6bb}.key{background:linear-gradient(#fffef8,#f2ecd9);border-color:#bcceba;border-bottom-color:#92af9a}.key.gold,.cashActions .gold{background:#277c72;color:#fff9e4}.scanner{background:#bee2d4;border-color:#70ab96}.message{background:#eaf3db}.level:nth-child(1){background:#fff6df}.level:nth-child(2){background:#eaf6ed}.level:nth-child(3){background:#f3eaf7;border-color:#c7b2d2;border-bottom-color:#aa89b8}.level:after{background:#277c72}.toolbar #music{background:#fff4d4}

.coverCast canvas{position:static;display:block;width:100%;height:88%;object-fit:contain;object-position:bottom;background:transparent}