@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--teal-900: #0e413a;--teal-800: #174b43;--teal-700: #22564a;--ink: #0b4539;--text: #22302c;--muted: #625b4e;--cream: #fff3dd;--cream-2: #fdecd0;--card: #fffaf0;--line: #e7d9bf;--lime: #cfeb49;--lime-hover: #c0df33;--lime-deep: #6f8f12;--sage: #d3d9bb;--ring: #d9a24b;--ok-bg: #eef5d6;--ok: #5f8a17;--issue-bg: #fbefe2;--issue: #a8501f;--warm: #efd3a9;--focus: #0a6d5f;--journal-w: clamp(340px, calc(100vw - ((100dvh - 104px)/.8)) , 620px);--move: .3s;font-family:Figtree Variable,Figtree,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);line-height:1.4;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--teal-900)}button,input{font:inherit;color:inherit}img{max-width:100%;height:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:8px;z-index:1000}.skip-link:focus{left:12px;background:var(--lime);color:var(--teal-900);padding:10px 14px;border-radius:10px;font-weight:700}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app{height:100dvh;display:flex;flex-direction:column;background:var(--warm)}.app>.topbar,.app>.footbar,.app>.banner{flex:none}.app>.main{flex:1 1 auto}.topbar{display:flex;align-items:center;gap:28px;min-height:56px;padding:6px 28px;background:var(--teal-900);color:var(--cream)}.wordmark{margin:0;font-size:22px;font-weight:500;letter-spacing:.01em;white-space:nowrap}.progress{margin-left:auto;padding:0 28px;border-left:2px solid rgba(255,243,221,.6);border-right:2px solid rgba(255,243,221,.6)}.progress ol{display:flex;gap:22px;list-style:none;margin:0;padding:0}.step{display:flex;align-items:center;gap:8px;font-size:20px;padding:3px 14px 3px 4px;border-radius:999px}.step__n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#8fa79e;color:var(--teal-900);font-weight:700;font-size:17px}.step.is-current{background:var(--lime);color:var(--teal-900);font-weight:700}.step.is-current .step__n{background:#e6f39c}.score{position:relative;display:flex;align-items:baseline;gap:6px;margin-left:auto;font-size:20px;white-space:nowrap}.score__value{font-weight:800;font-size:24px;font-variant-numeric:tabular-nums}.score__chip{position:absolute;right:0;top:100%;margin-top:4px;z-index:200;background:var(--lime);color:var(--teal-900);font-weight:800;font-size:16px;padding:2px 10px;border-radius:999px;animation:chip 2.2s ease forwards}@keyframes chip{0%{opacity:0;transform:translateY(-4px)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.icon-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:transparent;border:2px solid transparent;color:var(--cream);font-size:26px;cursor:pointer}.icon-btn:hover{border-color:#fff3dd66}.icon-btn[aria-pressed=true]{background:#cfeb4933}.icon-btn:focus-visible{outline-color:var(--lime)}.banner{display:flex;gap:12px;align-items:center;margin:0;padding:6px 28px;background:#fff3c4;color:#3d3000;font-size:15px}.main{display:grid;grid-template-columns:minmax(0,1fr) var(--journal-w);min-height:0}.footbar{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 34px;background:var(--teal-900);color:var(--cream);font-size:18px}.footbar p{margin:0}.footbar__right{display:flex;align-items:center;gap:18px}.footbar__page{font-weight:800;font-size:22px;padding-left:22px;border-left:2px solid rgba(255,243,221,.6)}.scene-area{position:relative;min-height:0;overflow:hidden;overflow:clip;background:#e8c39a}.scene-frame{position:absolute;inset:0;overflow:hidden;overflow:clip;container-type:size}.stage{position:absolute;left:50%;top:50%;width:max(100cqw,125cqh);height:max(80cqw,100cqh);transform:translate(-50%,-50%);container-type:inline-size}.stage__bg{position:absolute;inset:0;width:100%;height:100%;display:block}.bg-failed{background:#e9cda6}.bg-failed .stage__bg{visibility:hidden}.stage__backdrop{position:absolute;inset:0;border:0;background:none;padding:0;cursor:default}.mara{position:absolute;z-index:5;aspect-ratio:900 / 1350;pointer-events:none}.mara__pose{position:absolute;inset:0;width:100%;opacity:0;transition:opacity .26s ease}.mara__pose.is-active{opacity:1}.bubble{position:absolute;z-index:50;background:#fffdf6;border:2px solid #3b2a1d;border-radius:22px;padding:.6em .95em;font-size:max(13px,1.55cqw);line-height:1.3;color:#2a2018;animation:bubble-in .22s ease}.bubble p{margin:0}.bubble:before{content:"";position:absolute;left:-14px;bottom:26%;border-width:9px 14px 9px 0;border-style:solid;border-color:transparent #3b2a1d transparent transparent}.bubble:after{content:"";position:absolute;left:-10px;bottom:calc(26% + 2px);border-width:7px 11px 7px 0;border-style:solid;border-color:transparent #fffdf6 transparent transparent}@keyframes bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.zone{position:absolute;padding:0;border:0;background:none;cursor:pointer;border-radius:22px}.zone img{display:block;width:100%;pointer-events:none}.zone:disabled{cursor:default}.zone--suitcase{z-index:20;overflow:hidden;overflow:clip;border-radius:22px 22px 0 0}.zone--bag{z-index:10}.zone--drawer{z-index:9}.zone.is-target{outline:3px dashed var(--lime-deep);outline-offset:2px;background:#cfeb491f}.zone--drawer.is-target{background:#cfeb4940}.zone__tag,.zone__count{position:absolute;left:50%;top:4%;transform:translate(-50%);background:var(--lime);color:var(--teal-900);font-weight:800;font-size:max(12px,1.25cqw);padding:.2em .75em;border-radius:999px;white-space:nowrap;border:2px solid var(--teal-900)}.zone--bag.is-target{outline:none;background:none}.zone__drop{position:absolute;left:19%;top:46%;width:60%;height:20%;border:3px dashed var(--lime);border-radius:50%;background:#cfeb4929;box-shadow:0 0 0 2px #0e413a59}.zone__tag--bag{z-index:45;pointer-events:none}.zone__count{background:var(--cream);top:16%}.zone:focus-visible{outline:3px solid var(--teal-900);outline-offset:3px;box-shadow:0 0 0 6px #fff}.bag-front{position:absolute;z-index:16;cursor:pointer}.bag-front img{display:block;width:100%}.app:not([data-phase=scene1]) .bag-front{cursor:default}.obj{position:absolute;padding:0;border:0;background:none;cursor:pointer;border-radius:8px;transform:rotate(var(--r, 0deg));transition:left var(--move) ease,top var(--move) ease,width var(--move) ease,transform var(--move) ease,opacity .22s ease,visibility 0s}.obj:before{content:"";position:absolute;inset:-6px}.obj img{display:block;width:100%;filter:drop-shadow(0 2px 2px rgba(70,35,10,.28));pointer-events:none}.obj:not(:disabled):hover img{filter:drop-shadow(0 3px 4px rgba(70,35,10,.35)) brightness(1.05)}.obj:disabled{cursor:default}.obj.is-selected{transform:rotate(var(--r, 0deg)) translateY(-6%) scale(1.07);outline:3px solid var(--lime-deep);outline-offset:3px}.obj.is-selected:after{content:"Selected";position:absolute;left:50%;bottom:100%;transform:translate(-50%,-8px);background:var(--teal-900);color:var(--cream);font-size:max(11px,1.1cqw);font-weight:700;padding:.15em .6em;border-radius:999px;white-space:nowrap}.obj.is-away{opacity:0;transform:scale(.3);visibility:hidden;pointer-events:none;transition-property:left,top,width,transform,opacity,visibility;transition-delay:0s,0s,0s,0s,0s,var(--move)}.obj:focus-visible{outline:3px solid var(--teal-900);outline-offset:3px;box-shadow:0 0 0 6px #fff}.obj__label{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-2px) rotate(calc(var(--r, 0deg) * -1));font-size:max(11px,1.15cqw);font-weight:800;padding:.15em .6em;border-radius:999px;white-space:nowrap;background:#f6dcc6;color:#7a3612;border:1.5px solid #7a3612}.obj__label.is-current{background:var(--lime);color:var(--teal-900);border-color:var(--teal-900)}.obj.is-selected .obj__label{display:none}.fallback{display:grid;place-items:center;min-height:3em;padding:.3em;background:var(--card);border:2px dashed var(--muted);border-radius:8px;font-size:max(11px,1.1cqw);font-weight:700}.obj img+.fallback,.zone img+.fallback{position:absolute;inset:0}.suitcase-note{position:absolute;z-index:26;pointer-events:none;background:var(--teal-900);color:var(--cream);font-weight:700;font-size:max(11px,1.25cqw);padding:.25em .8em;border-radius:999px;white-space:nowrap}.title-card{position:absolute;top:0;left:0;z-index:60;max-width:min(58%,540px);padding:16px 30px 16px 28px;background:#fdedd4f2;border-bottom-right-radius:34px}.title-card__title:focus:not(:focus-visible){outline:none}.title-card__title{margin:0;font-size:clamp(24px,2.6vw,42px);line-height:1.12;font-weight:700;color:var(--ink)}.title-card__sub{margin:4px 0 0;font-size:clamp(15px,1.15vw,19px)}.tray{position:absolute;z-index:60;left:18%;width:46%;bottom:1.6%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px;background:#fffcf4f2;border-radius:16px;box-shadow:0 2px 10px #3c230a2e}.tray__btn{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 10px;background:var(--card);border:1px solid var(--line);border-bottom:4px solid transparent;border-radius:12px;font-size:clamp(14px,1.05vw,17px);font-weight:600;text-align:left;line-height:1.15;cursor:pointer}.tray__btn img{width:42px;height:40px;object-fit:contain;flex:none}.tray__btn:hover{background:#fff}.tray__btn.is-active{border-bottom-color:var(--lime-deep)}.journal-region{min-height:0;padding:8px 10px 8px 4px;background:var(--warm)}.journal{position:relative;height:100%;padding:12px 12px 12px 22px;background:var(--teal-700);border-radius:28px}.journal__rings{position:absolute;left:-8px;top:40px;bottom:40px;z-index:2;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.ring{display:block;width:40px;height:18px;border:5px solid var(--ring);border-radius:999px;box-shadow:0 1px #00000040}.journal__page{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:20px 26px 22px 40px;background:var(--cream);border-radius:20px;display:flex;flex-direction:column}.journal__title{position:relative;margin:0;font-size:clamp(26px,2.2vw,36px);line-height:1.1;font-weight:700;color:var(--ink);width:fit-content}.journal__swash{display:block;width:100%;height:12px;color:var(--lime);margin-top:2px}.journal__body{flex:1;display:flex;flex-direction:column}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:14px;border-bottom:1px solid var(--line)}.tab{min-height:46px;padding:6px 8px;background:var(--cream-2);border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;font-size:clamp(16px,1.25vw,19px);cursor:pointer}.tab.is-active{background:var(--lime);font-weight:800;color:var(--teal-900);border-color:#b8d23b}.tab:disabled{opacity:.55;cursor:not-allowed}.view{display:flex;flex-direction:column;gap:12px;padding-top:14px;flex:1}.view>p{margin:0}.view-title{scroll-margin-top:100px;margin:0;font-size:clamp(20px,1.55vw,24px);line-height:1.2;font-weight:800;color:var(--ink)}.view-title:focus:not(:focus-visible){outline:none}.eyebrow{margin:0;font-size:14px;font-weight:700;color:var(--lime-deep);letter-spacing:.02em}.lead{font-size:18px;font-weight:700;color:var(--ink)}.muted{color:var(--muted)}.small{font-size:15px}.plain-list{margin:0;padding-left:1.2em}.plain-list li+li{margin-top:4px}.notice{margin:0;font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:8px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:auto;padding-top:8px}.actions--stack{flex-direction:column;align-items:stretch;margin-top:4px}.journal__page .view>.actions:last-child{position:sticky;bottom:-22px;z-index:3;margin-bottom:-22px;padding:12px 0 18px;background:var(--cream);box-shadow:0 -10px 12px -10px #503c1e40}.btn{min-height:50px;padding:10px 24px;border-radius:12px;border:2px solid var(--teal-900);font-size:18px;font-weight:800;line-height:1.2;cursor:pointer;text-align:center}.btn--primary{background:var(--lime);color:var(--teal-900)}.btn--primary:hover:not(:disabled){background:var(--lime-hover)}.btn--secondary{background:var(--card);color:var(--teal-900);border-color:#aeb99a}.btn--secondary:hover:not(:disabled){border-color:var(--teal-900)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{background:#e6e2d6;color:#77736a;border-color:#d0ccbf;cursor:not-allowed}.btn--block{width:100%}.btn--small{min-height:44px;padding:6px 14px;font-size:16px}.link-btn{min-height:44px;padding:0 6px;background:none;border:0;color:var(--focus);font-size:18px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-btn--light{color:var(--cream);font-size:16px}.back-link{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:16px;padding-left:0}.checklist{list-style:none;margin:0;padding:0}.checklist__row{display:grid;grid-template-columns:34px 1fr 104px;align-items:center;gap:10px;min-height:62px;border-bottom:1px solid var(--line);font-size:clamp(17px,1.3vw,20px)}.tick{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid #2b2b2b;background:var(--cream);font-size:20px;color:var(--teal-900)}.is-done .tick,.is-ok .tick{background:#c3df55;border-color:#7f9c1c}.is-issue .tick{background:#f6dcc8;border-color:var(--issue);color:var(--issue)}.slot{display:grid;place-items:center;width:104px;height:50px;border:2px dashed #cdbea3;border-radius:10px}.slot .thumb{max-width:80px;max-height:40px}.section-title{margin:6px 0 0;font-size:clamp(20px,1.6vw,26px);font-weight:800;color:var(--ink)}.thumb{width:52px;height:44px;object-fit:contain;flex:none}.bag-list{list-style:none;margin:0;padding:4px 0;background:#fff8ea;border:1px solid var(--line);border-radius:14px}.bag-list>li+li{border-top:1px solid var(--line)}.bag-list__row{display:flex;align-items:center;gap:8px;padding-right:10px}.bag-list__item{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:6px 12px;background:none;border:0;text-align:left;font-size:17px;cursor:pointer;border-radius:12px}.bag-list__item:hover{background:#cfeb492e}.bag-list__name{flex:1}.chip{flex:none;padding:3px 12px;border-radius:999px;background:var(--sage);color:#2f3a22;font-size:15px;font-weight:700;border:0}.chip--moving{background:#ebe48d}.chip--link{cursor:pointer;border:1.5px solid #8d9a77;min-height:32px}.discovery{display:flex;align-items:center;gap:12px;margin:0;padding:8px 12px;background:#f3e6cf;border-radius:12px;font-size:16px}.discovery em{flex:1}.hint-box{margin:0;padding:10px 12px;background:#eef3ec;border-left:5px solid var(--teal-700);border-radius:10px;font-size:16px}.inspect-head{display:flex;align-items:center;gap:14px}.inspect-head .thumb{width:72px;height:60px}.inspect-head .view-title{scroll-margin-top:100px;margin:0}.where{display:flex;align-items:center;gap:6px;margin:2px 0 0;font-size:16px;font-weight:600;color:var(--muted)}.where__dot{width:9px;height:9px;border-radius:50%;background:var(--lime-deep)}.inspect-body{display:flex;flex-direction:column;gap:10px;font-size:17px}.inspect-body p{margin:0}.card-face{background:#fffdf8;border:1px solid #ddd2bf;border-radius:12px;padding:12px 14px;box-shadow:0 1px #0000000f;font-size:15px}.card-face__head{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-weight:800}.card-face__cross{display:grid;place-items:center;width:22px;height:22px;border-radius:4px;background:#d24a3c;color:#fff;font-weight:900}.card-face dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0}.card-face dt{color:var(--muted)}.card-face dd{margin:0;font-weight:700}.card-face dd.is-diff{background:#fbe7a8;border-radius:4px;padding:0 4px}.diff-tag{font-weight:600;font-size:13px}.card-face__note{margin:8px 0 0;font-size:14px;color:var(--muted)}.letter{margin:0;background:#fffef9;border:1px solid #e3d8c3;border-radius:8px;padding:12px 16px;font-size:16px;display:grid;gap:8px}.letter p{margin:0}.letter__from{font-size:13px;font-weight:800;color:var(--muted);letter-spacing:.02em}.letter__sign{font-style:italic}.note-page{background:#fdf7e6;border:1px solid #e3d8c3;border-radius:8px;padding:12px 16px}.note-page__title{font-weight:800;font-size:18px}.note-page ul{margin:6px 0 0;padding-left:1.1em;display:grid;gap:4px}.compare-table{width:100%;border-collapse:separate;border-spacing:0;font-size:16px;background:#fffdf8;border:1px solid #ddd2bf;border-radius:12px;overflow:hidden}.compare-table th,.compare-table td{padding:8px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:0}.compare-table thead th{font-weight:800;background:#fbf3e2}.compare-table tbody th{font-weight:600;color:var(--muted);width:34%}.compare-table td.is-diff{background:#fbe7a8}.compare-table td.is-match{background:var(--ok-bg)}.compare-table .diff-tag{display:block;font-size:13px;font-weight:700}.pick{margin:0;padding:0;border:0}.pick legend{padding:0;margin-bottom:8px;font-size:17px;font-weight:700}.pick__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.label-tag{display:inline-block;padding:1px 10px;border-radius:999px;background:#f6dcc6;color:#7a3612;border:1.5px solid #7a3612}.label-tag.is-current{background:var(--lime);color:var(--teal-900);border-color:var(--teal-900)}.feedback{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:10px;font-size:16px}.feedback svg{flex:none;margin-top:3px}.feedback--ok{background:var(--ok-bg);border-left:5px solid var(--ok)}.feedback--retry{background:var(--issue-bg);border-left:5px solid var(--issue)}.did-you-know,.takeaway{margin:8px 0 0;padding:10px 12px;border-radius:10px;font-size:16px}.did-you-know{background:#e7f0ec;border-left:5px solid var(--teal-700)}.takeaway{background:#f5ecd6;border-left:5px solid var(--ring)}.award-line{margin:6px 0 0;font-size:16px;font-weight:800;color:#48660f}.options{display:grid;gap:8px}.option{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:4px 10px;min-height:52px;padding:10px 14px;background:var(--card);border:2px solid #e1d3b9;border-radius:12px;font-size:17px;cursor:pointer}.option:hover{border-color:#b9c39f}.option input{width:22px;height:22px;margin:0;accent-color:var(--teal-900)}.option.is-checked{border-color:var(--teal-900);background:#f4f8e2}.option:has(input:disabled){cursor:default}.option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.option.is-correct{border-color:var(--ok)}.option__mark{grid-column:2;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800}.q-prompt{font-size:18px}.check-list{list-style:none;margin:0;padding:0}.check-list li{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.check-list__label{margin:0;font-weight:800;font-size:17px}.check-list__msg{margin:2px 0 0;font-size:16px}.result-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.result-list li{padding:10px 12px;border-radius:12px;background:#fff8ea;border:1px solid var(--line)}.result-list li.is-ok{border-left:5px solid var(--ok)}.result-list li.is-issue{border-left:5px solid var(--issue)}.result-list p{margin:0 0 4px}.result-list__status{display:flex;align-items:center;gap:6px;font-size:16px}.result-list__topic{font-weight:700;color:var(--ink)}.diary{list-style:none;margin:0;padding:0}.diary li{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:17px}.diary__day{font-weight:800;color:var(--ink)}.ref-block{padding:10px 12px;background:#fff8ea;border:1px solid var(--line);border-radius:12px}.ref-block h4{margin:0 0 4px;font-size:17px;color:var(--ink)}.ref-block p{margin:0;font-size:16px}.recap-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.recap-stats div{padding:10px 12px;background:#fff8ea;border:1px solid var(--line);border-radius:12px}.recap-stats dt{font-size:14px;color:var(--muted)}.recap-stats dd{margin:2px 0 0;font-size:22px;font-weight:800;color:var(--ink)}.recap-stats .small{font-size:13px;font-weight:600;color:var(--muted)}.next-up{padding:10px 12px;background:#eef3ec;border-radius:12px}.next-up p{margin:0 0 4px}.next-up__label{font-size:14px;font-weight:800;color:var(--teal-700)}.tag-pending{display:inline-block;font-size:13px;font-weight:700;background:#e6dcc8;padding:2px 10px;border-radius:999px}.dialog{border:0;border-radius:18px;padding:24px;max-width:min(92vw,440px);background:var(--cream);color:var(--text)}.dialog::backdrop{background:#0e413a80}.dialog h2{margin:0 0 8px;color:var(--ink)}@media(max-width:1500px){.tray__btn{flex-direction:column;justify-content:center;text-align:center;gap:2px;padding:6px 4px;font-size:14px}.tray__btn img{width:34px;height:30px}}@media(max-width:1100px){.topbar{gap:16px;padding:6px 18px}.progress{padding:0 14px}.progress ol{gap:8px}.step,.score{font-size:17px}.score__value{font-size:20px}.tray{left:16%;width:52%}}@media(max-width:760px){.app{height:auto;min-height:100dvh}.topbar{position:sticky;top:0;z-index:100;flex-wrap:wrap;gap:2px 8px;padding:6px 10px 4px 14px}.wordmark{font-size:16px}.score{font-size:14px}.score__value{font-size:17px}.icon-btn{font-size:22px}.progress{order:3;width:100%;margin:0;padding:4px 0 2px;border:0;border-top:1px solid rgba(255,243,221,.35)}.progress ol{justify-content:space-between}.step{font-size:15px;padding-right:10px}.step__n{width:26px;height:26px;font-size:15px}.main{grid-template-columns:1fr}.scene-area{display:flex;flex-direction:column;overflow:visible;background:var(--warm)}.scene-frame{overflow:clip}.scene-frame{position:relative;inset:auto;width:100%;aspect-ratio:5 / 4;order:2}.title-card{position:static;order:1;max-width:none;border-radius:0;padding:10px 16px}.title-card__title{font-size:24px}.title-card__sub{font-size:16px}.tray{position:static;order:3;width:auto;margin:8px}.tray__btn{flex-direction:column;text-align:center;gap:2px;font-size:14px}.bubble{font-size:12.5px;border-radius:14px;padding:.45em .7em}.journal-region{padding:6px 6px 10px}.journal{height:auto;padding:10px 8px 10px 16px;border-radius:22px}.journal__rings{left:-6px}.ring{width:30px;height:14px;border-width:4px}.journal__page{height:auto;overflow:visible;padding:16px 16px 18px 26px}.journal__page .view>.actions:last-child{position:static;margin-bottom:0;box-shadow:none;padding:8px 0 0}.checklist__row{grid-template-columns:32px 1fr 76px;font-size:17px}.slot{width:76px}.recap-stats{grid-template-columns:1fr}.diary li{grid-template-columns:1fr;gap:2px}.footbar{padding:0 16px;font-size:15px}}@media(max-width:380px){.wordmark{font-size:15px}.score__label{font-size:12px}.score__value{font-size:16px}.icon-btn{width:40px;height:40px}.topbar{padding-left:10px;padding-right:6px}}@media(min-width:761px)and (max-height:620px){.title-card{padding:8px 18px 10px;border-bottom-right-radius:22px}.title-card__title{font-size:22px}.title-card__sub{font-size:14px}.bubble{top:30%!important;font-size:12px}.journal__page{padding:12px 16px 14px 32px}.journal__title{font-size:22px}.tabs{margin-top:8px}.tab{min-height:40px}.journal__page .view>.actions:last-child{position:static;margin-bottom:0;box-shadow:none}.tray{display:none}}@media(min-width:761px)and (max-width:900px){.topbar{gap:10px;padding:4px 10px 4px 14px}.wordmark{font-size:17px}.progress{padding:0 8px}.progress ol{gap:2px}.step{font-size:15px;gap:5px;padding-right:8px}.step__n{width:24px;height:24px;font-size:14px}.score__label{font-size:14px}.score__value{font-size:18px}}@media(prefers-reduced-motion:reduce){:root{--move: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}