*{box-sizing:border-box}body.shift-game{margin:0;background:#e9e5dc;color:#172f58;font-family:Arial,"Noto Sans JP",sans-serif;min-height:100dvh;padding:14px 8px;display:grid;place-items:start center}.shift-comic{position:relative;container-type:inline-size;width:min(100%,600px);aspect-ratio:9/16;isolation:isolate;box-shadow:0 12px 45px #15284430;background:#fff;overflow:hidden;border-radius:5px}.shift-art{position:absolute;width:100%;height:100%;max-width:none!important;object-fit:fill;z-index:-1;pointer-events:none}.shift-game button,.shift-game a{touch-action:manipulation}.shift-game button{font:inherit;cursor:pointer}.shift-game button:focus-visible,.shift-game a:focus-visible{outline:3px solid #e8a52b;outline-offset:2px}.shift-game [hidden]{display:none!important}.shift-bar{position:absolute;top:.4%;left:2%;right:2%;height:3.2%;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#172f58;font-size:clamp(10px,3cqw,18px)}.shift-bar>a,.shift-bar>button{background:#ffffffb8;border:0;border-radius:50%;color:#172f58;width:5cqw;height:5cqw;display:grid;place-items:center;text-decoration:none;min-width:25px;min-height:25px;font-size:clamp(15px,4cqw,24px)}.shift-bar strong{font-weight:900;letter-spacing:-.02em}.work-badge{position:absolute;top:4.8%;left:3%;right:3%;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:clamp(10px,2.7cqw,16px)}.work-badge span{background:#ffffffe8;color:#173453;box-shadow:0 1px 4px #17345324;padding:4px 8px;border:1px solid #23406655;border-radius:5px}.work-badge .warning{color:#9d3e33;background:#fff0e9}
.shift-speech{position:absolute;top:30.5%;left:5%;right:5%;max-height:19%;overflow:auto;padding:1.3cqw 2.4cqw;border:2px solid #24436b;border-radius:18px;background:#fffffff5;color:#122d53;text-align:center;box-shadow:0 2px 3px #18335420}.shift-speech .speaker{display:block;font-size:clamp(9px,2.5cqw,15px);color:#58728d;margin-bottom:2px}.shift-speech p{font-size:clamp(14px,4.2cqw,25px);font-weight:700;line-height:1.4;margin:0;word-break:keep-all;overflow-wrap:normal}.speech-controls{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:5px}.speech-controls button{background:#edf4fc;border:1px solid #a6bdd9;border-radius:5px;color:#203e61;font-size:clamp(10px,2.7cqw,16px);padding:3px 7px;min-height:26px}.speech-controls button[aria-pressed=true]{background:#d9eac7}.shift-paper{position:absolute;top:68%;left:4.8%;right:4.8%;bottom:7%;overflow:auto;overscroll-behavior:contain;color:#173453;padding:.7cqw 1cqw;scrollbar-width:thin;scrollbar-color:#b0c4df transparent}.shift-paper h1{font-size:clamp(21px,6cqw,36px);line-height:1.13;margin:2px 0 8px;letter-spacing:-.035em}.shift-paper h2{font-size:clamp(16px,4.7cqw,28px);line-height:1.25;margin:2px 0 5px;word-break:keep-all}.shift-paper .kicker{font-size:clamp(9px,2.5cqw,15px);letter-spacing:.06em;color:#6381a5;font-weight:700;margin:0 0 3px}.shift-paper p{font-size:clamp(11px,3.15cqw,19px);line-height:1.45;margin:4px 0 8px}.shift-paper .question-mn{font-size:clamp(10px,2.6cqw,16px);color:#6a7e91;margin:0 0 7px}.shift-choices{display:grid;gap:1.2cqw}.shift-choice{display:flex;align-items:center;gap:2cqw;text-align:left;border:1.5px solid #497cae;border-radius:8px;background:#edf5ff;color:#14335b;padding:1.5cqw 2cqw;min-height:11cqw;font-size:clamp(15px,4.3cqw,26px);font-weight:700;line-height:1.2}.shift-choice:nth-child(2){background:#e8f3ef}.shift-choice:nth-child(3){background:#fff2df}.shift-choice:hover{filter:brightness(.96)}.shift-choice .choice-icon{width:6cqw;min-width:24px;text-align:center;border-right:1px solid #7b96b055;padding-right:1cqw;font-size:clamp(15px,4.4cqw,26px)}.shift-choice small{display:block;font-size:clamp(10px,2.8cqw,16px);font-weight:400;line-height:1.3;margin-top:4px;color:#576d85}.shift-action{display:block;width:100%;border:1.5px solid #3d709e;border-radius:7px;background:#dceaca;color:#1e3d51;padding:1.7cqw 2cqw;margin:7px 0 4px;min-height:11cqw;font-size:clamp(14px,3.8cqw,23px);font-weight:700}.shift-action small{display:block;font-weight:400;font-size:clamp(10px,2.8cqw,16px);margin-top:3px}.shift-action.secondary{background:#eef3f9}.shift-action.bad{background:#f8e3df;border-color:#bb7970;color:#723d36}.shift-action:hover{filter:brightness(.96)}.shift-answer-list{background:#edf4fa;border-radius:6px;padding:6px 8px;margin:6px 0;font-size:clamp(10px,2.8cqw,17px)}.shift-answer-list p{font-size:inherit;margin:3px 0}.shift-answer-list b{color:#254b7a}.shift-tools{position:absolute;bottom:4.1%;left:6%;right:6%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.shift-tools button{border:1px solid #7b9ab7;background:#fffffff2;color:#305271;border-radius:6px;padding:5px 2px;min-height:28px;font-size:clamp(9px,2.6cqw,15px)}.shift-tools button:disabled{opacity:.45;cursor:default}.shift-toast{position:absolute;bottom:.5%;left:4%;right:4%;background:#fffef6e8;color:#305271;text-align:center;font-size:clamp(9px,2.4cqw,14px);line-height:1.3;border-radius:4px}.shift-toast:empty{display:none}.shift-help{position:absolute;left:5%;right:5%;top:67%;bottom:8%;background:#fffef8;border:2px solid #557c9f;border-radius:9px;z-index:3;padding:12px;overflow:auto;color:#173453;font-size:clamp(12px,3.4cqw,20px);box-shadow:0 3px 12px #172f5840}.shift-help h2{font-size:clamp(17px,4.5cqw,27px);margin:0 0 8px}.shift-help p{margin:6px 0;line-height:1.4}.shift-help b{font-size:1.1em}.shift-help button{float:right;background:#eaf1f9;border:1px solid #567995;color:#173453;border-radius:5px;min-width:30px;min-height:30px}.ending-medal{color:#b58b26;font-size:clamp(12px,3.5cqw,21px);font-weight:900}.shift-note{font-size:clamp(10px,2.8cqw,16px)!important;color:#647b90}.shift-game .win{color:#2b754e}.shift-game .loss{color:#a3493b}.shift-list{margin:4px 0;padding-left:19px;font-size:clamp(10px,2.9cqw,17px)}.shift-list li{margin:3px 0}.shift-progress{height:3px;border:0;position:absolute;bottom:0;left:0;right:0;background:#cad8e3}.shift-progress span{height:100%;background:#397da1;display:block}html[data-theme=dark] body.shift-game{background:#17212e;color:#173453}.shift-game .resume{background:#e2eff8;border-radius:5px;padding:6px}.shift-game .text-toggle{font-size:clamp(10px,2.6cqw,16px);border:0;background:none;color:#476686;text-decoration:underline;padding:3px;margin-top:4px}
.shift-bar #shift-theme{font-size:0}.shift-bar #shift-theme::after{content:'☾';font-size:clamp(15px,4cqw,24px)}html[data-theme=dark] .shift-bar #shift-theme::after{content:'☀'}
.shift-comic .shift-paper{bottom:5.5%}.shift-comic .shift-tools{bottom:.8%}.shift-comic .shift-toast{bottom:auto;top:8.2%}.shift-paper .question-mn{display:none}.shift-comic[data-phase=order].translated .shift-paper h2{display:none}.shift-comic[data-phase=order].translated .question-mn{display:block;font-size:clamp(16px,4.7cqw,28px);line-height:1.25;margin:2px 0 5px;color:#173453;font-weight:700}.shift-paper h2{margin-bottom:7px}.shift-comic .shift-choice{min-height:10.7cqw;padding:1.1cqw 2cqw}.shift-comic .shift-paper .text-toggle{margin-top:3px;padding:1px}.shift-paper .kicker{line-height:1.2}
@media(max-width:450px){body.shift-game{padding:0;display:block}.shift-comic{width:100%;border-radius:0;box-shadow:none}.shift-speech{border-width:1.5px;border-radius:13px}.shift-choice{border-radius:6px}.shift-tools button{padding:4px 1px}.shift-paper{top:67.2%}}
@media(prefers-reduced-motion:no-preference){.shift-choice:active{transform:scale(.99)}}

.shift-bar{background:#ffffffe5;border-radius:4px;padding:3px 4px;height:4%}.shift-paper{background:#fffef7ed;border:1px solid #547d9e;border-radius:8px;padding:1.4cqw 2cqw}.shift-comic .shift-paper{bottom:6%}.shift-thought{font-style:italic;font-size:clamp(10px,2.7cqw,16px)!important;color:#556e86;margin:0 0 6px!important}.shift-choices{gap:1cqw}.shift-choice{width:100%}.shift-choice span:last-child{min-width:0}.shift-speech .speaker{margin-bottom:3px}.shift-speech p{overflow-wrap:anywhere}.speech-controls{gap:4px}.speech-controls button{font-size:clamp(9px,2.35cqw,14px);min-height:27px;padding:3px 6px}.shift-game .shift-note{font-size:clamp(9px,2.65cqw,16px)!important}.shift-comic .shift-tools{bottom:.8%;left:4.8%;right:4.8%}.shift-comic .shift-toast{top:9.2%;bottom:auto;padding:3px 5px;max-height:11%;overflow:auto;pointer-events:none}.shift-game .shift-help{top:65%;bottom:6%;font-size:clamp(10px,2.9cqw,17px)}.shift-help .help-word{border-bottom:1px dashed #a7bfce;padding-bottom:5px}.shift-help .help-word b{display:block}.shift-help .help-word small{color:#638197;display:block;font-size:.8em}.shift-help .collection-item{font-size:clamp(10px,2.8cqw,16px);line-height:1.5;margin:6px 0}.shift-help .collection-item.locked{opacity:.65}.shift-toast.warning{background:#fff0e6ed;color:#7d4b41}.shift-comic[data-phase=intro] .shift-paper h1{font-size:clamp(23px,6cqw,36px)}.shift-comic[data-phase=ending] .shift-paper h1{font-size:clamp(20px,5.5cqw,33px)}.shift-comic[data-phase=ending] .shift-paper p{font-size:clamp(10px,2.8cqw,17px)}.shift-tools button{min-height:30px}.shift-action{margin-top:7px}.shift-game .shift-choice .choice-icon{font-size:clamp(13px,3.5cqw,21px)}.shift-comic.is-kana .shift-speech p{font-size:clamp(13px,3.6cqw,22px)}@media(max-width:450px){.shift-paper{top:68%}.shift-comic{min-height:0}.shift-game{padding:0}.shift-bar{border-radius:0}.shift-comic .shift-tools button{min-height:29px}}