:root{--ink:#2b1a20;--paper:#f6ead0;--paper2:#ecd9b4;--gold:#e8b23a;--grey:#7a5f60;--rose:#e8908c;--sky:#4a9cc0;--crim:#c8344a;
--display:"Georgia","Palatino Linotype","Book Antiqua",serif;--body:"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana,sans-serif;--mono:"Courier New",Courier,monospace;}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;min-height:100dvh;font-family:var(--body);color:var(--ink);font-size:17px;line-height:1.45;
background-color:var(--paper);background-image:radial-gradient(rgba(13,13,13,.1) 1px,transparent 1.4px);background-size:7px 7px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.6rem 1rem;z-index:99}.skip:focus{left:0}
.boot{font-family:var(--mono);padding:3rem;text-align:center}
#app{max-width:1180px;margin:0 auto;padding:0 14px 60px}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.02em;text-transform:uppercase;margin:0;line-height:1}
h2{font-size:2rem}h3{font-size:1.35rem}
a{color:var(--ink)}
:focus-visible{outline:4px solid var(--gold);outline-offset:2px}
.cap{font-family:var(--mono);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.muted{color:var(--grey)}
.panel{background:var(--paper);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:18px;position:relative}
.panel>.cap.tag{position:absolute;top:-4px;left:-4px;background:var(--ink);color:var(--paper);padding:3px 10px}
.panel.dark{background:var(--ink);color:var(--paper)}
.panel.pad-t{padding-top:36px}
.grid{display:grid;gap:26px}
.g2{grid-template-columns:1.1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.g2,.g3{grid-template-columns:1fr}#app{padding:0 10px 50px}}
.stack>*+*{margin-top:14px}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
/* masthead */
.mast{padding:26px 0 8px;display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;justify-content:space-between}
.logo{font-family:var(--display);font-size:clamp(3.2rem,11vw,7rem);line-height:.82;letter-spacing:.01em;text-transform:uppercase;margin:0}
.logo span{color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke}
.logo small{font-size:.28em;vertical-align:middle;margin:0 .15em;-webkit-text-stroke:0;color:var(--ink)}
.morse{height:12px;width:min(320px,70vw);background:repeating-linear-gradient(90deg,var(--ink) 0 22px,transparent 22px 30px,var(--ink) 30px 36px,transparent 36px 44px);margin:10px 0}
.statusbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;border:4px solid var(--ink);background:var(--ink);color:var(--paper);padding:8px 14px;margin:14px 0 24px}
.statusbar .phase{font-family:var(--display);font-size:1.5rem;text-transform:uppercase;letter-spacing:.04em}
.pips{display:flex;gap:5px;align-items:center}
.pip{width:16px;height:16px;border:2px solid var(--paper);display:inline-block}.pip.on{background:var(--gold);border-color:var(--gold)}.pip.done{background:var(--paper)}
.roomcode{font-family:var(--mono);letter-spacing:.2em;background:var(--paper);color:var(--ink);padding:2px 10px;font-weight:700}
.statusbar .spacer{flex:1}
/* buttons */
.btn{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;font-size:1.2rem;background:var(--ink);color:var(--paper);border:4px solid var(--ink);padding:10px 20px;cursor:pointer;box-shadow:5px 5px 0 var(--grey);transition:transform .12s,box-shadow .12s;text-decoration:none;display:inline-block;line-height:1.1}
.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--gold)}
.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px 0 var(--grey)}
.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;box-shadow:none}
.btn.alt{background:var(--paper);color:var(--ink)}
.btn.gold{background:var(--gold);color:var(--ink)}
.btn.sm{font-size:.95rem;padding:6px 12px;box-shadow:3px 3px 0 var(--grey)}
.panel.dark .btn.alt{background:var(--paper)}
input[type=text],input[type=number],select,textarea{font:inherit;border:3px solid var(--ink);background:#fffdf6;padding:8px 10px;color:var(--ink);border-radius:0;max-width:100%}
textarea{width:100%;min-height:130px;resize:vertical}
label.f{display:block;font-family:var(--mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
input[type=range]{width:100%;accent-color:var(--ink);height:34px;cursor:pointer}
input[type=range]:disabled{cursor:not-allowed;opacity:.55}
input[type=range].untouched{opacity:.45}
.banner{border:4px solid var(--ink);padding:10px 14px;margin:0 0 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--paper)}
.banner.err{background:var(--ink);color:var(--paper)}
.banner.info{background:var(--gold)}
.banner[hidden]{display:none}
/* landing */
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center}
@media(max-width:860px){.hero{grid-template-columns:1fr}}
.strip{display:grid;grid-template-columns:repeat(3,1fr);border:4px solid var(--ink);background:var(--ink);gap:4px}
.strip>div{background:var(--paper);padding:10px;text-align:center}
.strip svg{width:100%;max-height:150px}
.strip p{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;margin:4px 0 0}
.how{counter-reset:s;list-style:none;padding:0;margin:0}
.how li{counter-increment:s;padding:8px 0 8px 52px;position:relative;border-bottom:2px dashed var(--ink)}
.how li:before{content:counter(s);position:absolute;left:0;top:4px;width:38px;height:38px;background:var(--ink);color:var(--paper);font-family:var(--display);font-size:1.4rem;display:grid;place-items:center;transform:rotate(-4deg)}
.codein{font-family:var(--mono);font-size:1.6rem;letter-spacing:.3em;text-transform:uppercase;width:11ch;text-align:center}
.err-line{font-family:var(--mono);color:var(--ink);background:var(--gold);padding:6px 10px;border:3px solid var(--ink);margin-top:10px}
.err-line:empty{display:none}
/* lobby */
.bigcode{font-family:var(--display);font-size:clamp(3rem,12vw,6.5rem);letter-spacing:.14em;line-height:1;text-align:center;border:4px dashed var(--ink);padding:10px;background:var(--paper2)}
.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.chip{border:4px solid var(--ink);background:var(--paper);padding:8px;text-align:center;position:relative}
.chip.me{background:var(--gold)}
.chip svg.baker{width:100%;max-width:120px;height:auto;display:block;margin:0 auto}
.chip .nm{font-family:var(--display);font-size:1.1rem;text-transform:uppercase;line-height:1.05}
.chip .st{font-family:var(--mono);font-size:.72rem;text-transform:uppercase}
.chip .badge{position:absolute;top:-4px;right:-4px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:.68rem;padding:2px 6px;text-transform:uppercase}
.chip.off{opacity:.55}
.empty-slot{border:4px dashed var(--ink);display:grid;place-items:center;min-height:150px;font-family:var(--mono);text-transform:uppercase;font-size:.8rem;color:var(--grey);text-align:center;padding:8px}
.wait{display:inline-block;animation:blink 1.4s steps(2) infinite}
@keyframes blink{50%{opacity:.25}}
/* globe */
.globe{width:100%;aspect-ratio:1/1;max-height:520px;background:#e8e2d3;border:4px solid #0d0d0d;position:relative;overflow:hidden}
.globe.flat{aspect-ratio:2/1}
.globe canvas{display:block;width:100%;height:100%}
.globe-mode{font-family:var(--mono);font-size:.78rem;margin-top:6px}
.pk{display:grid;grid-template-columns:90px 1fr 92px;gap:8px;align-items:center;margin:6px 0;font-family:var(--mono);font-size:.85rem}
.pk .bar{height:20px;background:var(--paper2);border:2px solid var(--ink)}
.pk .bar i{display:block;height:100%;background:var(--ink);transition:width .35s}
.scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.78rem;text-transform:uppercase}
.rule{border-left:8px solid var(--ink);padding:4px 12px;background:var(--paper2)}
.pot{font-family:var(--display);font-size:2.6rem;line-height:1}
/* tables */
.tw{overflow-x:auto;border:4px solid var(--ink)}
table.t{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem}
table.t th{background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:.74rem;text-transform:uppercase;text-align:right;padding:7px 8px;letter-spacing:.04em}
table.t th:first-child,table.t td:first-child{text-align:left}
table.t td{padding:7px 8px;border-top:2px solid var(--ink);text-align:right;font-variant-numeric:tabular-nums}
table.t tr.me td{background:var(--gold)}
table.t .neg{font-weight:700}
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.kpi>div{border:4px solid var(--ink);padding:8px 12px;background:var(--paper)}
.kpi b{font-family:var(--display);font-size:2rem;display:block;font-weight:400;line-height:1.05}
/* market */
.quality-costs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.quality-costs .quality-cost{min-width:0;min-height:48px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--mono);font-size:.8rem;background:var(--paper2);color:var(--ink);border:2px solid var(--ink);border-radius:8px;box-shadow:none}
.quality-costs .quality-cost.selected{background:var(--ink);color:var(--paper)}
.quality-costs .quality-cost:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.bread-quality-image{display:block;max-width:100%;object-fit:contain}
.quality-cost .bread-quality-image{width:100%;height:auto;aspect-ratio:5/4;background:#fff;border-radius:5px}
.bread-quality-locked{width:200px;height:160px;border-radius:10px;background:#fff;margin:12px auto}
.stage-market{grid-template-columns:1.2fr 1fr}
@media(max-width:900px){.stage-market{grid-template-columns:1fr}}
.round-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px 14px;border:3px solid var(--ink);background:var(--paper2);padding:12px}
.round-facts>b,.tabloid-headlines{grid-column:1/-1}
.round-facts>b{font-family:var(--display);font-size:1.35rem}
.own-round-group{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px 14px;border-top:2px dotted var(--ink);padding-top:9px}
.own-round-group>b{grid-column:1/-1;font-family:var(--display);font-size:1.05rem}
.own-round-detail{display:flex;flex-direction:column;gap:3px;min-width:0;padding:5px 7px;border:1px solid var(--ink);background:#fff9ed}
.own-round-detail small{font-family:var(--mono);font-size:.75rem}
.own-round-detail>b{font-family:var(--mono);overflow-wrap:anywhere}
.tabloid-headlines{display:flex;flex-wrap:wrap;gap:7px}
.tabloid-headlines strong{background:#b9482f;color:#fff7e8;border:2px solid var(--ink);padding:5px 9px;font-family:var(--mono);font-size:.85rem}
.readout{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-family:var(--mono);font-size:.85rem;margin:10px 0}
.readout div{border:2px solid var(--ink);padding:5px 8px;background:var(--paper2)}
.readout b{display:block;font-size:1.15rem}
.cartel{background:var(--ink);color:var(--paper);padding:8px 12px;font-family:var(--mono);font-size:.85rem;text-transform:uppercase;border:4px solid var(--ink)}
.cartel.hot{animation:shake .5s 2}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.inv{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:3px solid var(--ink);padding:8px;background:var(--paper2)}
.mini{display:flex;gap:10px;align-items:center}
.mini svg.baker{width:44px;height:auto;flex:none}
.mini{min-width:0}
.competitor-avatar{width:76px;flex:0 0 76px}
.mini .competitor-avatar svg.baker{display:block;width:100%;height:auto}
.competitor-info{min-width:0;overflow-wrap:anywhere}
.previous-offer .competitor-avatar{width:64px;flex-basis:64px}
.plist{list-style:none;margin:0;padding:0}
.plist li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:6px 0;border-bottom:2px dashed var(--ink)}
.lock{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;border:2px solid var(--ink);padding:1px 6px}
.lock.on{background:var(--ink);color:var(--paper)}
/* chart */
svg.mc{width:100%;height:auto;display:block}
.mc-name{font-family:var(--display);font-size:15px;text-transform:uppercase;fill:var(--ink)}.mc-name.me{font-size:17px}
.mc-val{font-family:var(--mono);font-size:12px;fill:var(--ink);font-weight:700}
.mc-tick{font-family:var(--mono);font-size:11px;fill:var(--ink)}
/* scenes */
.scene{width:100%;height:auto;display:block;border:4px solid var(--ink)}
.theory-art{width:100%;height:auto;display:block;border-bottom:4px solid var(--ink)}
.ages{display:flex;gap:6px;justify-content:center;align-items:flex-end}
.ages svg.baker{width:25%;max-width:100px;height:auto}
.fall{animation:drift 5s ease-in-out infinite alternate}
@keyframes drift{from{transform:translateY(-3px) rotate(-1deg)}to{transform:translateY(5px) rotate(1deg)}}
.rise{animation:rise .6s cubic-bezier(.2,.9,.3,1.3) both}
@keyframes rise{from{opacity:0;transform:translateY(18px) rotate(-1deg)}to{opacity:1;transform:none}}
/* podium */
.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end;max-width:760px;margin:0 auto}
.podium.n1{grid-template-columns:1fr;max-width:260px}.podium.n2{grid-template-columns:1fr 1fr;max-width:520px}
.pcol{text-align:center}
.pcol svg.baker{width:80%;max-width:140px;height:auto}
.block{background:var(--ink);color:var(--paper);font-family:var(--display);font-size:3.4rem;display:grid;place-items:center;border:4px solid var(--ink)}
.pcol.first .block{background:var(--gold);color:var(--ink)}
.pcol .nm{font-family:var(--display);font-size:1.15rem;text-transform:uppercase}
/* theory */
.theory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
@media(max-width:860px){.theory-grid{grid-template-columns:1fr}}
.theory{padding:0;overflow:hidden}
.theory .body{padding:14px 16px 18px}
.theory h3{background:var(--ink);color:var(--paper);padding:8px 16px;font-size:1.5rem}
.theory dl{margin:10px 0 0}.theory dt{font-family:var(--mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;margin-top:8px;border-top:2px solid var(--ink);padding-top:6px}
.theory dd{margin:2px 0 0}
.theory .inmatch{background:var(--gold);border:3px solid var(--ink);padding:6px 10px;margin-top:10px;font-size:.92rem}
.sl-ends{display:flex;justify-content:space-between;gap:10px;font-family:var(--display);text-transform:uppercase;font-size:1.1rem}
.sl-val{font-family:var(--mono);text-align:center;font-weight:700}
.save-st{font-family:var(--mono);font-size:.8rem;min-height:1.2em}
.summary{font-family:var(--mono);font-size:.85rem;min-height:300px;background:var(--paper2)}
section.block-s{margin-top:44px}
section.block-s>h2{margin-bottom:16px;display:inline-block;background:var(--ink);color:var(--paper);padding:6px 14px;transform:rotate(-1deg)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mscene{display:block;width:100%;max-height:250px}
.chip .badge.ai{right:auto;left:-4px;background:var(--gold,#e3a82b);color:var(--ink)}

/* romance-comic restyle */
body{background-color:var(--paper);background-image:radial-gradient(rgba(200,52,74,.16) 1.1px,transparent 1.5px),linear-gradient(180deg,rgba(232,178,58,.14),rgba(232,144,140,.12));background-size:6px 6px,100% 100%}
h1,h2,h3,.logo,.btn,.phase,.pot,.block,.kpi b,.bigcode,.chip .nm,.pcol .nm{font-style:italic;font-weight:900;text-transform:none;letter-spacing:0}
/* Use the user's exact lettering, with its original proportions. */
.logo{width:min(588px,calc(100vw - 32px));font-style:normal;font-weight:400;line-height:0;color:var(--ink);-webkit-text-stroke:0;text-shadow:none;transform:none}
.logo img{display:block;width:100%;height:auto}
.morse{height:12px;background:radial-gradient(circle,var(--sky) 2.4px,transparent 3px) 0 0/10px 12px}
.panel{border:3px solid var(--ink);border-radius:14px 4px 14px 4px;box-shadow:6px 6px 0 var(--rose);background:#fbf1d9}
.panel>.cap.tag{background:var(--crim);color:var(--paper);border-radius:12px 0 10px 0;top:-3px;left:-3px}
.panel.dark{background:var(--ink)}
.statusbar{background:var(--sky);color:#fffaf0;border:3px solid var(--ink);border-radius:30px 8px 30px 8px;box-shadow:4px 4px 0 var(--ink)}
.statusbar .phase{text-shadow:1px 1px 0 var(--ink)}
.pip{border-radius:50%;border-color:#fffaf0}.pip.on{background:var(--gold);border-color:var(--ink)}.pip.done{background:#fffaf0}
.roomcode{border:2px solid var(--ink);border-radius:8px}
.btn{border:3px solid var(--ink);border-radius:30px;background:var(--crim);color:#fffaf0;box-shadow:4px 4px 0 var(--ink)}
.btn:hover:not(:disabled){box-shadow:6px 6px 0 var(--ink)}
.btn.alt{background:#fffaf0;color:var(--ink)}.btn.gold{background:var(--gold);color:var(--ink)}
.btn.sm{box-shadow:3px 3px 0 var(--ink)}
input[type=text],input[type=number],select,textarea{border:3px solid var(--ink);border-radius:10px;background:#fffaf0}
input[type=range]{accent-color:var(--crim)}
.banner{border:3px solid var(--ink);border-radius:14px}.banner.err{background:var(--crim)}
.hero-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:4px solid var(--ink);border-radius:18px 4px 18px 4px;box-shadow:6px 6px 0 var(--sky);background:var(--paper2)}
.strip{border:3px solid var(--ink);background:var(--ink)}
.how li:before{background:var(--crim);border-radius:50%}
.how li{border-bottom:2px dotted var(--ink)}
.bigcode{border:3px dashed var(--crim);background:#fff3d6;border-radius:12px;color:var(--crim)}
.chip{border:3px solid var(--ink);border-radius:12px;background:#fffaf0;box-shadow:3px 3px 0 var(--rose)}
.chip.me{background:#fbe0a8}
.chip .badge{background:var(--sky);border-radius:0 8px 0 8px}
.chip .badge.ai{background:var(--gold);color:var(--ink)}
.empty-slot{border:3px dashed var(--rose);border-radius:12px}
.pk .bar{border:2px solid var(--ink);border-radius:10px;overflow:hidden}.pk .bar i{background:var(--sky)}
.rule{border-left:8px solid var(--rose);background:#f8e2c0;border-radius:0 10px 10px 0}
.tw{border:3px solid var(--ink);border-radius:10px}
table.t th{background:var(--crim)}table.t tr.me td{background:#fbe0a8}
.kpi>div{border:3px solid var(--ink);border-radius:10px;background:#fffaf0}
.readout div{border:2px solid var(--ink);border-radius:8px;background:#f8e2c0}
.cartel{background:var(--crim);border:3px solid var(--ink);border-radius:30px 8px 30px 8px}
.inv,.inv{border:3px solid var(--ink);border-radius:10px;background:#f8e2c0}
.lock{border-radius:10px}.lock.on{background:var(--sky)}
.scene,.theory-art{border:3px solid var(--ink)}.scene{border-radius:10px}
.mc-name{font-style:italic;text-transform:none}
.block{border:3px solid var(--ink);background:var(--sky);border-radius:12px 12px 0 0}
.pcol.first .block{background:var(--gold)}
.theory{overflow:hidden}.theory h3{background:var(--crim)}
.theory .inmatch{background:#fbe0a8;border-radius:10px}
.err-line{background:#fbe0a8;border-radius:8px}
.summary{background:#f8e2c0}
section.block-s>h2{background:var(--crim);border-radius:30px 6px 30px 6px;transform:rotate(-1.5deg);box-shadow:3px 3px 0 var(--ink);padding:8px 20px}
.mast .cap a{color:var(--crim)}

/* animal storybook restyle */
:root{--ink:#3a2a2a;--paper:#f5e8cb;--paper2:#ecd8ae;--sky:#5b9aa8;--crim:#b9482f;--rose:#d9a07a;--gold:#e3a93a}
body{background-image:linear-gradient(rgba(245,232,203,.94),rgba(245,232,203,.88)),url("/images/marknaden-storybook-village.webp");background-size:100% 100%,cover;background-position:center;background-attachment:fixed}
h2,h3,.btn,.phase,.pot,.block,.kpi b,.bigcode,.chip .nm,.pcol .nm{font-style:normal;font-weight:700;letter-spacing:.01em}
.panel{border-radius:16px 6px 16px 6px;box-shadow:5px 5px 0 rgba(185,72,47,.35);background:#fbf0d6}
.statusbar{background:#4f7f8a;border-radius:24px 10px 24px 10px}
.btn{background:var(--crim)}.btn.alt{background:#fff6e2}.btn.gold{background:var(--gold)}
.chip{background:#fff6e2;box-shadow:3px 3px 0 var(--rose)}
.chip svg.baker,.ages svg.baker,.pcol svg.baker,.mini svg.baker{overflow:visible}
.mscene{border-radius:12px}
.globe.rawls-globe{aspect-ratio:4/3;max-height:none;background:#050505;border-color:var(--ink);border-radius:12px}
.rawls-globe canvas{touch-action:none}
.rawls-note{position:absolute;bottom:8px;left:10px;right:10px;margin:0;padding:6px 8px;background:rgba(5,5,5,.85);color:#d6e6f4;font-size:12px;line-height:1.35;pointer-events:none}
.scene,.theory-art{border-radius:10px}
.cartel,table.t th,.theory h3,section.block-s>h2{background:var(--crim)}

/* torg scene, field, villagers */
.scene-wrap{overflow-x:auto}
.mscene{min-width:680px;max-height:none;height:auto;border-radius:12px}
.vl{animation:vwalk 5s cubic-bezier(.3,.6,.3,1) both;animation-delay:var(--d,0s)}
.vl[data-market-route="1"]{animation-duration:3.5s}
@keyframes vwalk{from{transform:translate(var(--fx,0),var(--fy,0));opacity:.2}to{transform:none;opacity:1}}
.vb{animation:vbob 1.1s ease-in-out infinite alternate;animation-delay:var(--b,0s)}
@keyframes vbob{from{transform:translateY(0)}to{transform:translateY(-1.6px)}}
.budgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0}
.budgets>div{border:2px solid var(--ink);border-radius:8px;background:#f8e2c0;padding:5px 8px;font-family:var(--mono);font-size:.82rem}
.budgets b{display:block;font-size:1.05rem}
.gameover{background:var(--ink);color:var(--paper);border:3px solid var(--ink);border-radius:14px;padding:12px 16px}
.gameover h2{color:var(--paper)}
.why p{margin:6px 0}

/* user stalls */
body.mk-home{background-image:none}
.hero-stalls{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px;border:3px solid var(--ink);border-radius:18px 4px 18px 4px;background:var(--paper2);box-shadow:6px 6px 0 var(--sky)}
.hero-stalls .hs-item:nth-child(n+5){transform:translateY(6px)}
.hero-stalls svg{display:block;width:100%;height:auto;overflow:visible}
.hs-note{grid-column:1/-1;margin:6px 0 0;font-size:.7rem;text-transform:none}
@media(max-width:520px){.hero-stalls{grid-template-columns:repeat(2,1fr)}}
.bread-quality-locked{height:auto;background:transparent}
.quality-cost .bread-quality-image{background:#fffaf0}

.first-game-guide{margin:18px 0;border:3px solid var(--ink);background:#fbf0d6}
.first-game-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.first-game-step{display:flex;min-width:0;flex-direction:column;gap:8px;padding:10px;border:2px solid var(--ink);border-radius:12px;background:#fff6e2}
.first-game-step h3,.first-game-step p{margin:0}
.first-game-art{display:grid;height:132px;place-items:center;overflow:hidden;border:2px solid var(--ink);border-radius:10px;background:#f8e2c0}
.first-game-art>svg,.first-game-art>div>svg{display:block;max-width:100%;max-height:124px}
.guide-coins,.guide-ages{display:flex;align-items:center;justify-content:center;gap:8px}
.guide-ages svg.baker{width:45%;height:auto}
.guide-ages span,.guide-coins span{font-size:1.5rem;font-weight:800}
@media(max-width:760px){.first-game-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.first-game-steps{grid-template-columns:1fr}.first-game-art{height:156px}}