@charset "UTF-8";
:root{color-scheme:light;--paper:#fbf5e9;--ink:#53463d;--muted:#837262;--red:#b44f49;--pink:#f4b5a1;--mint:#d9e6d7;--green:#527565;--line:#e8ddcc;--tile:64px;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);background-image:radial-gradient(#b49b6d18 .8px,transparent .8px);background-size:8px 8px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,#board:focus-visible{outline:3px solid var(--green);outline-offset:4px}button:disabled{opacity:.4;cursor:default}button:not(:disabled):active{filter:brightness(.96)}.page-shell{max-width:1210px;margin:auto;padding:0 34px}.symbol-bank{position:absolute;width:0;height:0;overflow:hidden}.art{display:block;width:100%;height:100%;overflow:visible}.icon{width:21px;height:21px;flex-shrink:0;fill:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 17px;border:1.5px solid var(--line);border-radius:14px;background:#fffaf1;font-weight:650;transition:background .15s,transform .15s;white-space:nowrap}.button:hover{background:#f6ead5}.button:active:not(:disabled){transform:translateY(2px)}.quiet{background:transparent}.primary{background:var(--red);color:#fff9ec;border-color:var(--red);box-shadow:0 4px 0 #8f4540}.primary:hover{background:#a74943}.site-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0 23px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand-stamp{width:65px;height:64px;background:#f3e3c5;border:1.5px solid #cbb68c;border-radius:20px;transform:rotate(-6deg);padding:5px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:750;margin:0 0 7px;color:var(--muted)}h1{margin:0;font-size:30px;letter-spacing:2px;line-height:1.15}h1 span{color:var(--red);margin-left:3px}.title-spark{font-style:normal;font-size:26px;color:#ba9251;margin-left:10px;vertical-align:top}.header-actions{display:flex;align-items:center;gap:10px}.slow-tag{font-size:13px;color:var(--green);margin-right:12px}.help-button{width:46px;padding:0;border-radius:50%;font-size:22px}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 18px}.chapter-label{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600;color:#776657}.chapter-dot{width:8px;height:8px;background:#7b9e8c;border-radius:50%}.separator{color:#c1ac93}.map-button{min-height:42px;padding:7px 13px;font-size:13px}.play-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 180px;gap:28px;align-items:start}.left-column{padding-top:12px}.mission-note{position:relative;padding:25px 20px 19px;background:#f4e6ba;border:1px solid #e2d2a5;box-shadow:3px 5px 0 #e4d8b845;transform:rotate(-2deg)}.tape{position:absolute;left:57px;top:-9px;width:60px;height:22px;background:#e4bbaa80;transform:rotate(6deg)}.mission-note h2{font-size:25px;letter-spacing:3px;line-height:1.55;margin:0}.tiny-star{font-size:23px;color:#b78342;vertical-align:top;margin-left:5px}.mission-art{width:112px;height:86px;margin:9px auto 4px;position:relative}.mission-art .art:first-child{position:absolute;width:75px;height:75px;left:0;top:0;transform:rotate(-7deg)}.mission-art .art:last-child{position:absolute;width:75px;height:75px;right:0;bottom:-5px;transform:rotate(8deg)}.mission-note p:not(.eyebrow){font-size:13px;line-height:1.8;margin:8px 0}.note-line{height:1px;background:#d9c995;margin-top:13px}.mission-note p.note-whisper{font-size:11px;color:#87714d}.rule-mini{display:flex;gap:9px;margin-top:22px;align-items:flex-start}.rule-number{font-size:11px;color:#9d8870;border:1px solid #ccbca4;border-radius:50%;width:23px;height:23px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rule-mini p{margin:0;font-size:12px;line-height:1.9}.rule-mini p span{font-size:11px;color:var(--muted)}.progress-note{margin-top:24px;font-size:11px;color:#756858}.progress-note p{font-size:10px;margin:10px 0}.progress-track{height:5px;border-radius:9px;background:#e8decd;margin-top:10px;overflow:hidden}#progress-fill{background:#7c9e8b;height:100%;width:0;transition:width .3s}.level-heading{display:flex;align-items:center;gap:12px;margin:2px 0 16px}.level-pill{font-size:21px;color:var(--red);background:#efdfce;min-width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-style:italic}.level-heading h2{font-size:24px;letter-spacing:1px;margin:0}.level-heading .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:4px}.move-stat{margin-left:auto;display:flex;align-items:baseline;gap:5px;padding-right:4px}.move-stat strong{font-size:27px;font-variant-numeric:tabular-nums;font-family:Georgia,serif;font-weight:400}.move-stat span{font-size:12px;color:var(--muted)}.board-stage{padding:20px 14px 11px;border-radius:25px;background:#e6eade;border:1.5px solid #c3d0b9;box-shadow:0 7px 0 #c4cfb8,0 12px 20px #5c6b4d0a;position:relative;isolation:isolate}.stage-label{font-size:9px;letter-spacing:3px;text-align:center;color:#6c7d5e;margin:0 0 16px}.board-wrap{position:relative;margin:auto;width:max-content;max-width:100%}.board{position:relative;display:grid;grid-template-columns:repeat(var(--cols),var(--tile));grid-template-rows:repeat(var(--rows),var(--tile));border-radius:14px;overflow:hidden;border:3px solid #9caa8c;box-shadow:0 3px 0 #889575;background:#eee1bd;touch-action:none;user-select:none;-webkit-user-select:none;outline-offset:6px}.tile{position:relative;width:var(--tile);height:var(--tile);border:0;padding:0;display:block;min-width:0;min-height:0;background:#f0e4c8;box-shadow:inset -1px -1px #c6ac7b2b;touch-action:none}.tile.floor.alt{background:#eadcbd}.tile.floor:focus-visible{outline:-webkit-focus-ring-color auto 1px;outline:3px solid #547765;outline-offset:-4px;z-index:1}.tile.wall{background:#aab89a;box-shadow:inset -2px -3px #93a480}.tile.wall::before{content:"";position:absolute;inset:5px 4px 7px;border:1.5px solid #879c78;border-radius:8px;background:#bdc9ab;box-shadow:inset 0 3px #d6dfc780,0 3px #85976e55}.tile.wall::after{content:"";position:absolute;top:16%;left:20%;width:24%;height:3px;background:#e0e6ce80;border-radius:2px}.goal-art{position:absolute;inset:4%;width:92%;height:92%}.tile.goal.occupied{background:#d9dfb7}.sprite-holder{position:absolute;left:3px;top:3px;width:var(--tile);height:var(--tile);pointer-events:none;z-index:3;transition:transform 140ms ease-out;will-change:transform}.sprite-inner{width:100%;height:100%;transform-origin:50% 85%}.girl-sprite{z-index:4}.girl-sprite .sprite-inner{width:114%;height:121%;margin-left:-7%;margin-top:-19%}.girl-sprite[data-facing=left] .art{transform:scaleX(-1)}.box-sprite{padding:2px}.box-sprite.at-home .sprite-inner{filter:saturate(.85) brightness(1.06)}.box-sprite.at-home::after{content:"✓";position:absolute;right:0;top:-3px;width:20px;height:20px;background:#5d856c;color:#fff9e9;border:2px solid #e5eddc;border-radius:50%;font-size:13px;line-height:16px;text-align:center}.moving .girl-body{animation:girl-hop 150ms ease-out}.pushing .sprite-inner{animation:squish 200ms ease-out}.landing .sprite-inner{animation:landing 500ms ease-out}.bonk .sprite-inner{animation:bonk 300ms ease-out}.is-won .girl-body{animation:dance 600ms ease-in-out infinite}.stage-foot{display:flex;align-items:center;justify-content:center;gap:15px;margin:13px 0 0;font-size:11px;color:#53674b}.little-flower{color:#8a9c72;font-size:17px}.game-toolbar{display:flex;gap:10px;margin-top:20px}.game-toolbar .button{flex:1;font-size:13px;padding:10px 8px;border-color:#dac8ab;box-shadow:0 3px 0 #dfd1b9;min-width:0}.undo-button{background:#fffaf0}.hint-button{background:#f5df9f}.hint-button:hover{background:#efd389}.restart-button{background:#f1e8d9}.save-note{text-align:center;font-size:10px;color:var(--muted);margin:14px 0 0;min-height:16px}.right-column{padding-top:26px}.cat-zone{text-align:center}.speech{font-size:13px;line-height:1.9;min-height:88px;background:#fffaf0;border:1.5px solid #dac9b0;border-radius:20px;padding:15px 13px;position:relative;text-align:left;box-shadow:2px 3px 0 #e4d8c640;overflow-wrap:anywhere}.speech::after{content:"";position:absolute;bottom:-8px;left:50%;width:13px;height:13px;background:#fffaf0;border-right:1.5px solid #dac9b0;border-bottom:1.5px solid #dac9b0;transform:rotate(45deg)}.speech.hint-speech{background:#f9e9b9;border-color:#d7bb7c}.speech.hint-speech::after{background:#f9e9b9;border-color:#d7bb7c}.cat-art{width:158px;height:147px;margin:8px auto -2px}.cat-badge{font-size:10px;padding:4px 9px;border:1px solid #d5c4ac;border-radius:5px;color:#75614c;display:inline-block;transform:rotate(-3deg)}.controls-zone{text-align:center;margin-top:24px}.control-caption{font-size:11px;letter-spacing:1px;margin:0 0 13px;color:#756552}.dpad{display:grid;grid-template-columns:repeat(3,49px);grid-template-rows:repeat(3,45px);gap:5px;justify-content:center}.direction{border:1.5px solid #b4c3a4;background:#edf0e2;border-radius:13px;box-shadow:0 4px 0 #c0cbb2;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.direction:hover{background:#dce7ce}.direction:active{transform:translateY(3px);box-shadow:0 1px 0 #c0cbb2}.direction .icon{width:25px;height:25px;color:#5d7758}.up{grid-column:2;grid-row:1}.left{grid-column:1;grid-row:2}.left .icon{transform:rotate(-90deg)}.right{grid-column:3;grid-row:2}.right .icon{transform:rotate(90deg)}.down{grid-column:2;grid-row:3}.down .icon{transform:rotate(180deg)}.dpad-center{grid-column:2;grid-row:2;align-self:center;justify-self:center;border:1px dashed #c1c7ae;border-radius:50%;height:31px;width:31px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#849373}.keyboard-note{font-size:10px;margin:13px 0 0;color:#8c806f}footer{display:flex;justify-content:space-between;margin-top:26px;padding:16px 0 20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-version{font-size:10px;opacity:.8}dialog{position:fixed;width:min(470px,calc(100vw - 36px));max-height:calc(100dvh - 40px);padding:30px;border:2px solid #d7c2a4;border-radius:25px;background:var(--paper);color:var(--ink);box-shadow:0 14px 0 #4a403426;overflow:auto}dialog::backdrop{background:#3f43305e;backdrop-filter:blur(4px)}dialog h2{font-size:25px;margin:7px 0 16px;line-height:1.4}dialog p{line-height:1.9;font-size:14px}.dialog-close{position:absolute;right:12px;top:10px;min-width:44px;min-height:44px;padding:0;border:0;font-size:27px}dialog .eyebrow{padding-right:25px;font-size:10px}.help-art{display:flex;justify-content:center;height:110px;gap:10px}.help-art .art{width:100px}.help-art .art:last-child{width:90px}dialog ol{padding-left:23px;line-height:2.3;font-size:14px}#help-dialog>.primary{width:100%;margin-top:8px}.dialog-actions{display:flex;gap:12px;margin-top:22px}.dialog-actions .button{flex:1}.dialog-caption{font-size:12px;color:var(--muted)}.level-group-title{font-size:13px;color:var(--green);margin:22px 0 10px}.level-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.level-choice{min-height:46px;padding:9px 0;border:1.5px solid #dfcfb5;border-radius:12px;background:#fffaf0;position:relative;font-size:16px}.level-choice.current{background:#f4d4b9;border-color:#b56c53}.level-choice.done::after{content:"✓";position:absolute;right:3px;top:0;font-size:11px;color:var(--green)}.level-choice.saved::before{content:"";position:absolute;bottom:3px;left:calc(50% - 2px);width:4px;height:4px;background:var(--red);border-radius:50%}.win-dialog{text-align:center}.win-art{display:flex;justify-content:center;height:142px;margin-top:0}.win-art .art{width:120px}.win-art .art:last-child{width:100px;transform:rotate(8deg);align-self:flex-end;height:100px}.win-art .girl-body{animation:dance 650ms ease-in-out infinite}.win-stats{color:var(--green);background:#e4ebd9;border-radius:10px;padding:9px;font-size:12px!important}.win-dialog #win-title{font-size:25px;color:var(--red);margin-bottom:10px}.win-dialog .eyebrow{padding:0}.win-dialog #win-joke{font-size:13px}#confetti{position:fixed;inset:0;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;top:28%;left:50%;width:9px;height:13px;background:var(--piece);border-radius:2px;animation:confetti-fall 1200ms cubic-bezier(.16,.6,.44,.95) forwards}.effect-pop{position:absolute;z-index:10;pointer-events:none;font-size:12px;font-weight:800;white-space:nowrap;color:#a75943;animation:word-pop 800ms ease-out forwards}.dust{position:absolute;width:8px;height:8px;background:#eadcc4;border-radius:50%;animation:dust .4s ease-out forwards}.save-warning{color:#a14f3b!important}
@keyframes girl-hop{50%{transform:translateY(-4px) rotate(-3deg)}}@keyframes squish{35%{transform:scale(.85,1.13)}70%{transform:scale(1.08,.94)}}@keyframes landing{25%{transform:translateY(-13px) rotate(8deg)}55%{transform:translateY(2px) scale(1.12,.87)}80%{transform:translateY(-4px)}}@keyframes bonk{25%{transform:rotate(-9deg) translateX(-3px)}65%{transform:rotate(8deg) translateX(3px)}}@keyframes dance{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-7px)}}@keyframes word-pop{0%{opacity:0;transform:translate(-50%,0) scale(.7)}20%{opacity:1;transform:translate(-50%,-15px) scale(1.15)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-42px) scale(1)}}@keyframes dust{to{opacity:0;transform:translate(var(--dx),-15px) scale(2)}}@keyframes confetti-fall{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin))}}
@media(min-width:1400px){.page-shell{padding-top:15px}.play-layout{gap:40px;grid-template-columns:190px minmax(0,1fr) 190px}.left-column{padding-top:25px}}
@media(min-width:901px) and (max-height:820px){.site-header{padding:16px 0}.brand-stamp{width:54px;height:54px}h1{font-size:27px}.topline{padding:10px 0 13px}.board-stage{padding-top:12px}.stage-label{margin-bottom:10px}.level-heading{margin-bottom:12px}.game-toolbar{margin-top:16px}.right-column{padding-top:12px}.cat-art{width:135px;height:125px}.controls-zone{margin-top:19px}.mission-note{padding:19px 16px 13px}.mission-note h2{font-size:22px}.mission-art{height:72px}.rule-mini{margin-top:16px}.progress-note{margin-top:16px}footer{margin-top:19px;padding:13px 0}.save-note{margin-top:10px}}
@media(max-width:1100px) and (min-width:901px){.page-shell{padding:0 25px}.play-layout{grid-template-columns:145px minmax(0,1fr) 158px;gap:19px}.mission-note{padding-left:14px;padding-right:10px}.mission-note h2{font-size:22px}.speech{font-size:12px;padding:13px 11px}.slow-tag{display:none}.dpad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,45px);gap:5px}}
@media(max-width:900px){.page-shell{max-width:650px;padding:0 24px}.site-header{padding:20px 0 17px}.brand-stamp{width:54px;height:55px}h1{font-size:26px}.brand .eyebrow{font-size:8px;letter-spacing:1px}.slow-tag{display:none}.header-actions{gap:7px}.header-actions .button{padding:9px;min-width:44px}.sound-label{display:none}.play-layout{grid-template-columns:1fr;gap:0}.left-column{display:none}.game-column{width:100%;max-width:540px;margin:auto}.topline{padding:13px 0 16px}.right-column{display:flex;align-items:center;justify-content:center;gap:25px;padding-top:20px}.cat-zone{display:grid;grid-template-columns:110px minmax(100px,170px);grid-template-rows:1fr 25px;align-items:center;text-align:center;max-width:310px}.cat-art{width:110px;height:110px;grid-column:1;grid-row:1/3;margin:0}.cat-zone .speech{grid-column:2;grid-row:1;min-height:70px;font-size:12px;padding:10px 12px;align-self:end}.speech::after{left:-7px;bottom:20px;transform:rotate(135deg)}.cat-badge{grid-column:2;grid-row:2;font-size:9px;justify-self:center}.controls-zone{margin:0}.control-caption{font-size:10px;margin-bottom:8px}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:4px}.keyboard-note{display:none}footer{margin-top:20px;padding-bottom:18px}.level-heading h2{font-size:23px}.board-stage{padding-top:15px}.stage-label{margin-bottom:12px}.game-toolbar{margin-top:17px}}
@media(max-width:520px){.page-shell{padding:0 16px}.site-header{padding:16px 0 14px;gap:10px}.brand{gap:8px}.brand-stamp{width:42px;height:46px;border-radius:13px;padding:1px}h1{font-size:20px;letter-spacing:1px}h1 span{margin-left:1px}.title-spark{display:none}.brand .eyebrow{font-size:6px;letter-spacing:.7px;margin-bottom:5px}.header-actions{gap:4px}.header-actions .button{min-width:42px;min-height:44px;border-radius:13px}.help-button{font-size:20px}.header-actions .icon{width:19px}.chapter-label{font-size:11px;gap:7px}.map-button{font-size:11px;padding:8px 10px;min-height:44px}.map-button .icon{width:17px}.topline{padding:11px 0 14px}.level-heading{gap:9px;margin-bottom:12px}.level-heading h2{font-size:20px}.level-heading .eyebrow{font-size:9px}.level-pill{width:40px;min-width:40px;height:40px;font-size:19px}.move-stat strong{font-size:24px}.board-stage{padding:12px 8px 8px;border-radius:20px}.stage-label{font-size:8px;letter-spacing:2px;margin-bottom:10px}.stage-foot{font-size:10px;margin-top:10px}.little-flower{font-size:14px}.game-toolbar{gap:7px;margin-top:16px}.game-toolbar .button{gap:5px;font-size:12px;min-height:46px;border-radius:11px}.game-toolbar .icon{width:18px;height:18px}.save-note{font-size:9px;margin-top:11px}.right-column{gap:14px;justify-content:space-between;padding-top:20px;align-items:center}.cat-zone{display:flex;flex-direction:column;max-width:170px;min-width:0}.cat-zone .speech{min-height:65px;font-size:11px;line-height:1.8;padding:9px 10px;align-self:stretch;order:0}.cat-zone .speech::after{left:50%;bottom:-7px;transform:rotate(45deg)}.cat-art{width:80px;height:74px;margin-top:4px;order:1}.cat-badge{display:none}.controls-zone{flex-shrink:0}.control-caption{font-size:9px;margin-bottom:6px}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:4px}.direction{border-radius:11px}.direction .icon{width:23px;height:23px}footer{font-size:10px;justify-content:center;margin-top:16px}.footer-version{display:none}dialog{padding:25px 20px}.dialog-actions{gap:8px}.dialog-actions .button{font-size:13px;padding:10px}.level-buttons{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.effect-pop,.dust,.confetti-piece{display:none}}
.pack-switch{display:flex;gap:8px;align-items:center}.pack-switch .button{font-size:13px;min-height:44px;padding:9px 14px;gap:8px}.pack-switch .button span{font-size:10px;font-weight:400;opacity:.8}.pack-switch .button[aria-pressed=true]{background:#dce8d7;border-color:#91aa87;color:#425e3d;box-shadow:0 2px 0 #b6c9ad}.focus-button{background:#dce8d7!important}.source-credit{text-align:center;font-size:11px;line-height:1.5;margin:10px 0 0}.source-credit a,.credits-note a{color:#6d705b;text-decoration-color:#c7c7ae;text-underline-offset:3px}.credits-note{font-size:11px!important;margin-top:22px}.source-credit+.save-note{margin-top:6px}.challenge-mode .left-column{display:none}.challenge-mode .play-layout{grid-template-columns:minmax(0,1fr) 180px;gap:28px}.challenge-mode .game-column{max-width:none}.challenge-mode .site-header{padding-top:14px;padding-bottom:14px}.challenge-mode .brand-stamp{width:52px;height:52px}.challenge-mode .topline{padding:10px 0 13px}.challenge-mode .level-heading{margin:0 0 10px}.challenge-mode .level-heading h2{font-size:23px}.challenge-mode .level-pill{height:43px;min-width:43px}.challenge-mode .board-stage{padding:11px 12px 8px}.challenge-mode .stage-label{font-size:11px;letter-spacing:1px;margin-bottom:8px}.challenge-mode .stage-foot{margin-top:8px}.challenge-mode .game-toolbar{margin-top:16px}.challenge-mode .game-toolbar .button{font-size:14px}.challenge-mode footer{margin-top:16px;padding:12px 0}.challenge-mode .right-column{padding-top:16px}.challenge-mode .speech{font-size:14px}.focus-mode .page-shell{max-width:1500px;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left))}.focus-mode .site-header,.focus-mode .topline,.focus-mode footer,.focus-mode .level-heading,.focus-mode .left-column,.focus-mode .save-note{display:none}.focus-mode .save-note.save-warning{display:block}.focus-mode .play-layout{grid-template-columns:minmax(0,1fr) 170px;gap:18px}.focus-mode .game-column{width:100%;max-width:none}.focus-mode .board-stage{padding:8px 10px 6px}.focus-mode .stage-label{display:none}.focus-mode .stage-foot{margin-top:5px}.focus-mode .game-toolbar{margin-top:12px}.focus-mode .source-credit{margin-top:6px}.focus-mode .right-column{padding-top:6px}.focus-mode .cat-art{width:130px;height:125px}.focus-mode .speech{font-size:13px}
.game-column,.board-stage{min-width:0}
.tile.walk-target::after{content:"";position:absolute;inset:13%;border:3px dashed #507965;border-radius:50%;pointer-events:none;animation:walk-target-pulse .7s ease-in-out infinite}.board[data-walking=true] .girl-sprite .girl-body{animation:girl-hop 140ms ease-out infinite}@keyframes walk-target-pulse{50%{opacity:.45;transform:scale(.85)}}
@media(max-width:900px){.challenge-mode .page-shell{max-width:780px}.challenge-mode .play-layout,.focus-mode .play-layout{grid-template-columns:1fr;gap:0}.challenge-mode .site-header{padding:12px 0}.challenge-mode .topline{padding:9px 0 12px}.challenge-mode .right-column,.focus-mode .right-column{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:12px}.challenge-mode .cat-zone,.focus-mode .cat-zone{display:block;flex:1;max-width:none}.challenge-mode .cat-art,.challenge-mode .cat-badge,.focus-mode .cat-art,.focus-mode .cat-badge{display:none}.challenge-mode .cat-zone .speech,.focus-mode .cat-zone .speech{min-height:60px;font-size:13px;line-height:1.7;padding:10px 13px}.challenge-mode .controls-zone,.focus-mode .controls-zone{margin:0;flex-shrink:0}.challenge-mode .control-caption,.focus-mode .control-caption{margin:0 0 8px;font-size:10px}.challenge-mode .dpad,.focus-mode .dpad{grid-template-columns:repeat(4,44px);grid-template-rows:44px;gap:8px}.challenge-mode .dpad-center,.focus-mode .dpad-center{display:none}.challenge-mode .direction,.focus-mode .direction{grid-row:1}.challenge-mode .direction.left,.focus-mode .direction.left{grid-column:1}.challenge-mode .direction.up,.focus-mode .direction.up{grid-column:2}.challenge-mode .direction.down,.focus-mode .direction.down{grid-column:3}.challenge-mode .direction.right,.focus-mode .direction.right{grid-column:4}.challenge-mode footer{margin-top:12px;padding-bottom:12px}.focus-mode .page-shell{padding-top:10px}}
@media(max-width:520px){.pack-switch{gap:6px}.pack-switch .button{font-size:12px;padding:8px 10px;gap:3px}.pack-switch .button span{display:none}.topline{gap:8px}.challenge-mode .board-stage{padding:10px 8px 7px}.challenge-mode .stage-label{font-size:10px}.challenge-mode .game-toolbar .button{font-size:12px;gap:3px}.game-toolbar #focus{font-size:12px}.challenge-mode .game-toolbar .icon{width:16px}.source-credit{font-size:10px}.challenge-mode .right-column,.focus-mode .right-column{flex-direction:column;gap:10px}.challenge-mode .cat-zone,.focus-mode .cat-zone{width:100%}.challenge-mode .cat-zone .speech,.focus-mode .cat-zone .speech{font-size:12px;min-height:48px}.challenge-mode .speech::after,.focus-mode .speech::after{display:none}.challenge-mode .control-caption,.focus-mode .control-caption{display:none}.focus-mode .page-shell{padding:8px}.challenge-mode .level-heading h2{font-size:20px}}