body.playing{overflow:hidden;background:#aadfed}body.playing #app{height:100dvh;min-height:300px}.game{height:100%;display:flex;flex-direction:column;background:#bce8f5;position:relative;isolation:isolate}.game-top{height:66px;flex-shrink:0;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--ink);background:#fff9e7;gap:16px}.game-brand{font-size:14px;font-weight:900;letter-spacing:1px;display:flex;align-items:center;gap:12px}.mini-q{display:grid;place-items:center;background:#ffcf43;border:2px solid var(--ink);width:32px;height:32px;font-size:22px;box-shadow:3px 3px 0 var(--ink)}.game-progress{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:800}.game-progress span{opacity:.45;white-space:nowrap}.game-progress .current,.game-progress .complete{opacity:1}.game-progress .complete{color:#2b8046}.game-progress i{font-style:normal;color:#c49b51}.quiet-btn{background:transparent;border:0;font-size:12px;color:var(--ink);padding:8px;cursor:pointer}.world-viewport{position:relative;flex:1;overflow:hidden;min-height:180px;background:linear-gradient(#a9dcef,#d8f2f2)}.world{position:absolute;inset:0 auto 0 0;width:2600px;will-change:transform}.pixel-cloud{position:absolute;width:110px;height:32px;background:#fffdf4;box-shadow:20px -16px 0 #fffdf4,45px -30px 0 #fffdf4,68px -10px 0 #fffdf4}.hill{position:absolute;bottom:77px;width:280px;height:160px;background:#80c78b;clip-path:polygon(0 100%,0 72%,15% 72%,15% 48%,30% 48%,30% 24%,43% 24%,43% 0,58% 0,58% 24%,72% 24%,72% 48%,88% 48%,88% 72%,100% 72%,100% 100%)}.hill.back{background:#a4dba4;transform:scale(1.35);transform-origin:bottom}.world-floor{position:absolute;bottom:0;height:78px;left:0;right:0;background:linear-gradient(#62af45 0 12px,#39864a 12px 18px,transparent 18px),repeating-linear-gradient(0deg,transparent 0 27px,#9e6236 27px 30px),repeating-linear-gradient(90deg,#cb8b4e 0 46px,#9e6236 46px 49px);border-top:3px solid #32743b}.world-floor:after{content:'';position:absolute;top:21px;left:0;right:0;height:3px;background:#efd299}.player{position:absolute;left:65px;bottom:78px;width:45px;height:57px;z-index:5;will-change:transform;transform-origin:center}.player svg{width:100%;height:100%;image-rendering:pixelated}.player.walking svg{animation:run .19s steps(2) infinite}@keyframes run{50%{transform:translateY(-3px) rotate(3deg)}}.checkpoint{position:absolute;bottom:78px;width:142px;text-align:center;z-index:3}.checkpoint .sign{border:3px solid #4e4a30;background:#fff4cd;padding:10px 6px;box-shadow:4px 4px 0 #4e4a30;font-size:13px;font-weight:900;position:relative;margin-bottom:54px}.checkpoint .sign:after{content:'';position:absolute;top:100%;left:64px;width:7px;height:45px;background:#93643d}.checkpoint .block{height:50px;width:50px;display:grid;place-items:center;margin:auto;background:#ffcf43;border:3px solid #7a5126;box-shadow:inset 5px 5px #ffe88a,inset -5px -5px #e59b2b;font:bold 35px monospace;color:#fffef0;animation:float 2s steps(4) infinite}.checkpoint.done .block{background:#739c58;box-shadow:inset 4px 4px #a6c384;color:white;animation:none}.checkpoint.done .sign{background:#ecf5dc}.world-pipe{position:absolute;bottom:78px;width:55px;height:65px;background:linear-gradient(90deg,#25783c 0 12%,#86ce52 12% 30%,#42a044 30% 75%,#247d3d 75%);border:3px solid #235c32}.world-pipe:before{content:'';position:absolute;top:-14px;left:-9px;width:67px;height:23px;background:linear-gradient(90deg,#25783c,#89d157 25%,#42a044 40%,#247d3d);border:3px solid #235c32}.world-coins{position:absolute;bottom:240px;display:flex;gap:28px}.coin{width:15px;height:26px;background:#ffd348;border:3px solid #cc8d25;box-shadow:inset 3px 0 #fff0a0}.floating-bricks{position:absolute;bottom:185px;display:flex}.floating-bricks i{width:37px;height:37px;border:2px solid #81522e;background:linear-gradient(transparent 45%,#81522e 45% 51%,transparent 51%),linear-gradient(90deg,#c58546 45%,#81522e 45% 51%,#c58546 51%)}.finish-flag{position:absolute;left:2400px;bottom:78px;height:230px;border-left:6px solid #36643d}.finish-flag:before{content:'';position:absolute;top:0;left:-11px;width:16px;height:16px;background:#ffc849;border:3px solid #7f661f}.finish-flag:after{content:'GOAL';position:absolute;top:18px;left:0;width:80px;background:#e74433;color:white;font:bold 17px monospace;padding:12px 8px;border:3px solid #a5392f}.finish-label{position:absolute;left:2358px;bottom:325px;background:#fff6d8;border:2px solid var(--ink);padding:8px 13px;font-weight:800;font-size:14px}.game-caption{position:absolute;top:22px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;background:#fffdf2e6;border:2px solid #426752;padding:9px 20px;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:3px 3px #42675233;z-index:8}.game-controls{height:100px;flex-shrink:0;background:#fff9e7;border-top:3px solid var(--ink);display:flex;justify-content:space-between;align-items:center;padding:12px 28px;gap:12px}.direction-controls{display:flex;gap:10px}.control{width:66px;height:55px;background:#fffdf2;border:3px solid var(--ink);box-shadow:0 4px var(--ink);font-size:25px;font-weight:800;touch-action:none;user-select:none;-webkit-user-select:none}.control:active{box-shadow:0 1px var(--ink);transform:translateY(3px)}.control.jump-control{width:100px;background:#e74433;color:white;font-size:16px}.control-legend{font-size:12px;color:#657361;text-align:center;line-height:1.8}.checkpoint-dots{display:flex;gap:8px;justify-content:center}.checkpoint-dots span{height:10px;width:10px;background:#ded8ba;border:2px solid #7c8065}.checkpoint-dots span.lit{background:#f6bd38}.game-controls .mid-control{display:flex;flex-direction:column;gap:8px;align-items:center}.resume-event{border:2px solid var(--ink);background:#ffda65;padding:7px 20px;font-weight:800;box-shadow:3px 3px var(--ink)}
#event-dialog{width:min(720px,calc(100vw - 40px));max-height:calc(100dvh - 35px);padding:0;border:4px solid #26392d;box-shadow:8px 8px 0 #26392d;background:#fffaf0;color:#26392d;border-radius:0;overflow:auto}#event-dialog::backdrop{background:#16403880;backdrop-filter:blur(3px)}.event-head{padding:15px 23px;border-bottom:2px solid #d6d9b9;display:flex;justify-content:space-between;align-items:center;background:#f1edda;font:700 12px monospace;letter-spacing:1px}.event-head span:last-child{color:#61745a}.event-content{padding:25px 30px}.event-content h2{font-size:clamp(23px,3.4vw,34px);line-height:1.4;margin:0 0 16px}.event-content p{font-size:16px;line-height:1.8;margin:0 0 14px}.speaker{display:flex;gap:16px;align-items:flex-start}.speaker-icon{width:54px;height:68px;flex-shrink:0;background:#e5edd5;border:2px solid #566d50;padding:5px}.speaker-icon svg{width:100%;height:100%}.event-kicker{font-size:12px;color:#9b4a32;font-weight:800;margin-bottom:10px;letter-spacing:1px}.event-actions{display:flex;justify-content:flex-end;gap:12px;padding:0 30px 25px}.event-actions .btn{padding:12px 20px;font-size:14px;min-height:44px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pick{border:2px solid #99a68d;background:#fffdf4;text-align:left;padding:13px 15px;cursor:pointer;min-height:62px;color:#26392d}.pick b{display:block;font-size:16px}.pick small{display:block;font-size:12px;line-height:1.6;margin-top:4px;color:#63705b}.pick:hover{border-color:#26392d;background:#fff1bc;transform:translateY(-1px)}.pick.selected{border-color:#2e7449;background:#e7efd7;box-shadow:3px 3px #2e7449}.event-sub{font-size:13px!important;color:#69715d}.event-subtitle{font-size:14px;font-weight:800;margin:18px 0 9px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fact{background:#eeeeda;padding:14px;font-size:14px;line-height:1.7;border-left:3px solid #97a976}.big-month{font-size:76px;line-height:1;font-weight:900;color:#d44a32;font-family:monospace;margin-bottom:10px}.new-info{background:#f7e9c6;border-left:4px solid #d44a32;padding:16px 20px;margin-bottom:18px}.route-impact{background:#eceddc;padding:14px 18px;font-size:14px;line-height:1.8;margin-top:15px}.result-shell{max-width:1020px;margin:auto;padding:45px 30px 60px}.result-title{display:flex;align-items:center;gap:24px;margin-bottom:30px}.result-title .flower{width:65px;flex-shrink:0}.result-title h1{font-size:clamp(26px,4vw,42px);margin:0}.result-title p{color:#677260;margin:7px 0}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.result-card{background:#fffdf5;border:2px solid #394c37;box-shadow:4px 4px #cad1b0;padding:20px}.result-card small{color:#667961;font:bold 11px monospace;letter-spacing:1px}.result-card h3{font-size:19px;margin:14px 0 8px}.result-card p{font-size:14px;color:#5b6b53;margin:0;line-height:1.7}.result-real{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#e9efda;border:2px solid #496543;padding:26px;margin:26px 0}.result-real h2{font-size:21px;margin:0 0 12px}.result-real p{font-size:15px;line-height:1.9;margin:0 0 10px}.theory-details{border-top:2px dashed #9baa83;padding:20px 0}.theory-details summary{cursor:pointer;font-weight:800;font-size:16px}.theory-details p{font-size:14px;line-height:1.9;max-width:850px}.result-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.rotate-hint{display:none}.playing .rotate-hint{position:absolute;z-index:15;top:74px;right:14px;background:#fff6d8;font-size:11px;padding:6px 10px;border:1px solid #6b795e}.theory-note{font-size:12px;color:#66735e}.victory-label{display:inline-block;font-family:monospace;color:#a67c21;background:#fff0b5;border:1px solid #bc974c;padding:5px 10px;font-size:12px;margin-bottom:10px}.game button:focus-visible{outline:3px solid #e74433;outline-offset:4px}
@media(max-height:600px){.game-top{height:48px;padding:5px 20px}.game-controls{height:74px;padding:7px 22px}.control{height:45px;width:58px}.control-legend{display:none}.checkpoint .sign{margin-bottom:24px;padding:7px}.checkpoint .sign:after{height:24px}.checkpoint .block{width:40px;height:40px;font-size:28px}.game-caption{top:12px;font-size:12px;padding:7px 15px}.world-floor{height:48px}.player,.checkpoint,.world-pipe,.finish-flag{bottom:48px}.hill{bottom:47px}.world-coins{bottom:160px}.floating-bricks{bottom:123px}.finish-flag{height:150px}.finish-label{bottom:220px}.event-head{padding:9px 20px}.event-content{padding:15px 25px}.event-content h2{font-size:24px;margin-bottom:10px}.event-content p{font-size:14px;margin-bottom:8px}.event-actions{padding:0 25px 16px}.pick{padding:9px 12px;min-height:52px}.event-subtitle{margin:12px 0 7px}.big-month{font-size:48px}.new-info{padding:10px 15px}.fact{padding:10px}.speaker-icon{width:44px;height:56px}}
@media(max-width:740px){.game-brand strong{display:none}.game-top{gap:8px;padding-left:14px;padding-right:10px}.game-progress{gap:10px;font-size:11px}.game-progress i{display:none}.game-controls{padding-left:14px;padding-right:14px}.control-legend{font-size:10px}.event-content{padding:20px}.event-actions{padding:0 20px 20px}.result-cards{grid-template-columns:1fr}.result-real{grid-template-columns:1fr}.result-shell{padding:28px 20px}.result-title{gap:15px}.game-caption{max-width:90%;white-space:normal;width:max-content}.result-title h1{font-size:27px}}
@media(orientation:portrait){.playing .rotate-hint{display:block}.game-progress{gap:8px}.game-progress span{font-size:10px}.game-controls .control-legend{display:none}.choice-grid{gap:8px}.pick{padding:11px}.pick b{font-size:14px}.speaker-icon{display:none}.facts{grid-template-columns:1fr}.result-real{padding:20px}}
@media(prefers-reduced-motion:reduce){.player.walking svg,.checkpoint .block{animation:none}}
.checkpoint .block{position:relative;bottom:58px}.checkpoint .sign{margin-bottom:75px}.checkpoint .sign:after{height:62px}.barrier{position:absolute;bottom:78px;width:68px;height:112px;z-index:4;display:grid;grid-template-columns:1fr 1fr;border:3px solid #624829;background:#8b6238;gap:3px;transition:opacity .3s,transform .3s}.barrier i{background:#c78e51;box-shadow:inset 3px 3px #e5bb74,inset -3px -3px #a46b37}.barrier span{position:absolute;left:17px;top:36px;background:#fff3cc;border:3px solid #70552e;color:#70552e;width:31px;height:31px;text-align:center;font-weight:900}.barrier.removed{opacity:0;transform:translateY(100px);pointer-events:none}.checkpoint.done .block{bottom:58px}.checkpoint.done .sign:after{height:62px}
@media(max-height:600px){.checkpoint .block,.checkpoint.done .block{bottom:40px}.checkpoint .sign{margin-bottom:47px;font-size:12px}.checkpoint .sign:after,.checkpoint.done .sign:after{height:40px}.barrier{bottom:48px;height:85px;width:58px}.barrier span{top:25px;left:11px}.checkpoint .sign{padding:5px}.game-caption{top:9px}.pixel-cloud{transform:scale(.7)}}
.personal-ending{margin:28px 0;border:3px solid #3a553b;background:#fff8df;box-shadow:6px 6px #c7d6a9;padding:28px}.personal-ending h2{font-size:30px;margin:10px 0 14px;line-height:1.4}.ending-story{font-size:17px;line-height:1.8}.ending-consequence{padding:18px 20px;background:#e9edd5;border-left:4px solid #64824f;margin:20px 0}.ending-consequence p,.ending-analysis p{font-size:14px;line-height:1.9;margin:8px 0 0}.ending-analysis{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:22px 0}.ending-analysis span{font-size:13px;color:#9b5538;font-weight:800}.ending-review{border-top:2px dashed #bac39c;padding-top:15px;font-size:14px;line-height:1.9}.personal-ending .theory-note{margin-top:15px;line-height:1.7}@media(max-width:740px){.ending-analysis{grid-template-columns:1fr;gap:18px}.personal-ending{padding:21px}.personal-ending h2{font-size:25px}}
.scenario-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.scenario-pair article{background:#e6eed7;border-left:4px solid #66864d;padding:18px}.scenario-pair article+article{background:#f8e7cf;border-color:#ba7b4f}.scenario-pair span{font-weight:800;font-size:14px}.scenario-pair p{font-size:14px;line-height:1.9;margin:8px 0 0}.personal-ending.real-match{background:#edf7dd;border-color:#478047;box-shadow:6px 6px #92bd6f}.match-banner{display:flex;align-items:center;gap:22px;border-bottom:2px dashed #84a46b;padding-bottom:22px;margin-bottom:24px}.match-flower{width:64px;flex-shrink:0}.match-flower svg{width:100%}.match-banner span{font:bold 11px monospace;color:#5d8042}.match-banner h3{font-size:22px;margin:9px 0}.match-banner p{font-size:14px;margin:0;color:#4d7141}@media(max-width:740px){.scenario-pair{grid-template-columns:1fr}.match-banner{gap:14px}.match-banner h3{font-size:18px}}
.persona-card{border:3px solid #34543d;background:#fff6d9;box-shadow:7px 7px #cbd8ac;margin:4px 0 38px}.persona-top{display:flex;justify-content:space-between;gap:15px;background:#34543d;color:#fff6d9;padding:13px 23px;font:700 11px monospace;letter-spacing:1px}.persona-main{padding:30px;display:flex;align-items:center;gap:28px}.persona-icon{width:94px;height:110px;padding:15px;background:#e8edca;border:2px solid #789164;flex-shrink:0;display:grid;place-items:center}.persona-icon svg{width:65px;height:80px}.persona-main h1{font-size:clamp(25px,4vw,40px);margin:0;line-height:1.4}.persona-line{font-size:18px;margin:10px 0 0;color:#5c6f48}.persona-axes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px dashed #c9cda8;border-bottom:2px dashed #c9cda8;margin:0 28px}.persona-axes article{padding:18px 14px;border-right:1px solid #d7d9b6}.persona-axes article:last-child{border:0}.persona-axes b{font-size:15px;display:block}.persona-axes small{font-size:12px;line-height:1.7;color:#6b775c;display:block;margin-top:7px}.persona-traits{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 30px 5px}.persona-traits b{font-size:15px;color:#8a5133}.persona-traits p{font-size:15px;line-height:1.9;margin:8px 0}.persona-partner{font-size:14px;line-height:1.9;margin:12px 30px;background:#e9eecf;padding:13px 16px}.persona-foot{font-size:11px;color:#7c8064;padding:0 30px 20px;line-height:1.8}.future-chapter h2,.choice-replay h2{font-size:24px;margin:10px 0 18px}.future-chapter{padding:0 0 25px}.choice-replay{padding:25px 0;border-top:2px dashed #b3c19e}.choice-replay ol{list-style:none;counter-reset:decisions;padding:0;margin:22px 0}.choice-replay li{counter-increment:decisions;position:relative;padding:0 0 18px 47px;margin-bottom:14px;border-bottom:1px solid #d9dfcb}.choice-replay li:before{content:'0' counter(decisions);position:absolute;left:0;top:0;width:30px;height:30px;display:grid;place-items:center;background:#ecdb9d;color:#4d623c;font:bold 12px monospace}.choice-replay li>b{font-size:15px}.choice-replay li p{font-size:14px;line-height:1.9;margin:7px 0;color:#536347}.choice-replay li p span{display:block;color:#857044;margin-top:6px}.choice-replay em{font-style:normal;font-size:12px;display:inline-block;border:1px solid #cdb371;background:#fff3cd;padding:0 7px;color:#8d6c34;margin-right:5px}.real-reveal{background:#e9efdc;border:2px solid #728e5c;padding:26px;margin:15px 0 28px}.real-reveal.matched{background:#e6f4d5;border:3px solid #3e803e;box-shadow:6px 6px #a3c779}.real-reveal .match-banner{margin-bottom:18px;padding-bottom:18px}.real-reveal h2{font-size:23px;line-height:1.5;margin:8px 0 0}.real-reveal>p{font-size:15px;line-height:1.9}.event-content .choice-grid{gap:11px}.event-content .pick{min-height:65px}.event-content .pick small{font-size:13px}@media(max-height:600px){.event-content .pick{min-height:52px}.event-content .pick small{font-size:11px;margin-top:3px}.event-content .pick b{font-size:14px}.event-content .event-subtitle{margin-top:8px}}@media(max-width:740px){.persona-main{padding:22px;gap:16px}.persona-main h1{font-size:25px}.persona-icon{width:66px;height:82px;padding:9px}.persona-icon svg{width:44px;height:56px}.persona-line{font-size:14px}.persona-axes{margin:0 20px;grid-template-columns:1fr}.persona-axes article{border:0;border-bottom:1px solid #d7d9b6;padding:12px 2px}.persona-axes small{margin-top:4px}.persona-traits{grid-template-columns:1fr;padding:20px 22px 0;gap:12px}.persona-partner{margin:12px 22px}.persona-foot{padding:0 22px 18px}.real-reveal{padding:20px}}
@media(max-height:600px){.new-info{display:flex;align-items:center;gap:20px;margin-bottom:10px;padding:9px 15px}.new-info .big-month{font-size:31px;white-space:nowrap;margin:0}.new-info p{font-size:11px;margin:0}.event-content .event-subtitle{margin-bottom:7px}.event-content .pick small{line-height:1.5}.event-content .pick{padding:8px 11px}}