@font-face{font-family:GoldWestern;src:url('assets/fonts/Rye-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--cream:#f6e6bf;--gold:#edca63;--ink:#292119;--muted:#d1c2a6;--header-height:70px;--wood:repeating-linear-gradient(1deg,#48321f 0,#48321f 3px,#3a291c 4px,#61452b 6px,#422e1e 8px)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;width:100%}
body{color:var(--cream);font:16px Arial,sans-serif;background:#29241e;min-height:100dvh}
button,select,input{font:inherit}
button,select{color:#fff1cc;border:1px solid #b39250;background:linear-gradient(#605442,#30291f);border-radius:4px;padding:10px 15px;cursor:pointer;min-height:44px;box-shadow:inset 0 1px #f8dd8b42,0 2px 3px #0006}
button:not(.cell):not(:disabled):hover{background:linear-gradient(#807058,#4b3b26);border-color:#ffe09a}
button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #fff2a0;outline-offset:2px}
button:disabled{opacity:.48;cursor:default}
.primary{color:#302012;background:linear-gradient(#fff2bb,#d6b067 50%,#b68c43);border:2px solid #b78835;font-weight:700;box-shadow:inset 0 0 0 1px #fff1bd,0 3px 4px #0006}
button.primary:not(:disabled):hover{background:linear-gradient(#fff7d2,#f0ce86 55%,#d2a954)}
#landscape,.shade{position:fixed;inset:0;z-index:-2;pointer-events:none}
#landscape{background:#726147 url('assets/mine-valley.png') center center/cover no-repeat}
.shade{z-index:-1;background:linear-gradient(90deg,#17171394,#19120b26 55%,#15100b36)}
header{height:var(--header-height);padding:8px max(20px,env(safe-area-inset-right)) 8px max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:3px ridge #8f8169;background:linear-gradient(#272722f2,#191b17ea);box-shadow:0 3px 8px #0007}
.brand{color:#f0ce56;text-decoration:none;font:26px/.95 GoldWestern,Georgia,serif;letter-spacing:1px;text-shadow:1px 2px #704420,2px 3px #120d08;white-space:nowrap}
.brand small{display:block;color:#d8c79e;font:8px/1.2 Arial,sans-serif;letter-spacing:2px;text-shadow:none;margin-top:7px}
nav{display:flex;gap:6px;align-items:center}
nav button{font-size:14px;padding:8px 13px;min-width:44px}
.screen[hidden]{display:none!important}
.eyebrow{color:#efd176;font-size:10px;letter-spacing:1.7px;font-weight:700}
h1,h2,h3{font-family:GoldWestern,Georgia,serif;font-weight:400}
h1{font-size:clamp(42px,5.2vw,76px);line-height:1.12;margin:20px 0;color:#ffe281;text-shadow:2px 3px #684217,3px 5px #19150ee8}
h2{font-size:30px;line-height:1.2}
.fine{font-size:12px;color:var(--muted);line-height:1.5}
#home{min-height:calc(100dvh - var(--header-height));max-width:1280px;margin:auto;padding:35px 5vw;display:flex;align-items:center}
.hero{max-width:510px;padding:28px 34px;background:linear-gradient(120deg,#20170ceb,#302317db);border:5px ridge #89744b;box-shadow:0 10px 40px #0008,inset 0 0 40px #0005}
.hero .eyebrow{margin:0 0 10px;text-align:center}
.hero h1{font-size:clamp(54px,6.5vw,90px);letter-spacing:3px;line-height:1.08;margin:10px 0 20px;text-align:center}
.intro{font:17px/1.6 Georgia,serif;color:#f1dfbd;text-align:center}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.hero .actions .primary{grid-column:1/-1}
.actions button{font-size:15px}
.mode-line{display:grid;gap:12px}
.mode-line label{display:grid;gap:5px;font-size:12px;color:#e6d2aa}
.mode-line select{width:100%;font-size:14px}
.hero>.fine{font-size:11px;text-align:center;margin-bottom:0}
#play{height:calc(100dvh - var(--header-height));max-width:1300px;margin:auto;padding:14px 20px max(14px,env(safe-area-inset-bottom));overflow:hidden}
.workbench{height:100%;min-height:0;width:100%;display:grid;grid-template-columns:186px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 36px 17px;gap:6px 14px}
.mine-rail{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;gap:12px;min-height:0;padding:12px;background:var(--wood);border:5px ridge #827566;box-shadow:4px 5px 12px #0009;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a88a52 #302318}
.claim-heading{text-align:center;padding:1px 0 7px;border-bottom:2px solid #271a13}
.claim-heading .eyebrow{font-size:9px;letter-spacing:.7px;margin:1px 0 7px;color:#e8d392;line-height:1.4}
.claim-heading h2{font-size:20px;color:#ffe183;margin:4px 0 8px;text-shadow:1px 2px #281506}
.levelbar{display:grid;gap:4px;font-size:10px;line-height:1.35;color:#f2dbad}
#modeLabel{color:#d0c0a5;font-weight:bold;letter-spacing:1px;font-size:9px}
.rail-shop h3{font-size:14px;text-align:center;margin:0 0 10px;color:#efd157;text-shadow:1px 2px #1d1006}
.tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.tools button{position:relative;min-height:68px;min-width:0;padding:5px 3px;display:grid;grid-template-columns:1fr;align-content:center;justify-items:center;gap:3px;border:2px ridge #8b8272;background:linear-gradient(#211f1bef,#171915f0);border-radius:2px;color:#f4e1b3}
.tools button:not(:disabled):hover{background:linear-gradient(#484237,#2a2923)}
.tool-icon{display:block;width:32px;height:30px;font-style:normal}
.tool-icon svg{display:block;width:100%;height:100%;filter:drop-shadow(1px 2px 1px #0009)}
.tool-name{font-size:11px;font-weight:700;line-height:1.1}
.tool-count{position:absolute;right:3px;top:3px;min-width:16px;padding:1px 3px;background:#e4c57d;color:#2a2015;border:1px solid #786337;border-radius:2px;font:700 11px/1.1 Arial,sans-serif}
.tools .selected{outline:3px solid #fff0a9;outline-offset:1px;background:#71532b}
.tools button.selected:not(:disabled):hover{background:#7b5c2f}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center;margin-top:auto;background:#211b14b3;border:2px ridge #b19865;padding:8px}
.stats>div{display:grid;gap:5px;min-width:0}
.stats>div:first-child{grid-column:1/-1}
.stats small{font-size:10px;font-weight:700;letter-spacing:.7px;color:#f3d267}
.stats strong{display:block;min-width:0;padding:3px 4px;color:#ffe9b9;background:repeating-linear-gradient(90deg,#1c1c17 0,#1c1c17 12px,#6d6553 13px,#171912 14px);border:2px inset #8f8270;border-radius:2px;font:700 22px/1.1 'Courier New',monospace;font-variant-numeric:tabular-nums;letter-spacing:1px;text-shadow:0 1px #000}
.stats>div:first-child strong{font-size:26px}
#score{display:flex;justify-content:center;gap:1px;letter-spacing:0;background:#141710}
.score-digit{display:inline-block;min-width:.61em;padding:1px 0;text-align:center;color:#291d0e;background:linear-gradient(#bba676,#f8e7ad 42%,#ddc899 48%,#8f794f 51%,#f0dfaa 56%,#c1a976);border-inline:1px solid #584932;text-shadow:0 1px #fff5c7}
.bench-foot{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:center}
#charge{grid-column:1/-1;text-align:center;color:#ebd9b4;font-size:11px;line-height:1.4}
.bench-foot>button,.field-notes summary{padding:6px 4px;min-height:44px;font-size:11px}
.field-notes{position:relative;min-width:0}
.field-notes summary{list-style:none;cursor:pointer;border:1px solid #a98a4f;border-radius:4px;background:#2b251d;display:flex;align-items:center;justify-content:center;text-align:center;color:#f5e1b2}
.field-notes summary::-webkit-details-marker{display:none}
.notes-body{position:fixed;left:24px;bottom:84px;width:290px;max-width:calc(100vw - 32px);max-height:65dvh;overflow:auto;z-index:10;padding:18px;color:#3e2b17;background:linear-gradient(#f2e2b8,#d9c493);border:4px double #947844;box-shadow:0 6px 24px #0008;touch-action:pan-y}
.notes-body p{font:14px/1.5 Georgia,serif}
.notes-body .fine{color:#624f30;margin:15px 0}
.legend b{font-size:12px;letter-spacing:1px}
#boardWrap{grid-column:2;grid-row:1;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:12px;border:10px ridge #8f8779;border-radius:8px 5px 12px 5px;background:#413126 url('assets/mine-earth.svg') center/320px 320px;box-shadow:0 7px 18px #0009,inset 0 0 35px #130d09;overflow:hidden}
#board{display:grid;gap:0;aspect-ratio:var(--ratio);max-height:100%;align-content:center;isolation:isolate;filter:drop-shadow(0 3px 3px #0007)}
#boardWrap.board-scroll{display:block;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#b39358 #30261d}
#boardWrap.board-scroll #board{max-height:none;margin:auto}
.resolving #board{pointer-events:none}
.cell{padding:2px;aspect-ratio:1;min-width:0;min-height:0;border:1px solid #635b49;border-radius:0;background:linear-gradient(135deg,#7b786959,#2625217d),url('assets/mine-earth.svg') center/180px 180px;box-shadow:inset 1px 1px #b9b29b33,inset -1px -1px #14171188;position:relative;display:flex;align-items:center;justify-content:center;touch-action:manipulation;cursor:pointer}
.cell.gold{background:linear-gradient(135deg,#f5d459 0,#b8861e 33%,#e1b83b 52%,#97701f 100%);border-color:#ffe171;box-shadow:inset 1px 1px #ffffbd,inset -2px -2px #73500b,inset 0 0 9px #ffc6296b}
.cell.double:after{content:'••';position:absolute;bottom:0;right:1px;padding:0 2px;color:#fff4b9;background:#452c13c7;border-radius:2px;font:700 11px/1 Arial,sans-serif;z-index:2;pointer-events:none}
.cell.empty{visibility:hidden;pointer-events:none}
.coin{display:block;position:relative;width:100%;height:100%;border:0;background:none;border-radius:0;box-shadow:none;color:inherit;text-shadow:none;pointer-events:none}
.coin svg{width:100%;height:100%;display:block;overflow:visible}
.coin:after{content:none}
.nugget{display:block;width:100%;height:100%;pointer-events:none}
.nugget svg{width:100%;height:100%;display:block}
.cell.hint{outline:3px solid #fffed1;outline-offset:-3px;box-shadow:inset 0 0 0 6px #261a0e;z-index:3;animation:pulse 1s infinite alternate}
.cell:focus-visible{outline:3px solid #fff;outline-offset:-3px;box-shadow:inset 0 0 0 6px #21180d;z-index:4}
.cell.flip .coin{animation:flip .32s ease}
.cell.clear{animation:collect .4s ease}
#message{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;min-width:0;text-align:center;color:#fff1c5;font-size:13px;line-height:1.25;padding:3px 7px;background:#201d18d9;border:1px solid #897653}
#boardWrap.board-scroll + #message{display:block;align-content:center}
#boardWrap.board-scroll + #message:before{content:'Swipe board · ';font-weight:700;color:#ffe39c}
#spark{position:absolute;pointer-events:none;font:42px GoldWestern,Georgia,serif;color:#ffdf71;text-shadow:0 0 10px #6c2900,2px 2px #342016;z-index:5}
.time-track{grid-column:2;grid-row:3;position:relative;align-self:center;height:10px;padding:2px;background:#181b16;border:2px ridge #817867;box-shadow:0 2px 4px #0008;border-radius:3px;overflow:hidden}
#timeMeter{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9c5031,#ebbb63,#fff1a0);box-shadow:0 0 5px #edb65c;transform-origin:left center}
#map{max-width:1250px;min-height:calc(100dvh - var(--header-height));margin:auto;padding:25px 30px 40px;background:linear-gradient(#dbbe8299,#b9945c99),url('assets/trail-map.png') center top/cover fixed;border-inline:2px solid #6c563b;color:#392d1e}
.map-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.map-heading .eyebrow{color:#604719}
.map-heading h1{font-size:40px;color:#573917;text-shadow:1px 1px #f9e9b6;margin:12px 0}
.map-heading p{font:15px/1.5 Georgia,serif}
#route{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px}
.stop{padding:20px;background:linear-gradient(115deg,#fff4d5ed,#d8bf86ee);border:5px double #8c6e3f;border-radius:3px;box-shadow:0 4px 12px #50341b55;color:#453219}
.stop h2{font-size:24px;margin:8px 0 16px}
.stop small{font-size:11px;font-weight:bold;letter-spacing:1.5px}
.stops{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.stops button{padding:5px 0;min-height:44px;min-width:0;background:#59472f;border-color:#8e7445;color:#fff0c8}
.stops .complete{background:linear-gradient(#dfbd78,#b98e3e);color:#261b0c;border-color:#876225}
.stops .complete:after{content:' ✓';font-size:.8em}
.stops button.complete:not(:disabled):hover{background:linear-gradient(#f5daa0,#d4ac5c);color:#261b0c}
.stops .current{outline:3px solid #674114;outline-offset:1px;background:#f0cd7f;color:#31210d;font-weight:bold}
.stops button.current:not(:disabled):hover{background:#ffe29b;color:#31210d}
.stops button:disabled{background:#aaa087;color:#493c29;opacity:.72}
dialog{width:calc(100% - 28px);max-width:590px;max-height:90dvh;overflow:auto;padding:27px;color:#3e2c17;background:linear-gradient(120deg,#fff1cdee,#dcc495f5),url('assets/trail-map.png') center/cover;border:6px double #8f6c34;border-radius:4px;box-shadow:0 20px 70px #000b;touch-action:pan-y}
dialog::backdrop{background:#100e0bc9}
dialog h2{color:#624015;text-shadow:0 1px #fff5d4;margin:5px 0 18px;font-size:29px}
dialog .eyebrow{color:#775320}
dialog p{font:16px/1.55 Georgia,serif;color:#4f3e24}
dialog .fine{color:#67502b}
dialog .actions{margin-bottom:0}
dialog label{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin:13px 0}
dialog input[type=range]{width:160px;height:44px;accent-color:#8a602a;touch-action:pan-x}
dialog input[type=checkbox]{width:24px;height:24px;accent-color:#8a602a}
.tutorial-coins{display:flex;gap:14px;margin:20px 0;justify-content:center}
.tutorial-coins button{width:84px;height:84px;min-width:0;padding:3px;border:2px solid #c19543;background:#bb9446}
.tutorial-coins button:disabled{opacity:1}
.storage-warning{color:#8d381f}
.reduced *{animation:none!important;transition:none!important}
.coin.arrive{animation:arrive .3s ease-out}
@keyframes flip{50%{transform:scaleX(.06)}}
@keyframes collect{50%{filter:brightness(1.8);transform:scale(.9)}}
@keyframes pulse{to{filter:brightness(1.3)}}
@keyframes arrive{from{transform:translateY(-10px);opacity:.3}to{transform:translateY(0);opacity:1}}
@media(hover:hover) and (pointer:fine){.cell:not(:disabled):hover{filter:brightness(1.1);border-color:#fff0a2}.cell.gold:not(:disabled):hover{background:linear-gradient(135deg,#f9de6b,#d3a332 45%,#f2ce57 70%,#b18a30)}}
@media(max-width:900px){#play{padding:9px 10px}.workbench{grid-template-columns:172px minmax(0,1fr);gap:5px 10px}.mine-rail{padding:8px;gap:9px}.claim-heading h2{font-size:18px}.hero{max-width:460px}#route{grid-template-columns:1fr}}
@media(max-height:740px) and (min-width:651px){.mine-rail{gap:7px;padding:7px}.claim-heading .eyebrow{margin-bottom:3px}.claim-heading h2{font-size:17px;margin:2px 0 4px}.rail-shop h3{font-size:12px;margin-bottom:6px}.tools{gap:5px}.tools button{min-height:52px;padding:3px}.tool-icon{width:26px;height:24px}.tool-name{font-size:10px}.stats{gap:5px;padding:5px}.stats strong{font-size:20px}.stats>div:first-child strong{font-size:23px}.bench-foot{gap:5px}.levelbar{font-size:9px}.claim-heading{padding-bottom:4px}}
@media(max-width:650px) and (orientation:portrait){
  :root{--header-height:calc(58px + env(safe-area-inset-top))}
  header{padding:calc(5px + env(safe-area-inset-top)) 6px 5px;gap:5px}
  .brand{font-size:15px;letter-spacing:0}.brand small{display:none}
  nav{gap:3px}nav button{font-size:11px;padding:6px;min-width:44px}
  #home{padding:18px 12px;align-items:flex-start}.hero{width:100%;max-width:none;padding:22px 18px;border-width:4px}.hero h1{font-size:60px}.intro{font-size:16px}.hero .actions button{font-size:14px;padding:11px 8px}
  #play{height:calc(100dvh - var(--header-height));padding:5px 0 max(5px,env(safe-area-inset-bottom));max-width:520px}
  .workbench{grid-template-columns:minmax(0,1fr);grid-template-rows:38px 53px minmax(0,1fr) 34px 98px 49px;gap:4px}
  .mine-rail,.rail-shop{display:contents}
  .claim-heading{grid-column:1;grid-row:1;padding:2px 7px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;border:0;background:#29221adb}
  .claim-heading .eyebrow{display:none}.claim-heading h2{margin:0;font-size:16px;line-height:1.2}.levelbar{font-size:9px;text-align:right;gap:2px}.levelbar #levelNumber{max-width:185px}.levelbar #modeLabel{font-size:8px;letter-spacing:.5px}
  .rail-shop h3{display:none}
  .stats{grid-column:1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 4px;padding:3px 6px;gap:8px;background:#201c16ee;border-width:2px}
  .stats>div:first-child{grid-column:auto}.stats>div{gap:2px}.stats small{font-size:9px;letter-spacing:.4px}.stats strong,.stats>div:first-child strong{font-size:20px;line-height:1;padding:2px 3px}
  #boardWrap{grid-column:1;grid-row:3;border-width:3px;border-radius:3px;padding:1px}
  .cell{padding:1px}.cell.double:after{font-size:10px}
  #message{grid-column:1;grid-row:4;margin:0 4px;font-size:11px;padding:3px 5px}
  .tools{grid-column:1;grid-row:5;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:5px;margin:0 4px}
  .tools button{min-height:44px;padding:3px 8px;grid-template-columns:30px 1fr;gap:3px;align-content:center;align-items:center;justify-items:start}
  .tool-icon{height:30px;width:30px}.tool-name{font-size:12px}.tool-count{top:2px;right:2px;font-size:10px;min-width:14px}
  .bench-foot{grid-column:1;grid-row:6;grid-template-columns:minmax(0,1fr) 80px 68px;gap:5px;margin:0 4px}
  #charge{grid-column:1;text-align:left;padding-left:3px;font-size:11px;line-height:1.35}.bench-foot>button{grid-column:3;grid-row:1;font-size:11px}.field-notes{grid-column:2;grid-row:1}.field-notes summary{font-size:10px;min-height:44px}
  .time-track{display:none}.notes-body{left:12px;bottom:65px}
  #map{padding:18px 12px}.map-heading{align-items:flex-start}.map-heading h1{font-size:29px}.map-heading p{font-size:13px}.map-heading button{font-size:12px;padding:8px;white-space:nowrap}.stop{padding:13px}.stop h2{font-size:22px}.stops{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  dialog{padding:20px;max-height:calc(100dvh - 20px);width:calc(100% - 20px)}dialog h2{font-size:25px}dialog p{font-size:15px}dialog .actions button{padding:10px;font-size:14px}
}
@media(max-height:520px) and (orientation:landscape){
  :root{--header-height:50px}
  header{padding:3px max(10px,env(safe-area-inset-right)) 3px max(10px,env(safe-area-inset-left));gap:10px}.brand{font-size:21px}.brand small{display:none}nav button{min-height:44px;padding:6px 11px;font-size:12px}
  #play{height:calc(100dvh - var(--header-height));max-width:1180px;padding:5px max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
  .workbench{grid-template-columns:235px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 30px;gap:4px 8px}
  .mine-rail{grid-row:1/3;padding:5px;gap:5px;border-width:3px;overflow:visible}
  .claim-heading{padding:0 2px 2px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 6px;align-items:center;text-align:left;border-bottom:1px solid #83663c}
  .claim-heading .eyebrow{display:none}.claim-heading h2{font-size:14px;line-height:1.2;margin:0}.levelbar{font-size:8px;gap:2px;text-align:right}#modeLabel{font-size:8px;letter-spacing:0}
  .rail-shop h3{display:none}.tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.tools button{min-height:44px;height:44px;padding:2px;gap:1px}.tool-icon{width:22px;height:22px}.tool-name{font-size:10px}.tool-count{font-size:9px;top:1px;right:1px;min-width:13px}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;padding:4px;gap:4px}.stats>div:first-child{grid-column:auto}.stats small{font-size:8px;letter-spacing:0}.stats strong,.stats>div:first-child strong{font-size:18px;padding:2px;letter-spacing:0}
  .bench-foot{grid-template-columns:1fr 1fr;gap:4px}#charge{grid-column:1/-1;grid-row:1;text-align:center;font-size:11px;line-height:1.3}.bench-foot>button{grid-column:2;grid-row:2;font-size:11px;min-height:44px;padding:4px}.field-notes{grid-column:1;grid-row:2}.field-notes summary{min-height:44px;font-size:11px;padding:3px}
  #boardWrap{grid-row:1;grid-column:2;border-width:4px;padding:2px;border-radius:4px}#message{grid-column:2;grid-row:2;font-size:10px;padding:2px 4px}.time-track{display:none}.cell{padding:1px}
  .notes-body{bottom:74px;left:10px;max-height:calc(100dvh - 94px)}
  #home{padding:16px 5vw;align-items:flex-start}.hero{max-width:680px;padding:18px 24px}.hero h1{font-size:48px;margin:0 0 12px}.hero h1 br{display:none}.hero .eyebrow{margin-bottom:7px}.intro{font-size:14px;margin:8px 0}.hero .actions{grid-template-columns:1fr 1fr 1fr;margin:14px 0}.hero .actions .primary{grid-column:auto}.mode-line{grid-template-columns:1fr 1fr;gap:10px}.hero>.fine{margin-top:12px}
  dialog{max-height:calc(100dvh - 18px);padding:18px 23px}.map-heading h1{font-size:31px}
}
@media(max-width:350px) and (orientation:portrait){.brand{font-size:13px}nav button{font-size:10px;padding-inline:5px}.hero h1{font-size:52px}.workbench{grid-template-rows:38px 51px minmax(0,1fr) 34px 96px 49px}.tool-name{font-size:11px}.tools button{padding:3px 5px;grid-template-columns:26px 1fr}.tool-icon{width:26px;height:26px}.claim-heading h2{font-size:14px}.levelbar #levelNumber{max-width:155px}dialog{padding:15px}.tutorial-coins{gap:9px}.tutorial-coins button{width:76px;height:76px}}

/* Longer lifetime totals retain their own space without widening the score panel. */
.journey-score{font-weight:700;color:#f3d267;font-size:18px}
#score.score-long{font-size:20px}
@media(max-width:650px){#score.score-long{font-size:14px}}
@media(max-height:550px) and (orientation:landscape){#score.score-long{font-size:12px}}
#score.score-long{gap:0}
@media(max-height:550px) and (orientation:landscape){.stats{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}}