@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700&family=Pixelify+Sans:wght@500;600;700&display=swap');

:root {
  --ink: #211a38; --night: #17132c; --panel: #302650; --cream: #fff6d8;
  --pink: #ff5b9d; --yellow: #ffd34e; --blue: #55c9ed; --green: #79d477;
  --purple: #8b70db; --line: #211a38; --white: #fffdf5;
  --pixel-shadow: 4px 4px 0 #0e0b1c;
}

*, *::before, *::after { box-sizing: border-box; }
html { min-height: 100%; background: var(--night); }
body { margin: 0; min-height: 100vh; color: var(--cream); background: radial-gradient(circle at 50% -10%, #49386f, var(--night) 55%); font-family: "DM Sans", system-ui, sans-serif; }
button, a { font: inherit; }
button { color: inherit; }
button:focus-visible, a:focus-visible { outline: 4px solid var(--yellow); outline-offset: 3px; }

.topbar { width: min(1080px, calc(100% - 24px)); min-height: 66px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.home-link { color: var(--cream); font-weight: 700; text-decoration: none; border-bottom: 2px solid var(--pink); }
.score, .sound-toggle { min-height: 42px; padding: 8px 13px; border: 2px solid #6e6191; border-radius: 4px; background: #241c3e; color: var(--cream); box-shadow: 2px 2px 0 #0e0b1c; font-weight: 700; }
.sound-toggle { cursor: pointer; }
.score span:first-child { color: var(--yellow); }
main { width: min(1080px, calc(100% - 24px)); margin: 0 auto 70px; }
.hero { padding: 52px 12px 38px; text-align: center; }
.kicker { margin: 0 0 8px; color: var(--yellow); font-family: "Pixelify Sans", monospace; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
h1, h2, h3 { font-family: "Pixelify Sans", monospace; line-height: .95; }
h1 { margin: 0; font-size: clamp(3.4rem, 11vw, 7.4rem); letter-spacing: -.04em; text-shadow: 5px 5px 0 #0d0a1a; }
h1 span { color: var(--pink); }
.hero > p:last-child { max-width: 600px; margin: 20px auto 0; color: #d9d1ed; font-size: clamp(1rem, 2vw, 1.2rem); }

.game-picker h2 { margin: 0 0 18px; text-align: center; font-size: 2rem; }
.game-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.game-card { position: relative; min-height: 300px; padding: 24px 20px; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; text-align: left; border: 3px solid #0e0b1c; border-radius: 5px; cursor: pointer; box-shadow: var(--pixel-shadow); transition: transform .15s, filter .15s; }
.game-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 45%, rgba(9,7,22,.8)); }
.game-card:hover { transform: translateY(-5px); filter: brightness(1.1); }
.treasure-card { background: linear-gradient(#5ab4e8 0 46%, #87d276 47% 70%, #554166 71%); }
.odd-card { background: linear-gradient(#ffae72 0 45%, #58b8dd 46% 62%, #f6d88f 63%); }
.pattern-card { background: linear-gradient(#2c2756 0 55%, #654a82 56%); }
.card-number { position: absolute; top: 14px; left: 15px; color: rgba(255,255,255,.7); font-family: "Pixelify Sans"; font-size: 1.35rem; }
.card-art { position: absolute; inset: 45px 0 auto; text-align: center; font-size: 6.8rem; filter: drop-shadow(5px 6px 0 rgba(20,12,35,.45)); image-rendering: pixelated; }
.game-card strong, .game-card small { position: relative; z-index: 1; }
.game-card strong { font-family: "Pixelify Sans"; font-size: 1.6rem; line-height: 1; }
.game-card small { margin-top: 8px; color: #f4edf8; font-size: .85rem; line-height: 1.35; }

.adventure[hidden], .finish-card[hidden], .toast[hidden] { display: none; }
.game-hud { min-height: 56px; display: grid; grid-template-columns: 130px 1fr 130px; align-items: center; gap: 12px; padding: 7px 10px; background: #261e40; border: 3px solid #0e0b1c; border-bottom: 0; }
.game-hud button { min-height: 39px; border: 2px solid #6f6293; border-radius: 3px; background: #392d5c; cursor: pointer; font-weight: 700; }
.scene-steps { display: flex; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; }
.scene-steps li { width: 17px; height: 17px; border: 2px solid #8477a6; background: #18132d; transform: rotate(45deg); }
.scene-steps li.done { background: var(--yellow); border-color: #fff0a1; }
.scene-steps li.current { background: var(--pink); border-color: #ffb6d2; animation: current-step 1.3s infinite alternate; }

.story-window { position: relative; aspect-ratio: 16 / 9; min-height: 430px; overflow: hidden; border: 4px solid #0e0b1c; background: #111; box-shadow: 0 9px 0 #0e0b1c; image-rendering: pixelated; }
.scene { position: absolute; inset: 0; overflow: hidden; }
.scene::after { content: ""; pointer-events: none; position: absolute; inset: 0; z-index: 12; background: repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 2px, rgba(0,0,0,.025) 2px 4px); }
.scene-title { position: absolute; z-index: 15; top: 13px; left: 16px; margin: 0; padding: 5px 9px; color: #fff; background: rgba(18,13,35,.76); border: 2px solid rgba(255,255,255,.35); font-family: "Pixelify Sans"; font-size: clamp(1rem, 2.6vw, 1.55rem); }
.sky { position: absolute; inset: 0 0 43%; background: linear-gradient(#52b8e5, #c4ecf2); }
.ground { position: absolute; inset: 55% 0 0; background: linear-gradient(#74c76e, #3f8e50); border-top: 4px solid #2b6c3f; }
.hills { position: absolute; left: -5%; right: -5%; bottom: 39%; height: 28%; background: #5ba961; clip-path: polygon(0 100%, 0 55%, 15% 9%, 30% 67%, 50% 18%, 64% 65%, 83% 4%, 100% 63%, 100% 100%); }
.cloud { position: absolute; width: 95px; height: 24px; border-radius: 24px; background: rgba(255,255,255,.8); box-shadow: 25px -13px 0 rgba(255,255,255,.8), 53px 0 0 rgba(255,255,255,.8); }
.cloud.one { left: 10%; top: 18%; }.cloud.two { right: 15%; top: 28%; transform: scale(.7); }
.sprite { position: absolute; z-index: 6; border: 0; background: transparent; cursor: pointer; text-align: center; filter: drop-shadow(3px 5px 0 rgba(17,12,25,.35)); }
.sprite span { display: block; font-size: clamp(2.4rem, 6vw, 5rem); transition: transform .15s; }
.sprite small { display: block; padding: 2px 5px; color: #17132c; background: rgba(255,246,216,.88); border: 1px solid #241b3d; font-weight: 700; opacity: 0; transition: opacity .15s; }
.sprite:hover span, .sprite:focus-visible span { transform: scale(1.1); }.sprite:hover small, .sprite:focus-visible small { opacity: 1; }
.sprite.found { filter: grayscale(.4) opacity(.7); }
.pip { position: absolute; z-index: 5; left: 44%; bottom: 9%; font-size: clamp(3rem, 7vw, 5.5rem); filter: drop-shadow(4px 6px 0 rgba(15,10,24,.35)); }

/* Treasure environments */
.garden .castle { position: absolute; z-index: 3; right: 7%; bottom: 33%; font-size: clamp(7rem, 18vw, 14rem); filter: drop-shadow(7px 7px 0 rgba(37,31,50,.28)); }
.garden .bench { left: 13%; bottom: 18%; }.garden .fountain { left: 36%; bottom: 27%; }.garden .gate { right: 8%; bottom: 12%; }.garden .bird { left: 8%; top: 23%; }
.forest-scene { background: linear-gradient(#2f7466, #173e45 56%, #142d32); }
.forest-scene::before { content: "🌲  🌲   🌲  🌲   🌲"; position: absolute; inset: 10% -2% auto; font-size: clamp(5rem, 12vw, 10rem); letter-spacing: 1rem; opacity: .78; }
.rune-stone { bottom: 17%; width: 92px; height: 120px; border: 4px solid #252239; border-radius: 45% 45% 12px 12px; background: linear-gradient(135deg,#9b9c99,#575f61); box-shadow: 5px 7px 0 rgba(0,0,0,.28); font-size: 2.6rem; cursor: pointer; z-index: 7; }
.rune-stone:nth-of-type(1) { left: 16%; }.rune-stone:nth-of-type(2) { left: 43%; }.rune-stone:nth-of-type(3) { right: 16%; }
.rune-stone.lit { background: linear-gradient(135deg,#fff1a3,#e4a730); box-shadow: 0 0 26px #ffe05f; }
.cave-scene { background: radial-gradient(ellipse at 50% 40%, #5e5877, #211b35 62%, #0e0b18); }
.cave-scene::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 43%, rgba(90,213,238,.13) 44% 48%, transparent 49%); }
.crystal { position: absolute; color: var(--blue); font-size: 4rem; filter: drop-shadow(0 0 12px #57d9ff); }.crystal.c1{left:8%;bottom:10%}.crystal.c2{right:7%;top:16%;transform:scale(.7)}
.chest { bottom: 18%; width: 26%; min-height: 135px; border: 4px solid #2d1720; border-radius: 9px; background: linear-gradient(#d4863c 0 44%, #713d2b 45%); color: #fff4c7; font-size: 2rem; cursor: pointer; box-shadow: 6px 7px 0 rgba(0,0,0,.35); }.chest.one{left:6%}.chest.two{left:37%}.chest.three{right:6%}.chest strong{display:block;font-size:1rem;color:#fff}

/* Odd-one-out environments */
.beach-scene { background: linear-gradient(#64c7ec 0 50%, #38a9d5 51% 64%, #efd17c 65%); }
.object-field { position:absolute; inset:15% 5% 7%; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; align-items:end; z-index:5; }
.object-field button { min-height:90px; border:2px solid transparent; background:rgba(255,255,255,.1); border-radius:8px; cursor:pointer; font-size:clamp(2.5rem,6vw,4.7rem); }.object-field button:hover{border-color:#fff;background:rgba(255,255,255,.28)}
.bakery-scene { background: linear-gradient(#ffc39c 0 23%, #f4e2bb 24% 68%, #9d694e 69%); }
.bakery-scene::before { content:"BAGERI"; position:absolute; top:6%; left:50%; transform:translateX(-50%); padding:7px 24px; color:#6d2f42; background:#fff2cf; border:4px solid #813e4b; font:700 clamp(1.4rem,4vw,2.7rem) "Pixelify Sans"; }
.pastry-shelf { position:absolute; z-index:4; inset:29% 8% 10%; display:grid; grid-template-columns:repeat(3,1fr); gap:13px; padding:18px; border:6px solid #70402f; background:#b87954; }
.pastry-shelf button { border:3px solid #6f402f; border-radius:50%; background:#fff7df; cursor:pointer; font-size:clamp(2.5rem,6vw,4.6rem); }
.attic-scene { background: linear-gradient(115deg,#593d49,#261f38); }.attic-scene::before{content:"";position:absolute;left:45%;top:-10%;width:16%;height:75%;background:rgba(255,225,140,.23);transform:skew(-15deg)}
.attic-items { position:absolute; z-index:5; inset:18% 6% 8%; display:grid; grid-template-columns:repeat(4,1fr); align-items:end; gap:10px; }.attic-items button{min-height:120px;border:3px dashed #8c7898;background:rgba(255,255,255,.07);cursor:pointer;font-size:clamp(2.8rem,7vw,5rem)}

/* Pattern environments */
.train-scene { background:linear-gradient(#6ac7e5 0 58%,#8acb68 59% 74%,#6c6055 75%); }.train-track{position:absolute;inset:auto 0 11%;height:15%;background:repeating-linear-gradient(90deg,#504238 0 7%,#9b7d56 7% 10%);border-block:6px solid #2d2831}
.train-sequence {position:absolute;z-index:5;left:5%;right:5%;bottom:23%;display:flex;justify-content:center;align-items:end;gap:7px}.train-car{width:13%;aspect-ratio:1.25;border:4px solid #221a32;box-shadow:4px 5px 0 rgba(0,0,0,.3)}.train-car.red{background:#ed5167}.train-car.blue{background:#4a9de3}.train-car.question{display:grid;place-items:center;background:#fff2cf;color:#211a38;font:700 2.5rem "Pixelify Sans"}.train-options{position:absolute;z-index:7;right:4%;top:10%;display:flex;gap:8px}.train-options button{width:62px;height:58px;border:3px solid #211a38;cursor:pointer}.train-options .red{background:#ed5167}.train-options .yellow{background:#ffd34e}.train-options .blue{background:#4a9de3}
.music-scene { background:radial-gradient(circle at 50% 30%,#604b91,#211b42 65%); }.music-stage{position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(#a65772,#5c3156);border-top:6px solid #d38798}.memory-board{position:absolute;z-index:5;inset:19% 9% 25%;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:center}.memory-pad{aspect-ratio:1;border:5px solid #130f26;border-radius:12px;cursor:pointer;box-shadow:5px 6px 0 #0c0918}.memory-pad.green{background:#65ce75}.memory-pad.yellow{background:#ffd34e}.memory-pad.blue{background:#54bfea}.memory-pad.pink{background:#f45c9c}.memory-pad.flash{filter:brightness(1.6);transform:scale(1.08);box-shadow:0 0 25px #fff}.replay-memory{position:absolute;z-index:8;right:12px;top:12px;padding:8px 12px;border:3px solid #17112b;background:#fff1bb;color:#211a38;cursor:pointer;font-weight:700}
.size-scene {background:linear-gradient(#432f62 0 68%,#846393 69%)}.machine{position:absolute;z-index:2;inset:10% 8% 15%;border:7px solid #21172c;border-radius:12px;background:linear-gradient(135deg,#827d88,#4d4b58);box-shadow:inset 0 0 0 5px #aaa6aa}.machine::before{content:"STORLEK-O-MATIC";position:absolute;left:50%;top:8%;transform:translateX(-50%);color:#22182c;font:700 clamp(1rem,3vw,2rem) "Pixelify Sans";white-space:nowrap}.size-balls{position:absolute;z-index:5;inset:30% 12% 24%;display:flex;justify-content:space-around;align-items:end}.size-balls button{border:5px solid #21172c;border-radius:50%;background:var(--pink);cursor:pointer;box-shadow:5px 6px 0 rgba(0,0,0,.25)}.size-balls .small{width:58px;height:58px}.size-balls .medium{width:90px;height:90px;background:var(--yellow)}.size-balls .large{width:126px;height:126px;background:var(--blue)}.size-balls button.selected{opacity:.38;transform:translateY(-15px)}

/* Extra journey scenes */
.river-scene{background:linear-gradient(#77c8e9 0 48%,#6fc876 49%)}.river-water{position:absolute;inset:48% 0 0;background:linear-gradient(170deg,#4fbddd,#247eae);border-top:5px solid #226d87}.river-water::after{content:"≈　≈　≈　≈";position:absolute;inset:20% 0;color:#a9edff;text-align:center;font-size:3rem}.broken-bridge{position:absolute;z-index:4;left:22%;right:22%;bottom:22%;padding:12px;border-block:6px solid #3c271f;color:#9b6842;text-align:center;font-size:4rem;transform:rotate(-5deg)}.plank.p1{left:8%;bottom:9%}.plank.p2{right:8%;top:25%}.plank.p3{right:28%;bottom:5%}
.tower-scene{background:linear-gradient(#6d5a9d 0 54%,#31556b 55%)}.tower-scene::before{content:"";position:absolute;left:30%;right:30%;top:10%;bottom:0;background:linear-gradient(90deg,#64576d,#a79893,#64576d);border:7px solid #2c2239;clip-path:polygon(13% 0,87% 0,100% 100%,0 100%)}.owl-tower{position:absolute;z-index:4;left:50%;top:14%;transform:translateX(-50%);font-size:5rem}.shape-locks{position:absolute;z-index:6;left:24%;right:24%;bottom:13%;display:flex;justify-content:center;gap:18px}.shape-locks button{width:90px;height:80px;border:4px solid #22182f;background:#d9c69e;color:#4a3657;font-size:2.6rem;cursor:pointer;box-shadow:4px 5px 0 #161020}
.echo-scene{background:linear-gradient(#d7837b 0 44%,#563f65 45%)}.echo-scene::before,.echo-scene::after{content:"";position:absolute;top:20%;bottom:0;width:34%;background:#342b43;clip-path:polygon(0 0,100% 25%,65% 100%,0 100%)}.echo-scene::after{right:0;transform:scaleX(-1)}.footprints{position:absolute;z-index:6;left:12%;right:12%;top:35%;padding:20px;text-align:center;font-size:clamp(2rem,6vw,4.5rem);background:rgba(255,246,216,.15)}.direction-choices{position:absolute;z-index:7;left:25%;right:25%;bottom:15%;display:flex;gap:14px}.direction-choices button{flex:1;min-height:58px;border:4px solid #21172e;background:#f4d98d;color:#211a38;cursor:pointer;font-weight:700}
.market-scene{background:linear-gradient(#f2a56c 0 43%,#e4ca83 44%)}.market-scene::before{content:"FRUKT";position:absolute;top:9%;left:50%;transform:translateX(-50%);padding:8px 28px;border:5px solid #542f3d;background:#f9e5a9;color:#572d42;font:700 2rem "Pixelify Sans"}.market-scene .object-field{padding:12px;background:rgba(116,61,40,.28);border:6px solid #74442f}
.library-scene{background:linear-gradient(#65405b,#2d253f)}.book-shelf{position:absolute;z-index:5;inset:24% 8% 14%;display:flex;align-items:stretch;gap:10px;padding:26px 18px 12px;border:8px solid #4a291e;background:#8b573a}.book-shelf button{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:4px solid #241a31;background:#d6b175;color:#241a31;cursor:pointer;font-size:1.5rem}.book-shelf button span{font-size:clamp(3rem,8vw,6rem)}.book-shelf button[data-book="down"]{flex-direction:column-reverse;transform:translateY(8px)}
.star-scene{background:radial-gradient(circle at 70% 20%,#625999,#18182f 62%)}.star-items{position:absolute;z-index:5;inset:18% 8% 28%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:center}.star-items button{min-height:130px;border:3px solid #61557d;background:rgba(255,255,255,.06);cursor:pointer;font-size:clamp(3rem,8vw,6rem)}.hill-ground{position:absolute;inset:auto -5% -10%;height:38%;border-radius:50% 50% 0 0;background:#315f50}
.flower-scene{background:linear-gradient(#72c7e5 0 54%,#6abd68 55%)}.flower-pattern{position:absolute;z-index:5;left:5%;right:5%;top:28%;display:flex;align-items:center;justify-content:center;gap:clamp(4px,2vw,18px);padding:20px 8px;background:rgba(255,255,255,.28);border-block:4px solid #3f7856;font-size:clamp(2rem,6vw,4.5rem)}.flower-options{position:absolute;z-index:6;left:28%;right:28%;bottom:13%;display:flex;gap:12px}.flower-options button{flex:1;min-height:60px;border:4px solid #21182e;background:#fff3ca;color:#211a38;cursor:pointer;font-weight:700}
.tracks-scene{background:linear-gradient(#8ecbe1 0 50%,#cdb77c 51%)}.track-pattern{position:absolute;z-index:5;left:5%;right:5%;top:28%;text-align:center;font-size:clamp(2.2rem,7vw,5rem);transform:rotate(-3deg)}.track-labels{position:absolute;z-index:5;left:17%;right:17%;top:49%;text-align:center;font:700 clamp(1rem,3vw,2rem) "Pixelify Sans";word-spacing:2rem}.track-options{position:absolute;z-index:6;left:25%;right:25%;bottom:13%;display:flex;gap:12px}.track-options button{flex:1;min-height:60px;border:4px solid #21182e;background:#fff3ca;color:#211a38;cursor:pointer;font-weight:700}
.vault-scene{background:radial-gradient(circle at 50% 40%,#7b6c94,#28213d 70%)}.pattern-matrix{position:absolute;z-index:4;left:27%;top:16%;width:46%;height:56%;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:7px solid #171225;background:#c4bcae}.pattern-matrix>span,.matrix-options i{display:block;margin:auto;width:62px;height:62px}.matrix-circle{border-radius:50%;background:var(--pink);border:4px solid #21182f}.matrix-square{background:var(--blue);border:4px solid #21182f}.matrix-empty{display:grid!important;place-items:center;border:4px dashed #554c62;background:#eee6d3;color:#211a38;font:700 2.5rem "Pixelify Sans"}.matrix-options{position:absolute;z-index:6;right:5%;top:20%;display:grid;gap:8px}.matrix-options button{width:82px;height:78px;border:4px solid #171225;background:#fff2cf;cursor:pointer}.matrix-options i{width:42px;height:42px}.matrix-triangle{width:0!important;height:0!important;border-left:24px solid transparent!important;border-right:24px solid transparent!important;border-bottom:44px solid var(--yellow)!important}

.scene-curtain { position:absolute; z-index:30; inset:0; display:grid; place-items:center; background:#17132c; transform:translateY(-102%); transition:transform .35s ease; }.scene-curtain.show{transform:translateY(0)}.scene-curtain span{font:700 clamp(1.4rem,4vw,2.5rem) "Pixelify Sans";color:var(--yellow)}
.command-panel { display:grid; grid-template-columns:76px minmax(0,1fr) minmax(130px,220px); min-height:112px; background:#2f264d; border:4px solid #0e0b1c; border-top:0; }
.portrait { display:grid; place-items:center; background:#1e1835; border-right:3px solid #0e0b1c; font-size:3rem; }.dialogue{padding:12px 16px}.speaker{margin:0 0 4px;color:var(--yellow);font:700 1rem "Pixelify Sans"}.dialogue #clue-text{margin:0;line-height:1.4}.inventory{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-left:3px solid #0e0b1c;background:#241d3d}.inventory-label{font:700 .8rem "Pixelify Sans";color:#b8aed3}.inventory-item{font-size:2rem}.empty-slot{color:#766b92}.helper-text{text-align:center;color:#bcb2d4;font-size:.88rem}
.toast{position:fixed;z-index:50;left:50%;bottom:20px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:13px 18px;border:3px solid #0e0b1c;background:#fff1c9;color:#211a38;box-shadow:4px 5px 0 #0e0b1c;font-weight:700}.toast.good{background:#8ee891}.wrong{animation:wrong .35s ease}.success-pop{animation:pop .45s ease}
.finish-card{margin-top:34px;padding:55px 20px;text-align:center;border:4px solid #0e0b1c;background:linear-gradient(135deg,#694fa1,#bd4e88);box-shadow:var(--pixel-shadow)}.finish-card h2{margin:0;font-size:clamp(3rem,9vw,6rem)}.finish-stars{color:var(--yellow);font-size:2.5rem;letter-spacing:1rem}.finish-card button{padding:12px 21px;border:3px solid #17132c;background:var(--yellow);color:#211a38;box-shadow:4px 5px 0 #0e0b1c;cursor:pointer;font-weight:700}

@keyframes wrong{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}@keyframes pop{50%{transform:scale(1.18)}}@keyframes current-step{to{filter:brightness(1.5)}}
@media(max-width:760px){.hero{padding-top:28px}.game-cards{grid-template-columns:1fr}.game-card{min-height:220px}.card-art{inset:30px 8% auto auto;font-size:6rem}.game-hud{grid-template-columns:95px 1fr 95px}.game-hud button{font-size:.78rem}.story-window{min-height:390px;aspect-ratio:4/5}.command-panel{grid-template-columns:62px 1fr}.inventory{grid-column:1/-1;min-height:58px;border-left:0;border-top:3px solid #0e0b1c}.object-field{grid-template-columns:repeat(3,1fr)}.pastry-shelf{grid-template-columns:repeat(2,1fr)}.attic-items{grid-template-columns:repeat(2,1fr)}.memory-board{grid-template-columns:repeat(2,1fr)}.train-car{width:18%}.chest{width:28%;min-height:105px}.rune-stone{width:74px;height:100px}.size-balls .small{width:48px;height:48px}.size-balls .medium{width:75px;height:75px}.size-balls .large{width:102px;height:102px}}
@media(max-width:430px){.topbar{font-size:.78rem}.sound-toggle{padding:7px}.story-window{min-height:440px}.game-hud{grid-template-columns:85px 1fr 85px;padding-inline:5px}.scene-title{top:7px;left:8px}.sprite small{opacity:1;font-size:.62rem}.object-field button{min-height:70px}.finish-stars{letter-spacing:.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}