:root{--ink: #2a1f2d;--paper: #fbf5e9;--paper2: #f1e4c9;--line: #d6bf96;--muted: #7d6b72;--gold: #f2c14e;--red: #d8455d;--ok: #bfe8cf;--bad: #f6c1c1;--navy: #3e4a7a;--shell: #e9ddc9;--shell-d: #cdbd9f;--board: #2f5d50;--chalk: #f7f3e6;--px: "DotGothic16", "Zen Maru Gothic", ui-monospace, monospace;--jp: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Noto Sans JP", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#1a141e;overscroll-behavior:none;overflow:hidden}body{font-family:var(--px);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@keyframes pop{0%{transform:scale(.94);opacity:0}}@keyframes blink{50%{opacity:0}}@keyframes nudge{50%{transform:translate(3px)}}@keyframes spin{to{transform:rotate(360deg)}}#app{position:relative;width:100%;max-width:480px;margin:0 auto;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:var(--shell)}#boot{position:fixed;inset:0;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#2a1f2d;color:#fbf7ef;text-align:center;padding:24px;transition:opacity .5s;font-family:var(--px)}#boot.gone{opacity:0;pointer-events:none}.boot-title{font:700 30px var(--jp);letter-spacing:3px}.boot-sub{color:#f6b2a4;margin-bottom:14px}#boot-msg{max-width:420px}#boot-msg button{margin-top:12px;padding:10px 18px;border:3px solid #fff;border-radius:6px;background:var(--red);color:#fff}.screen{position:relative;flex:1;min-height:0;overflow:hidden;background:#1f1823}#game{display:block;position:absolute;inset:0;touch-action:none}#fade{position:absolute;inset:0;background:#1a141e;opacity:0;pointer-events:none;transition:opacity .25s steps(4);z-index:8}#fade.on{opacity:1}.hud{position:absolute;top:calc(8px + env(safe-area-inset-top));left:8px;right:8px;z-index:4;display:flex;gap:8px;align-items:flex-start;justify-content:space-between;pointer-events:none}.hud-obj,.hud-day,.chip{background:#fbf5e9f2;border:2px solid var(--ink);border-radius:6px;box-shadow:0 2px #00000059;font-size:13px;line-height:1.3;padding:5px 9px}.hud-obj{display:flex;gap:6px;align-items:flex-start;max-width:62%;pointer-events:auto;cursor:pointer}.hud-obj:active{transform:translateY(1px)}.hud-obj small{font-size:11px;color:var(--muted)}.hud-obj .go-hint{color:var(--red)}.hud-obj .pin{color:var(--red);animation:nudge 1.2s steps(2) infinite}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.hud-day{white-space:nowrap;background:var(--ink);color:var(--paper)}.chip{font-size:12px;padding:3px 8px;white-space:nowrap}.dlg-area{position:absolute;left:8px;right:8px;bottom:8px;z-index:5;display:flex;flex-direction:column;gap:8px;pointer-events:none}.dialog{pointer-events:auto;position:relative;display:flex;gap:10px;align-items:flex-start;background:var(--paper);border:3px solid var(--ink);border-radius:8px;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px var(--paper2),0 3px #0006;padding:12px 14px 16px;min-height:92px;animation:pop .16s steps(3);cursor:pointer}.dlg-face{flex:none}.dlg-face canvas{display:block;width:96px;height:96px;image-rendering:pixelated;margin-top:-30px;background:#f3e3c7;border:2px solid var(--ink);border-radius:4px}.dlg-body{flex:1;min-width:0}.dlg-name{display:inline-block;background:var(--c, var(--red));color:#fff;font-size:13px;padding:2px 8px;border-radius:4px;margin-bottom:5px;border:2px solid var(--ink)}.dlg-jp{font-family:var(--jp);font-weight:700;font-size:20px;line-height:1.45;display:flex;gap:8px;align-items:flex-start}.dlg-jp span{flex:1}.dlg-id{color:var(--muted);font-size:14px;margin-top:4px;line-height:1.5}.dlg-id.solo{color:var(--ink);font-size:15px}.dlg-next{position:absolute;right:10px;bottom:3px;font-size:11px;color:var(--red);animation:blink 1s steps(2) infinite}.voice{flex:none;width:34px;height:34px;border:2px solid var(--ink);border-radius:6px;background:var(--gold);font-size:16px;box-shadow:0 2px 0 var(--ink)}ruby rt{font-size:.55em;color:#8a7a90;font-weight:500}.pad{flex:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:var(--shell);border-top:3px solid var(--shell-d)}.dpad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px);touch-action:none}.dpad .d{background:#3b3040;border:none;position:relative}.dpad .up{grid-area:1 / 2;border-radius:6px 6px 0 0}.dpad .left{grid-area:2 / 1;border-radius:6px 0 0 6px}.dpad .mid{grid-area:2 / 2}.dpad .right{grid-area:2 / 3;border-radius:0 6px 6px 0}.dpad .down{grid-area:3 / 2;border-radius:0 0 6px 6px}.dpad button{box-shadow:0 3px #1d1720}.dpad button.on,.dpad button:active{background:#54465a;transform:translateY(2px);box-shadow:0 1px #1d1720}.dpad button:after{content:"";position:absolute;left:50%;top:50%;border:7px solid transparent;transform:translate(-50%,-50%)}.dpad .up:after{border-bottom-color:#8c7c90;margin-top:-4px}.dpad .down:after{border-top-color:#8c7c90;margin-top:4px}.dpad .left:after{border-right-color:#8c7c90;margin-left:-4px}.dpad .right:after{border-left-color:#8c7c90;margin-left:4px}.pad-mid{display:flex;flex-direction:column;align-items:center;gap:8px}.pill{border:2px solid var(--ink);background:#b7a78f;border-radius:99px;padding:4px 14px;font-size:12px;letter-spacing:.08em;box-shadow:0 2px 0 var(--ink)}.pill:active{transform:translateY(2px);box-shadow:none}.pad-hint{font-size:11px;color:#8a7a68;text-align:center;line-height:1.3}.ab{position:relative;width:128px;height:104px}.round{position:absolute;width:58px;height:58px;border-radius:50%;border:3px solid var(--ink);font-size:20px;color:#fff;box-shadow:0 4px 0 var(--ink)}.round:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.round.a{right:0;top:4px;background:var(--red)}.round.b{left:0;bottom:4px;background:#8a78a0}#layer{position:absolute;inset:0;z-index:20;pointer-events:none}#layer>*{pointer-events:auto}.panel-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(12px + env(safe-area-inset-top)) 10px calc(12px + env(safe-area-inset-bottom));background:#160f1ab8}.panel{width:100%;max-height:100%;display:flex;flex-direction:column;background:var(--paper);border:3px solid var(--ink);border-radius:8px;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px var(--paper2),0 4px #00000073;animation:pop .16s steps(3);overflow:hidden}.panel-wrap.wide .panel{height:100%}.panel-head{display:flex;align-items:center;gap:8px;margin:0 14px;padding:12px 0 8px;border-bottom:2px dashed var(--line)}.panel-title{flex:1;font-size:18px}.x{width:36px;height:36px;border:2px solid var(--ink);border-radius:6px;background:var(--paper);box-shadow:0 2px 0 var(--ink);font-size:15px}.x:active{transform:translateY(2px);box-shadow:none}.panel-body{padding:12px 14px 16px;overflow:auto;flex:1;-webkit-overflow-scrolling:touch}.muted{color:var(--muted);font-size:13px}.center{text-align:center;padding:26px 0}.spinner{width:40px;height:40px;margin:0 auto 12px;border:4px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:spin 1s steps(8) infinite}.toast{position:absolute;left:50%;bottom:150px;transform:translate(-50%);width:max-content;max-width:90%;background:var(--ink);color:var(--paper);border:2px solid var(--paper);padding:8px 12px;border-radius:6px;font-size:14px;text-align:center;box-shadow:0 3px #0006;animation:pop .16s steps(3);pointer-events:none!important;transition:opacity .4s;z-index:30}.toast.out{opacity:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--paper);border:3px solid var(--ink);border-radius:6px;padding:9px 14px;font-size:15px;box-shadow:0 4px 0 var(--ink);min-height:44px}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn.primary{background:var(--gold)}.btn.danger{background:#f3b0b0;margin-top:16px}.btn.big{display:flex;width:100%;margin-top:12px;font-size:17px}.btn.small{min-height:36px;padding:5px 12px;font-size:14px;margin-top:8px;box-shadow:0 3px 0 var(--ink)}.choose p{margin-bottom:4px;line-height:1.6}.start .lead{font-size:14px;line-height:1.6;color:#5b4a60}.preview{display:flex;align-items:flex-end;justify-content:center;gap:18px;margin:12px 0}.pv-face{width:112px;height:112px;image-rendering:pixelated;background:#f3e3c7;border:3px solid var(--ink);border-radius:6px}.pv-sprite{width:48px;height:48px;image-rendering:pixelated}.name-in{width:100%;font:17px var(--px);padding:11px 12px;border:3px solid var(--ink);border-radius:6px;background:#fff}.opt-label{font-size:13px;color:var(--muted);margin:10px 0 5px}.opts-row{display:flex;flex-wrap:wrap;gap:6px}.chip-btn{border:2px solid var(--ink);border-radius:5px;background:#fff;padding:4px 10px;font-size:13px;box-shadow:0 2px 0 var(--ink)}.chip-btn.on{background:var(--gold)}.chip-btn.sw{width:34px;height:30px;padding:0;background:var(--sw)}.chip-btn.sw.on{outline:3px solid var(--gold);outline-offset:1px}.quiz{display:flex;flex-direction:column;height:100%;gap:10px}.qtop{display:flex;align-items:center;gap:10px}.progress{flex:1;height:12px;background:var(--paper2);border:2px solid var(--ink);border-radius:3px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--gold);transition:width .25s steps(4)}.qstat{font-size:13px;color:var(--muted);white-space:nowrap}.stage{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.qfoot{display:flex;justify-content:flex-end;min-height:48px}.q-head{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-bottom:8px}.q-type{background:var(--board);color:var(--chalk);border:2px solid var(--ink);border-radius:4px;padding:1px 8px;font-size:13px}.q-src{font-size:11px;color:var(--muted)}.q-stem{font:500 18px/1.9 var(--jp);margin:6px 0 12px}.q-stem u{text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--red)}.q-stem .star{display:inline-block;min-width:2.6em;border-bottom:2px solid var(--ink);text-align:center;color:var(--red)}.q-stem .blank{display:inline-block;min-width:2.6em;border-bottom:2px solid var(--ink);margin:0 3px}.q-stem.veil{filter:blur(6px);cursor:pointer;user-select:none}.q-word{font:700 30px var(--jp);margin:6px 0 12px;text-align:center}.passage{background:#fff;border:2px solid var(--ink);border-radius:6px;padding:10px 12px;max-height:40vh;overflow:auto;font:500 15px/1.95 var(--jp);margin-bottom:8px}.passage p{margin:0 0 .7em;position:relative;padding-left:20px}.passage .pn{position:absolute;left:0;top:.35em;font:10px var(--px);color:#b6a8b9}.passage.small p{padding-left:0}.passage .ptitle{text-align:center;font-weight:700}.passage.joho{font-size:13px}.passage mark{background:#ffe97a}.passage .hl{color:var(--red)}.opts{display:grid;grid-template-columns:1fr;gap:8px}.opt{display:flex;gap:10px;align-items:flex-start;text-align:left;background:var(--paper);border:3px solid var(--ink);border-radius:8px;padding:9px 10px;font:700 17px/1.55 var(--jp);box-shadow:0 4px #00000073}.opts.long .opt{font-size:15px;font-weight:500}.opt:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #00000073}.opt .num{flex:none;width:24px;height:24px;border:2px solid var(--ink);border-radius:4px;background:#fff;display:grid;place-items:center;font:13px var(--px);margin-top:1px}.opt.right{background:var(--ok)}.opt.right .num{background:#3f9e6a;color:#fff}.opt.wrong{background:var(--bad)}.opt.chosen{background:#fff4cf}.opt.focus{outline:4px solid var(--gold)}.opt:disabled{cursor:default;color:inherit}.audio-row{display:flex;gap:10px;align-items:center;margin-bottom:8px}.btn.audio{background:var(--gold);font-size:16px}.btn.audio.on{animation:blink 1s steps(2) infinite}.ck-img{max-width:100%;max-height:220px;border:2px solid var(--ink);border-radius:6px;display:block;margin:6px auto;background:#fff}.hint-btn{width:auto;margin:0 0 8px}.hint-box:empty{display:none}.hint-box{background:#fff4cf;border:2px solid var(--ink);border-radius:6px;padding:6px 10px;margin-bottom:8px;font:14px/1.55 var(--jp)}.exp{margin-top:12px;font-size:14px;line-height:1.6}.exp:empty{display:none}.exp>*{margin:0 0 8px}.verdict{font-size:16px;padding:6px 10px;border:2px solid var(--ink);border-radius:6px}.verdict.ok{background:var(--ok)}.verdict.ng{background:var(--bad)}.exp .full{font:700 16px var(--jp);background:#fff4cf;padding:6px 10px;border-radius:6px}.exp .loc{background:#e6effa;padding:6px 10px;border-radius:6px}.exp .note{color:var(--muted);font-size:12px}.exp,.why{font-family:var(--jp)}.why{padding-left:1.4em}.why li{margin-bottom:4px;border-radius:4px;padding:2px 6px}.why li.c{background:var(--ok)}.why li.focus{background:#fff1b8}.why .ref{font:11px var(--px);color:var(--muted)}details summary{cursor:pointer}.review .rv{border:2px solid var(--ink);border-radius:6px;padding:6px 10px;margin-bottom:6px;background:#fff}.review .rv summary{font-size:14px}.review .rv .question{margin-top:8px}.review h3{font-weight:400;margin-bottom:8px}.video-panel .panel-body{padding:8px}.video{display:flex;flex-direction:column;height:100%;gap:8px}.screen-v{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.board{flex:1;min-height:0;overflow:auto;color:var(--chalk);background:var(--board);border:8px solid #7a4f35;border-radius:6px;padding:14px 14px 150px;box-shadow:0 0 0 3px var(--ink),inset 0 0 30px #00000040}.title-card{min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;animation:pop .3s steps(3)}.tc-jp{font:700 clamp(30px,10vw,46px) var(--jp);letter-spacing:3px}.tc-id{font-size:18px;color:#ffd24a;margin-top:4px}.tc-sec{margin-top:10px;font-size:13px;color:#cfe3d8}.chalk h3{font:700 22px var(--jp);margin:0 0 8px;color:#ffd24a}.chalk ul{padding-left:1.2em}.chalk li{margin-bottom:8px;font-size:15px;line-height:1.55;animation:pop .3s steps(3)}.on-board{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:8px;padding:10px;animation:pop .3s steps(3)}.clue{margin-top:10px;background:#fff4cf;color:var(--ink);border:2px solid var(--ink);border-radius:6px;padding:8px 10px;font-size:14px;line-height:1.55}.clue.end{background:#f7c6d3}.sensei{position:absolute;left:6px;bottom:6px;width:76px;pointer-events:none;z-index:2}.sensei canvas{display:block;width:72px;height:72px;image-rendering:pixelated;background:#f3e3c7;border:2px solid var(--ink);border-radius:4px}.sensei.talk canvas{animation:talk .3s steps(2) infinite}@keyframes talk{50%{transform:translateY(-2px)}}.sensei-name{font-size:10px;color:#fff;background:var(--ink);border-radius:3px;text-align:center;margin-top:2px;width:72px}.subtitle{position:absolute;left:86px;right:6px;bottom:6px;min-height:58px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:8px;box-shadow:0 3px #0006;padding:8px 10px;font:500 14px/1.55 var(--jp);z-index:2;max-height:45%;overflow:auto}.subtitle:empty{display:none}.subtitle .ja{font-weight:700;font-size:16px}.vctrl{display:flex;align-items:center;gap:6px}.vbtn{width:44px;height:40px;border:3px solid var(--ink);border-radius:6px;background:var(--paper);font-size:15px;box-shadow:0 3px 0 var(--ink)}.vbtn:active{transform:translateY(2px);box-shadow:none}.vbtn.small{width:auto;padding:0 8px;font-size:13px}.seek{flex:1;height:12px;border:2px solid var(--ink);border-radius:3px;background:var(--paper2);overflow:hidden}.seek i{display:block;height:100%;width:0;background:var(--red);transition:width .25s steps(4)}.result{text-align:center}.score{font:700 54px var(--jp)}.score small{font-size:20px;color:var(--muted)}.score.pass{color:#3f9e6a}.score.fail{color:var(--red)}.secs{display:flex;justify-content:center;gap:16px;margin:6px 0 10px}.secs div{display:flex;flex-direction:column}.secs b{font:700 22px var(--jp)}.secs span{font-size:11px;color:var(--muted)}.result p{line-height:1.6;margin-top:6px;font-size:14px}.hanko{display:inline-block;margin:6px auto 4px;padding:12px 14px;border:4px solid var(--red);border-radius:50%;color:var(--red);font:700 17px var(--jp);writing-mode:vertical-rl;transform:rotate(-12deg);animation:stamp .35s cubic-bezier(.3,1.6,.6,1)}@keyframes stamp{0%{transform:scale(2.2) rotate(-12deg);opacity:0}}.tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.tab{border:2px solid var(--ink);border-radius:5px;padding:4px 10px;background:#fff;box-shadow:0 2px 0 var(--ink);font-size:13px}.tab.on{background:var(--gold)}.tab-body h4{font-weight:400;margin:14px 0 4px;font-size:14px;color:var(--muted)}.stat-row{display:grid;grid-template-columns:1fr 80px 62px;gap:4px 8px;align-items:center;padding:7px 0;border-bottom:2px dashed var(--paper2)}.stat-name b{font:700 15px var(--jp);margin-right:6px}.stat-name span{font-size:12px;color:var(--muted)}.stat-num{font-size:12px;text-align:right}.stat-tip{grid-column:1 / -1;font:12px/1.5 var(--jp);color:#6a5d70}.meter{height:12px;background:var(--paper2);border:2px solid var(--ink);border-radius:3px;overflow:hidden}.meter i{display:block;height:100%;background:var(--red)}.meter.mid i{background:var(--gold)}.meter.good i{background:#3f9e6a}.mock-table{width:100%;border-collapse:collapse;font-size:13px}.mock-table th,.mock-table td{padding:5px;border-bottom:2px dashed var(--paper2);text-align:center;font-weight:400}.mock-table .pass{color:#3f9e6a}.mock-table .fail{color:var(--red)}.set-row{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:2px dashed var(--paper2);cursor:pointer}.set-row input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--red)}.set-row b{display:block;font-weight:400}.set-row small{color:var(--muted);font-size:12px;line-height:1.5;display:block}.shop{display:flex;flex-direction:column;gap:8px}.shop p{line-height:1.6}.shop-item{display:flex;gap:10px;align-items:center;text-align:left;background:#fff;border:3px solid var(--ink);border-radius:8px;padding:8px 10px;box-shadow:0 3px #0006}.shop-item:active{transform:translateY(2px);box-shadow:none}.shop-item .icon{font-size:28px}.shop-item b{display:block;font:700 16px var(--jp)}.shop-item small{color:var(--muted);font-size:12px}.diary ul{padding-left:1.2em;margin:8px 0;line-height:1.8}.help ul{padding-left:1.2em;line-height:1.7;font-size:14px}@media(min-width:481px){#app{border-left:3px solid #000;border-right:3px solid #000}}@media(max-height:640px){.pad{padding-top:6px;padding-bottom:8px}.dpad{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px)}.ab{height:90px}}.guide{margin:4px 0 12px;display:flex;flex-direction:column;gap:8px}.ask-box{background:#eef4ff;border:2px solid var(--ink);border-radius:6px;padding:8px 10px}.ask-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:4px}.ask-lbl{font-size:11px;color:var(--muted)}.ask-type{background:var(--navy);color:#fff;border-radius:4px;padding:1px 7px;font-size:13px}.ask-clue,.ask-sig{font:14px/1.6 var(--jp)}.q-sig{background:#ffe0a8;padding:0 3px;border-radius:3px}.st-tip{font:13px/1.55 var(--jp);background:#fff4cf;border:2px dashed var(--line);border-radius:6px;padding:6px 9px}.st-tip span{display:block;font:11px var(--px);color:#a8304a;margin-bottom:2px}.st-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.st-dots{display:flex;gap:4px}.st-dots i{width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;background:#fff}.st-dots i.ok{background:#3f9e6a}.st-dots i.skip{background:#b7a78f}.st-dots i.cur{background:var(--gold)}.acc-item{border:2px solid var(--ink);border-radius:6px;background:#fff;overflow:hidden}.acc-item.done .acc-h{background:#f3f8f2}.acc-h{width:100%;display:flex;gap:8px;align-items:center;text-align:left;border:0;background:none;padding:7px 9px}.g-no{flex:none;width:24px;height:24px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:12px;background:var(--gold)}.g-no.ok{background:#3f9e6a;color:#fff}.g-no.skip{background:#d9cfbc}.acc-t{display:flex;flex-direction:column}.acc-t b{font-weight:400;font-size:14px}.acc-t small{font-size:11px;color:var(--muted)}.acc-b{padding:4px 10px 10px;display:flex;flex-direction:column;gap:8px;border-top:2px dashed var(--paper2)}.st-task{font:14px/1.6 var(--jp)}.st-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.st-actions .btn.small{width:auto;margin:0}.linkbtn{border:0;background:none;color:#3f6fb0;text-decoration:underline;font-size:13px;padding:4px}.st-end,.st-hint{font-size:13px;color:#3f6b38}.st-hint{color:var(--muted)}.flow-list,.optmap{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:5px;font:13px/1.5 var(--jp)}.flow-list li,.optmap li{display:flex;gap:6px;align-items:flex-start}.pref{flex:none;border:2px solid var(--ink);border-radius:4px;background:#e6effa;font:12px var(--px);padding:0 6px;margin-right:2px}.om-n{flex:none;width:20px;height:20px;border:2px solid var(--ink);border-radius:4px;display:grid;place-items:center;font-size:11px;background:#fff}.pguess-row{display:flex;flex-wrap:wrap;gap:6px}.pguess{min-width:44px;height:36px;border:2px solid var(--ink);border-radius:6px;background:#fff;box-shadow:0 2px 0 var(--ink)}.pguess.ok{background:var(--ok)}.pguess.ng{background:var(--bad)}.g-warn{color:var(--red);font-size:13px}.passage p.flash{animation:flash 1.2s steps(6)}@keyframes flash{0%,to{background:transparent}30%,70%{background:#fff1b8}}details.how{border:2px solid var(--ink);border-radius:6px;background:#fff;padding:6px 10px}details.how summary{font-size:14px}details.how .how-ins{font-size:12px;color:var(--muted);margin:6px 0}details.how ol{padding-left:1.3em;font:13px/1.6 var(--jp);display:flex;flex-direction:column;gap:4px}.consult .weak{display:flex;flex-direction:column;gap:6px;margin:8px 0}.consult .weak div{display:flex;justify-content:space-between;border:2px solid var(--ink);border-radius:6px;padding:5px 9px;background:#fff;font-size:14px}.consult .weak b{font:700 15px var(--jp)}.consult p{margin-bottom:6px;line-height:1.5}.question.n3{--q-ink: #1d2433;--q-mute: #6b7486;--q-line: #d9dfeb;--q-blue: #1d5bd8;--q-blue-s: #e8f0ff;--q-ok: #2f8f57;--q-ok-s: #e8f6ee;--q-ng: #c23b3b;--q-ng-s: #fdeeee;font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--q-ink);display:flex;flex-direction:column;gap:10px}.question.n3 .q-top{display:flex;flex-direction:column;gap:8px}.qm{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.qm-chip{background:var(--q-blue-s);color:var(--q-blue);font-weight:700;font-size:13px;padding:3px 10px;border-radius:99px}.qm-t{color:var(--q-mute);font-size:13px}.qm-src{margin-left:auto;color:var(--q-mute);font-size:11px}.qi-jp{font:600 15px/1.8 "Shippori Mincho",var(--jp)}.qi-id{color:var(--q-mute);font-size:12px;line-height:1.5}.how-box{background:#fff;border:1px solid var(--q-line);border-left:4px solid #2f8f57;border-radius:10px;padding:8px 12px;font:13.5px/1.65 "IBM Plex Sans",var(--jp)}.how-box b{display:block;color:#2f8f57;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.question.n3 .qcard{background:#fff;border:1px solid var(--q-line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 10px #1e28460f}.question.n3 .q-stem{display:flex;gap:10px;align-items:flex-start;font:600 18px/1.85 "Shippori Mincho",var(--jp);margin:0}.question.n3 .q-stem.ck{display:block;font-size:16px;background:#f6f8fc;border-radius:10px;padding:8px 10px}.q-no{flex:none;min-width:28px;height:28px;border:1.5px solid var(--q-ink);border-radius:4px;display:inline-grid;place-items:center;font:600 15px Shippori Mincho,serif;margin-top:3px}.ck-ql{display:block;font:600 11px IBM Plex Sans,sans-serif;color:var(--q-mute);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.question.n3 .q-word{font-size:24px}.question.n3 .q-stem u{text-decoration-color:var(--q-ink);text-underline-offset:6px}.question.n3 .passage{background:#fff;border:1px solid var(--q-line);border-radius:14px;font:500 16px/2 "Shippori Mincho",var(--jp);padding:12px 14px}.question.n3 .passage .pn{font:600 10px IBM Plex Sans,sans-serif;color:#a2abbd}.question.n3 .ask-box{background:#fff;border:1px solid var(--q-line);border-radius:12px;padding:10px 12px}.question.n3 .ask-lbl{font:700 11px IBM Plex Sans,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--q-mute)}.question.n3 .ask-type{background:var(--q-blue);border-radius:99px;padding:3px 10px;font:600 13px IBM Plex Sans,sans-serif}.question.n3 .ask-clue{font:15px/1.7 "IBM Plex Sans",var(--jp)}.question.n3 .opts{gap:8px}.question.n3 .opt{background:#fff;border:1px solid var(--q-line);border-radius:12px;box-shadow:none;padding:12px;font:500 17px/1.6 "Shippori Mincho",var(--jp);align-items:center}.question.n3 .opts.long .opt{font-size:15px}.question.n3 .opt .num{border:0;background:none;color:var(--q-mute);font:600 15px IBM Plex Sans,sans-serif;width:18px}.question.n3 .opt .ot{flex:1}.question.n3 .opt .mk{font:700 15px sans-serif;color:var(--q-ok)}.question.n3 .opt:not(:disabled):active{transform:none;background:#f6f8fc}.question.n3 .opt.sel{border:2px solid var(--q-blue);background:#f5f9ff}.question.n3 .opt.right{background:var(--q-ok-s);border:2px solid var(--q-ok)}.question.n3 .opt.right .num{color:var(--q-ok)}.question.n3 .opt.wrong{background:var(--q-ng-s);border-color:#e9b4b4}.question.n3 .opt.wrong .mk{color:var(--q-ng)}.question.n3 .opt.chosen{border:2px solid var(--q-blue);background:#f5f9ff}.q-actions{display:flex;justify-content:flex-end}.question.n3 .btn.ans{background:var(--q-blue);color:#fff;border:0;border-radius:12px;box-shadow:0 3px #123d96;font:700 16px IBM Plex Sans,sans-serif;min-width:120px}.question.n3 .btn.ans:disabled{background:#b9c4dc;box-shadow:none}.question.n3 .btn.audio{background:var(--q-blue);color:#fff;border:0;border-radius:99px;box-shadow:none;font:600 15px IBM Plex Sans,sans-serif}.question.n3 .audio-row{align-items:center}.res{font:700 15px/1.6 IBM Plex Sans,sans-serif}.res.ok{color:var(--q-ok)}.res.ng{color:var(--q-ng)}.res .jp{font-family:"Shippori Mincho",var(--jp)}.question.n3 .exp{margin:0;font-family:"IBM Plex Sans",var(--jp)}details.expl{border:1px solid var(--q-line);border-radius:12px;overflow:hidden;background:#fff;margin-top:6px}details.expl>summary{background:#f2f6fd;padding:10px 12px;font:700 15px IBM Plex Sans,sans-serif;list-style:none;display:flex;justify-content:space-between}details.expl>summary:after{content:"⌄";color:var(--q-mute)}details.expl[open]>summary:after{content:"⌃"}.expl-b{padding:10px 12px;display:flex;flex-direction:column;gap:8px;font:14.5px/1.7 "IBM Plex Sans",var(--jp)}.question.n3 ul.why{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}.question.n3 ul.why li{display:flex;gap:8px;border:1px solid var(--q-line);border-radius:10px;padding:6px 10px}.question.n3 ul.why li.c{background:var(--q-ok-s);border-color:var(--q-ok)}.question.n3 ul.why li.wx{background:var(--q-ng-s);border-color:var(--q-ng, #e0a0a0)}.question.n3 ul.why .om-n{border:0;background:none;color:var(--q-mute);font-weight:600}.question.n3 .full{background:#fffbea;border-radius:10px;padding:6px 10px;font:600 16px/1.7 "Shippori Mincho",var(--jp)}.question.n3 .loc{background:#eef4ff;border-radius:10px;padding:6px 10px}.question.n3 .guide.acc .acc-item{border:1px solid var(--q-line);border-radius:12px}.question.n3 .g-no{background:var(--q-blue);color:#fff;border:0}.question.n3 .g-no.ok{background:var(--q-ok)}.question.n3 .g-no.skip{background:#b9c4dc}.question.n3 .st-tip{background:#fffbea;border:0;border-left:4px solid #e0a52a;border-radius:8px;font-family:"IBM Plex Sans",var(--jp)}.question.n3 .st-tip span{font:700 11px IBM Plex Sans,sans-serif;color:#b07a10;letter-spacing:.06em;text-transform:uppercase}.question.n3 .acc-t b{font:700 15px IBM Plex Sans,sans-serif}.question.n3 details.how{border:1px solid var(--q-line);border-radius:12px}.question.n3 details.how summary{font:700 14px IBM Plex Sans,sans-serif}.qcard.pulse-ok{animation:pok .5s}.qcard.pulse-ng{animation:png .4s}@keyframes pok{30%{box-shadow:0 0 0 4px #7fd3a2}}@keyframes png{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.panel-wrap.quiz-panel .panel-body{background:#f3f5fa}.rush-top{display:flex;align-items:center;gap:10px}.rush-time{flex:1;height:14px;border:2px solid var(--ink);border-radius:4px;background:var(--paper2);overflow:hidden}.rush-time i{display:block;height:100%;background:#3f8fe0;transition:width 1s linear}.rush-time.low i{background:var(--red)}.rush-score{font:700 22px var(--jp);min-width:70px;text-align:right}.rush-combo{font-size:13px;color:var(--red);min-width:76px}.rush-q .exp,.rush-q .qi{display:none}.result .rec{color:#c98a10;font-weight:700}.build-sent{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font:600 18px/1.8 "Shippori Mincho",var(--jp)}.build-sent .slot{min-width:64px;min-height:40px;border:2px dashed #9aa6c0;border-radius:10px;background:#f6f8fc;font:600 16px "Shippori Mincho",var(--jp);padding:2px 8px}.build-sent .slot.star{border-color:#e0902a;background:#fff6e6;color:#e0902a}.build-sent .slot.full{border-style:solid;color:#1d2433;background:#fff}.build-sent .slot.star.full{background:#fff1d6}.build-tiles{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.build-tiles .tile{border:1px solid #c9d2e3;border-radius:12px;background:#fff;padding:10px 14px;font:600 17px "Shippori Mincho",var(--jp);box-shadow:0 3px #c9d2e3}.build-tiles .tile.used{opacity:.3;box-shadow:none}.qtimer{font-size:13px;white-space:nowrap}.qtimer.over{color:var(--red)}.tt{display:flex;flex-direction:column;gap:10px;font-family:"IBM Plex Sans",var(--jp)}.tt-period{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--muted)}.tt-period i{width:28px;height:8px;border-radius:99px;background:#d9cfbc;border:1.5px solid var(--ink)}.tt-period i.on{background:var(--gold)}.tt-quests{background:#fff;border:2px solid var(--ink);border-radius:8px;padding:8px 10px;font-size:13px}.tt-quests b{font-family:var(--px);font-weight:400}.tt-quests li{list-style:none;margin-top:3px}.tt-quests li.ok{color:#3f9e6a;text-decoration:line-through}.subj{display:flex;gap:12px;align-items:center;text-align:left;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:10px 12px;box-shadow:0 3px 0 var(--ink)}.subj:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.subj .ic{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff;font:700 22px Shippori Mincho,serif}.subj .tx{flex:1;display:flex;flex-direction:column;gap:2px}.subj .tx b{font:700 17px "Shippori Mincho",var(--jp)}.subj .tx small{color:var(--muted);font-size:12px}.subj .lv{font:12px var(--px);text-align:right}.subj .xpbar{height:6px;background:#eee6d8;border-radius:99px;overflow:hidden;margin-top:3px;width:70px}.subj .xpbar i{display:block;height:100%;background:var(--gold)}.subj.rec{border-color:#e0902a;background:#fff8ea}.modecard{display:flex;gap:10px;align-items:flex-start;text-align:left;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:10px 12px;box-shadow:0 3px 0 var(--ink);font-family:"IBM Plex Sans",var(--jp)}.modecard:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.modecard .em{font-size:24px}.modecard b{display:block;font-size:15px}.modecard small{color:var(--muted);font-size:12px;line-height:1.5}.chip.hud-q{cursor:pointer;pointer-events:auto}@media(min-width:820px){#app{max-width:none;border:0}.screen{flex:1}.pad{position:absolute;left:0;right:0;bottom:0;z-index:6;background:transparent;border:0;pointer-events:none;padding:0 24px 22px}.pad>*{pointer-events:auto}.pad .dpad,.pad .ab{opacity:.9}.pad-hint{color:#fff;text-shadow:0 1px 2px #000}.hud{top:14px;left:16px;right:16px}.hud-obj{max-width:46%;font-size:15px;padding:8px 12px}.hud-day{font-size:15px;padding:7px 12px}.chip{font-size:14px}.dlg-area{left:50%;right:auto;transform:translate(-50%);width:min(820px,calc(100% - 340px));bottom:24px;z-index:7}.dlg-jp{font-size:23px}.dlg-id{font-size:16px}.panel-wrap{padding:28px}.panel{max-width:760px}.panel-wrap.wide .panel{max-width:1180px}.toast{bottom:190px;font-size:16px}.question.n3.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px 18px;align-items:start}.question.n3.split .q-top{grid-column:1 / -1}.question.n3.split .q-left{position:sticky;top:0}.question.n3.split .q-left .passage{max-height:calc(100vh - 260px)}.question.n3 .opts:not(.long){grid-template-columns:1fr 1fr}.tt{max-width:720px;margin:0 auto}.tt .subj{padding:12px 16px}}@media(min-width:820px)and (hover:hover)and (pointer:fine){.pad .dpad,.pad .ab{display:none}.pad{display:flex;justify-content:center}.pad-hint:after{content:" · WASD/panah = jalan · Z/Enter = A · X/Esc = B · M = menu"}.dlg-area{width:min(820px,calc(100% - 40px));bottom:64px}}.question.n3 .opt.ph .ot{font:500 14px IBM Plex Sans,sans-serif;color:#6b7486}.write{display:flex;flex-direction:column;gap:10px;align-items:center;font-family:"IBM Plex Sans",var(--jp)}.wtop{align-self:stretch;display:flex;gap:8px;align-items:center}.wread{align-self:stretch;display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #d9dfeb;border-radius:14px;padding:10px 14px}.wk{flex:none;width:76px;height:76px;display:grid;place-items:center;font:700 56px Shippori Mincho,serif;color:#1d2433;background:#fffdf7;border:1px solid #e8c9c9;border-radius:10px}.wmeta{display:flex;flex-direction:column;gap:3px;font:16px/1.5 "Zen Maru Gothic",var(--jp)}.wl{display:inline-block;background:#e8f0ff;color:#1d5bd8;border-radius:4px;font-size:12px;padding:0 6px;margin-right:6px}.wen{color:#6b7486;font-size:13px;font-family:IBM Plex Sans,sans-serif}.wex{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:14px;color:#1d2433}.wsteps{align-self:stretch;display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.wsteps.hide{visibility:hidden}.wstp{flex:none;width:48px;height:48px;border-radius:6px;border:1px solid #e3d4d4}.wstp.on{outline:3px solid #d8455d;outline-offset:1px}.wboard{position:relative}.wcv{display:block;touch-action:none;border-radius:12px;box-shadow:0 4px 16px #1e28461f;background:#fffdf7;cursor:crosshair}.wcv.shake{animation:png .35s}.w-hanko{position:absolute;right:-10px;top:-10px;display:none;background:#ffffffd9}.w-hanko.on{display:inline-block}.w-hanko.s1{opacity:.8}.wstatus{font-size:15px;line-height:1.5;text-align:center;min-height:2.6em}.wbtns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.wbtns .btn.small{width:auto;margin:0}.kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;margin-top:8px}.kc{aspect-ratio:1;display:grid;place-items:center;font:600 20px Shippori Mincho,serif;border:1px solid #e5d8c7;border-radius:6px;background:#fff;color:#c9bfb2}.kc.g1{color:#1d2433}.kc.g2{color:#1d2433;background:#eef7f1}.kc.g3{color:#1d2433;background:#fff1d6;border-color:#e0a52a}:root{--fs: 1}.panel-body{font-family:"IBM Plex Sans","Zen Maru Gothic",var(--jp);font-size:16px;line-height:1.6;zoom:var(--fs)}.dlg-area{zoom:var(--fs)}.panel-title{font-size:17px}.muted{font-size:14px;color:#6f5f66}.choose p,.shop p,.consult p,.diary p,.result p{font-size:16px;line-height:1.65}.btn{min-height:46px}.btn.small{min-height:40px}.dlg-id{font-size:16px;line-height:1.55;color:#5d4f61}.dlg-id.solo{font-size:17px}.dlg-jp{font-size:clamp(19px,5.2vw,23px);line-height:1.5}.question.n3{font-size:16px}.question.n3 .passage{font-size:clamp(16px,4.3vw,18px);line-height:2;letter-spacing:.04em}.question.n3 .q-stem{font-size:clamp(17px,4.6vw,20px)}.question.n3 .opt{min-height:52px;font-size:clamp(16px,4.3vw,18px)}.question.n3 .ask-clue,.question.n3 .expl-b,.how-box{font-size:15.5px}.qm-src,.question.n3 .ask-lbl,.ck-ql{font-size:12px}.qm-t{font-size:14px}.subj .tx small,.modecard small{font-size:13px}.tt-quests{font-size:14px}.hud-obj{font-size:13.5px}@media(min-width:600px)and (max-width:819px){#app{max-width:720px}.panel-wrap{padding:18px}.panel{max-width:660px;margin:0 auto}.panel-wrap.wide .panel{max-width:none}}@media(min-width:820px){.question.n3 .passage{max-width:40em}.question.n3:not(.split) .qcard,.question.n3:not(.split) .q-top{max-width:780px;width:100%;margin:0 auto}.write{max-width:760px;margin:0 auto}}@media(max-height:500px)and (orientation:landscape){.pad{padding:4px 12px}.dpad{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px)}.ab{height:76px;width:110px}.round{width:46px;height:46px;font-size:16px}.dlg-face canvas{width:64px;height:64px;margin-top:-18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.question.n3 .passage .sn{cursor:pointer;border-radius:3px;transition:background .15s}.question.n3 .passage .sn.pen{background:linear-gradient(transparent 62%,#ffd96a 62%)}.q-pin,.jump{display:none}@media(max-width:819px){.question.n3.has-pin .passage{max-height:none;overflow:visible;font-size:clamp(16px,4.4vw,17.5px);line-height:1.95;letter-spacing:.01em;padding:12px 12px 12px 8px}.question.n3.has-pin .passage p{padding-left:18px}.question.n3.has-pin .qi-jp{font-size:14px;line-height:1.7}.question.n3.has-pin .q-pin{position:sticky;top:-1px;z-index:3;display:flex;gap:8px;align-items:flex-start;width:100%;text-align:left;background:#1d2433;color:#fff;border:0;border-radius:0 0 12px 12px;padding:8px 12px;box-shadow:0 4px 12px #141e3c40}.q-pin .pin-l{flex:none;background:#3f8fe0;border-radius:99px;padding:1px 8px;font:700 12px IBM Plex Sans,sans-serif;margin-top:3px}.q-pin .pin-q{font:600 15px/1.6 "Shippori Mincho",var(--jp);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.q-pin.open .pin-q{-webkit-line-clamp:unset}.q-pin .pin-q u{text-decoration-color:#ffd96a}.question.n3.has-pin .jump{display:block;position:sticky;bottom:10px;margin-left:auto;z-index:4;border:0;border-radius:99px;padding:12px 18px;background:#1d5bd8;color:#fff;font:700 15px IBM Plex Sans,sans-serif;box-shadow:0 4px 14px #14328c59;min-height:46px}}.ptable-wrap{overflow-x:auto;margin:4px 0 12px;-webkit-overflow-scrolling:touch}.ptable{border-collapse:collapse;width:100%;font:500 15px/1.6 "Shippori Mincho",var(--jp);letter-spacing:0}.ptable td{border:1px solid #d9dfeb;padding:6px 8px;vertical-align:top}.ptable tr:first-child td{background:#f2f6fd;font-weight:700;font-family:"IBM Plex Sans",var(--jp);font-size:14px}.ptable tr.flash,.ptable tr:target{animation:flash 1.2s steps(6)}.ptable td{min-width:4.6em}:root{--night: #0e1230;--night2: #1b2157;--sakura: #ff8fb1;--sakura-d: #e0577f;--violet: #6d4bd8;--gold: #f3c969;--ink: #1c2140;--paper: #ffffff;--paper2: #f3f4fa;--line: #e3e6f0;--muted: #6b7190;--red: #e0577f;--ok: #e3f5ea;--bad: #fdebef;--navy: #2b3478;--shell: var(--night);--bd: #e3e6f0;--glass: rgba(18, 22, 56, .66);--glass-l: rgba(255, 255, 255, .09);--glass-b: rgba(255, 255, 255, .14);--ui: "Zen Kaku Gothic New", "IBM Plex Sans", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--mincho: "Shippori Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;--px: var(--ui);--jp: var(--ui);--ease: cubic-bezier(.2, .8, .2, 1)}@keyframes rise{0%{transform:translateY(14px) scale(.985);opacity:0}}@keyframes fadein{0%{opacity:0}}@keyframes glow{50%{opacity:.55}}html,body{background:radial-gradient(120% 80% at 50% 0%,#232a6b 0%,var(--night) 60%)}body{font-family:var(--ui);color:var(--ink)}#app{background:var(--night)}@media(min-width:481px){#app{border:0;box-shadow:0 0 0 1px #ffffff0f,0 30px 80px #00000080}}button:focus-visible,input:focus-visible{outline:3px solid var(--sakura);outline-offset:2px}.hud-obj,.hud-day,.chip,.dialog,.dlg-name,.voice,.pill,.round,.panel,.x,.btn,.name-in,.chip-btn,.progress,.q-type,.passage,.opt,.opt .num,.ck-img,.hint-box,.verdict,.review .rv,.on-board,.clue,.subtitle,.vbtn,.seek,.tab,.meter,.shop-item,.ask-box,.acc-item,.pref,.om-n,.pguess,details.how,.consult .weak div,.rush-time,.tt-quests,.subj,.modecard{border-width:1px;border-color:var(--bd);box-shadow:none}.panel,.dialog,.toast,.on-board,.title-card,.chalk li,.result,.hb-scroll>*{animation-timing-function:var(--ease)!important}.spinner{border-width:3px;border-color:#e7e9f3;border-top-color:var(--sakura-d);animation:spin .8s linear infinite}#fade{background:var(--night);transition:opacity .25s ease}.progress{height:8px;border:0;border-radius:99px;background:#e6e8f2}.progress i{border-radius:99px;background:linear-gradient(90deg,var(--sakura),var(--sakura-d));transition:width .35s var(--ease)}.rush-time{border:0;border-radius:99px;height:10px;background:#e6e8f2}.rush-time i{border-radius:99px;background:linear-gradient(90deg,#6aa8ff,#3f6fe0)}ruby rt{color:#8d93b3}#boot{background:radial-gradient(90% 60% at 50% 30%,#2a3180 0%,var(--night) 70%);font-family:var(--ui);gap:6px}.boot-mark{width:84px;height:84px;border-radius:26px;display:grid;place-items:center;font:800 44px var(--mincho);color:#fff;background:linear-gradient(135deg,var(--sakura),var(--sakura-d) 55%,var(--violet));box-shadow:0 18px 50px #e0577f73;margin-bottom:14px}.boot-title{font:800 28px var(--mincho);letter-spacing:.12em}.boot-sub{color:#ffc2d4;letter-spacing:.08em;font-size:14px}#boot-msg{color:#ffffffb3;font-size:14px;margin-top:10px}#boot-msg button{border:0;border-radius:14px;background:linear-gradient(135deg,var(--sakura),var(--sakura-d));padding:12px 20px}.hud-obj,.hud-day,.chip{background:var(--glass);color:#fff;border:1px solid var(--glass-b);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000040}.hud-obj{border-radius:16px;padding:8px 12px}.hud-obj small{color:#ffffffa6}.hud-obj .go-hint{color:var(--sakura)}.hud-obj .pin{color:var(--sakura);animation:nudge 1.2s ease-in-out infinite}.hud-day{background:#ffffffeb;color:var(--ink)}.hud-home{pointer-events:auto;cursor:pointer;background:linear-gradient(135deg,var(--sakura),var(--sakura-d));border-color:transparent;font-weight:700;padding:6px 12px}.pad{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;background:none;border:0;pointer-events:none;padding:0 18px calc(18px + env(safe-area-inset-bottom))}.pad>*{pointer-events:auto}.joy{position:relative;width:124px;height:124px;border-radius:50%;touch-action:none;flex:none;background:radial-gradient(circle,#ffffff0f 0 55%,#ffffff24 56% 100%);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #0000004d}.joy-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;pointer-events:none;background:linear-gradient(160deg,#fff,#dfe3f6);box-shadow:0 6px 16px #00000059;transition:transform .12s var(--ease)}.joy.on .joy-knob{transition:none}.pad-mid{flex:1;align-self:center;gap:10px;padding-bottom:6px}.pill{background:var(--glass);color:#fff;border:1px solid var(--glass-b);border-radius:99px;padding:8px 16px;font:600 13px var(--ui);letter-spacing:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:40px}.pad-hint{color:#fffc;font-size:11.5px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.ab{width:auto;height:auto}.round{position:static}.round.a{width:76px;height:76px;border:0;color:#fff;font:700 18px var(--mincho);background:linear-gradient(140deg,var(--sakura),var(--sakura-d) 60%,var(--violet));box-shadow:0 10px 26px #e0577f73,inset 0 1px #fff6}.round:active{transform:scale(.94);box-shadow:0 4px 12px #e0577f66}@media(max-height:500px)and (orientation:landscape){.joy{width:100px;height:100px}.round.a{width:62px;height:62px}.pad-hint{display:none}}.dlg-area{z-index:7}@media(max-width:819px){.dlg-area{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom))}}.dialog{background:#101434e6;color:#fff;border:1px solid var(--glass-b);border-radius:22px;padding:14px 16px 18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 50px #00000073;animation:rise .28s var(--ease);min-height:96px}.dlg-face canvas{width:84px;height:84px;margin-top:-36px;border:2px solid rgba(255,255,255,.85);border-radius:22px;background:linear-gradient(160deg,#fbecd9,#f1d7bf);box-shadow:0 10px 24px #00000059}.dlg-name{border:0;border-radius:99px;font:700 12.5px var(--ui);padding:3px 11px;letter-spacing:.03em}.dlg-jp{font-family:var(--mincho);font-weight:700;color:#fff}.dlg-id,.dlg-id.solo{color:#ffffffc7}.dlg-id.solo{color:#fff}.dialog ruby rt{color:#c6cbf0}.dlg-next{color:var(--sakura);animation:glow 1.2s ease-in-out infinite}.voice{border:1px solid var(--glass-b);border-radius:50%;background:#ffffff1f;color:var(--gold);width:38px;height:38px}.panel-wrap{background:#080b2094;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadein .2s ease}.panel{border:0;border-radius:24px;background:#fff;box-shadow:0 30px 80px #00000073;animation:rise .3s var(--ease)}.panel-head{margin:0;padding:14px 14px 12px 18px;border-bottom:1px solid #eef0f6}.panel-title{font:700 17px var(--mincho);color:var(--ink);letter-spacing:.02em}.x{width:40px;height:40px;border:0;border-radius:50%;background:#f1f2f8;color:#4a5070;font-size:15px}.x:active{transform:scale(.92)}.panel-body{padding:14px 16px 18px}@media(max-width:599px){.panel-wrap{padding:calc(10px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom))}.panel-wrap.wide{padding:calc(6px + env(safe-area-inset-top)) 0 0;align-items:stretch}.panel-wrap.wide .panel{border-radius:22px 22px 0 0}}.toast{background:#101434eb;color:#fff;border:1px solid var(--glass-b);border-radius:16px;padding:10px 16px;font-size:14.5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #00000059;animation:rise .25s var(--ease)}.btn{border:1px solid var(--bd);border-radius:14px;background:#fff;font:600 15px var(--ui);color:var(--ink);box-shadow:0 1px 2px #14183c0d,0 4px 14px #14183c0f;transition:transform .12s var(--ease),box-shadow .2s}.btn:active{transform:scale(.98);box-shadow:0 1px 2px #14183c14}.btn.primary{background:linear-gradient(135deg,var(--sakura),var(--sakura-d));color:#fff;border-color:transparent;box-shadow:0 8px 20px #e0577f52}.btn.danger{background:#fff0f2;color:#b3264a;border-color:#f5c9d3}.btn.small{box-shadow:0 1px 2px #14183c0f}.choose .btn.big{justify-content:flex-start;text-align:left;padding:12px 16px;font-weight:500}.choose .btn.big:hover{border-color:#c9cde0}.linkbtn{color:var(--sakura-d)}.start .lead{color:var(--muted);font-size:15px}.pv-face{border:0;border-radius:28px;background:linear-gradient(160deg,#fbecd9,#f1d7bf);box-shadow:0 14px 30px #14183c2e}.name-in{border:1px solid #d6daea;border-radius:14px;font:500 17px var(--ui);padding:13px 14px}.name-in:focus{border-color:var(--sakura-d);outline:0;box-shadow:0 0 0 4px #ff8fb140}.chip-btn{border:1px solid #dfe2ee;border-radius:99px;padding:6px 13px;font-size:13.5px;box-shadow:none}.chip-btn.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip-btn.sw{border-radius:50%;width:34px;height:34px}.chip-btn.sw.on{outline:3px solid var(--sakura)}.tt{font-family:var(--ui)}.tt-period i{border:0;height:6px;background:#e3e6f0}.tt-period i.on{background:linear-gradient(90deg,var(--sakura),var(--sakura-d))}.tt-quests{border-radius:16px;background:#f7f8fc;padding:10px 14px}.tt-quests b{font-family:var(--ui);font-weight:700}.tt-quests li.ok{color:#2f8f57}.subj,.modecard{border-radius:18px;box-shadow:0 1px 2px #14183c0d,0 6px 18px #14183c0f;transition:transform .12s var(--ease)}.subj:active,.modecard:active{transform:scale(.985);box-shadow:0 1px 2px #14183c0f}.subj .ic{border-radius:16px;font-family:var(--mincho);box-shadow:inset 0 -3px #0000001f}.subj .tx b{font-family:var(--mincho)}.subj .lv{font-family:var(--ui);font-weight:600}.subj .xpbar i{background:linear-gradient(90deg,var(--sakura),var(--sakura-d))}.subj.rec{border-color:#f7c1d1;background:linear-gradient(135deg,#fff6f9,#fff)}.modecard .em{width:44px;height:44px;border-radius:14px;background:#f3f4fa;display:grid;place-items:center;flex:none;font-size:22px}.result .score{font-family:var(--mincho)}.review .rv{border-radius:14px}.shop-item{border-radius:16px}.consult .weak div{border-radius:12px}.board{border:0;border-radius:20px;background:radial-gradient(120% 90% at 30% 10%,#2f6356,#1d3f37 70%);box-shadow:inset 0 0 0 1px #ffffff0f,0 10px 30px #00000040}.on-board{border:0;border-radius:16px;box-shadow:0 10px 30px #00000040}.clue{border:0;border-radius:12px}.sensei canvas{border:2px solid #fff;border-radius:18px;background:linear-gradient(160deg,#fbecd9,#f1d7bf)}.vbtn{border-radius:14px}.seek{border-radius:99px}.hub{position:absolute;inset:0;z-index:4;display:none;color:#fff;background:linear-gradient(180deg,#0a0d2873,#0a0d28c7 40%,#0a0d28e6)}#app.hub-on .hub{display:block;animation:fadein .35s ease}#app.hub-on .hud,#app.hub-on .pad{display:none}#app.hub-on #game{filter:blur(4px) saturate(1.15) brightness(.8);transform:scale(1.05)}#game{transition:filter .4s ease,transform .6s var(--ease)}.hb-scroll{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:calc(14px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;zoom:var(--fs)}.hb-col{display:flex;flex-direction:column;gap:14px;min-width:0}.hb-scroll>*{animation:rise .45s var(--ease) both}.hb-scroll>.b{animation-delay:.06s}.hub button{font-family:var(--ui);color:inherit;border:0;background:none;text-align:left}.hub button:active{transform:scale(.98)}.hub .av{display:block;image-rendering:pixelated;border-radius:50%;background:linear-gradient(160deg,#fbecd9,#f1d7bf);flex:none}.hb-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.hb-me{display:flex;align-items:center;gap:12px;min-width:0}.hub .av.me{width:56px;height:56px;box-shadow:0 0 0 2px var(--night),0 0 0 4px var(--gold),0 10px 24px #00000059}.hb-hello{font:700 19px var(--mincho);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-day{font-size:13px;color:#ffffffb8;margin-top:2px}.hub .hb-gear{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:19px;background:var(--glass-l);border:1px solid var(--glass-b);flex:none;text-align:center}.hb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hb-stats .st{background:var(--glass-l);border:1px solid var(--glass-b);border-radius:16px;padding:9px 4px 8px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hb-stats b{display:block;font-size:16px;font-weight:700;white-space:nowrap}.hb-stats small{display:block;font-size:11px;color:#ffffff9e;margin-top:1px;white-space:nowrap}.hb-hero{position:relative;overflow:hidden;border-radius:26px;padding:18px;color:#fff;background:linear-gradient(135deg,#ff9dbb 0%,var(--sakura-d) 42%,var(--violet) 100%);box-shadow:0 20px 44px #e0577f59}.hb-hero.eve{background:linear-gradient(135deg,#f6c66f,#e7799c 45%,#3b3f9e);box-shadow:0 20px 44px #e7799c4d}.hb-hero:before{content:"桜";position:absolute;right:-10px;bottom:-40px;font:800 170px/1 var(--mincho);color:#ffffff1f;pointer-events:none}.hb-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);pointer-events:none}.hb-hero .kick{position:relative;font-size:12px;font-weight:700;letter-spacing:.1em;opacity:.9}.hb-hero h2{position:relative;font:800 30px/1.25 var(--mincho);margin:6px 0 4px;letter-spacing:.03em}.hb-hero p{position:relative;font-size:14.5px;line-height:1.6;opacity:.95;max-width:34em}.hb-hero .per{position:relative;display:flex;gap:6px;margin-top:12px}.hb-hero .per i{width:34px;height:6px;border-radius:99px;background:#ffffff4d}.hb-hero .per i.on{background:#fff}.hb-hero .row{position:relative;display:flex;gap:8px;flex-wrap:wrap}.hub .hb-go{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-top:14px;min-height:50px;padding:0 22px;border-radius:16px;background:#fff;color:#3a2a6e;font-weight:700;font-size:16px;box-shadow:0 10px 24px #1e0a3c40}.hub .hb-go.ghost{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.45);box-shadow:none}.hub .hb-story{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;background:linear-gradient(135deg,#f3c96938,#ffffff0f);border:1px solid rgba(243,201,105,.45)}.hb-story .av{width:50px;height:50px}.hb-story span{flex:1;display:flex;flex-direction:column;min-width:0}.hb-story small{color:var(--gold);font-size:11.5px;font-weight:700;letter-spacing:.06em}.hb-story b{font:700 16px var(--mincho)}.hb-story em{font-style:normal;font-size:13px;color:#ffffffb3}.hb-story>i,.hb-explore>i{font-style:normal;font-size:26px;opacity:.6}.hb-card{background:var(--glass-l);border:1px solid var(--glass-b);border-radius:20px;padding:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hb-quest .hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.hb-quest .hd b{font-size:15px}.hb-quest .hd small{font-size:12px;color:#fff9}.hb-quest ul{list-style:none;display:flex;flex-direction:column;gap:8px}.hb-quest li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}.hb-quest li i{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);display:grid;place-items:center;font:normal 700 12px var(--ui);margin-top:1px}.hb-quest li.ok{color:#ffffff8c;text-decoration:line-through}.hb-quest li.ok i{background:#3fbf7f;border-color:#3fbf7f;color:#fff}.hb-sec{display:flex;flex-direction:column;gap:10px}.hb-h h3{font:700 17px var(--mincho);letter-spacing:.03em}.hb-h small{display:block;font-size:12.5px;color:#ffffff9e;margin-top:1px}.hb-subj{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hub .sj{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 10px 26px #00000038;min-height:132px}.sj .ring{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin-bottom:6px;background:conic-gradient(var(--c) calc(var(--p) * 1%),#eceef6 0)}.sj .ring span{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;font:800 21px var(--mincho);color:var(--c)}.sj b{font:700 17px var(--mincho)}.sj small{font-size:12.5px;color:var(--muted)}.hb-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hub .tl{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:18px;min-height:96px;background:var(--glass-l);border:1px solid var(--glass-b);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tl .e{font-size:22px;margin-bottom:4px}.tl b{font-size:14.5px;line-height:1.3}.tl small{font-size:12px;color:#ffffff9e;line-height:1.4}.tl .badge{position:absolute;top:10px;right:10px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--sakura-d);font:700 12px/22px var(--ui);text-align:center}.hb-people{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none}.hb-people::-webkit-scrollbar{display:none}.hub .pp{position:relative;flex:none;width:112px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:12px 8px;border-radius:20px;background:var(--glass-l);border:1px solid var(--glass-b)}.pp .av{width:58px;height:58px;margin-bottom:4px;box-shadow:0 0 0 2px #ffffffb3}.pp.staff .av{box-shadow:0 0 0 2px var(--gold)}.pp b{font-size:14px}.pp small{font-size:11.5px;line-height:1.35;color:#ffffffa6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pp .heart{position:absolute;top:8px;right:8px;font-size:11px}.hub .hb-explore{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,#6d4bd873,#3f6fe04d);border:1px solid rgba(160,170,255,.4)}.hb-explore .e{font-size:28px}.hb-explore span:not(.e){flex:1;display:flex;flex-direction:column}.hb-explore b{font-size:15.5px}.hb-explore small{font-size:12.5px;color:#ffffffb3}.hb-foot{text-align:center;font-size:11px;color:#fff6;padding-top:4px}@media(min-width:600px){.hb-tools{grid-template-columns:repeat(3,1fr)}.hb-subj{grid-template-columns:repeat(4,1fr)}}@media(min-width:900px){.hb-scroll{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:22px;max-width:1180px;margin:0 auto;padding:28px 32px 40px}.hb-col.a{position:sticky;top:0}.hb-subj{grid-template-columns:repeat(4,1fr)}.hb-people{margin:0;padding:2px 0 6px;flex-wrap:wrap;overflow:visible}.hb-hero h2{font-size:34px}}@media(min-width:820px)and (hover:hover)and (pointer:fine){.joy{display:none}.pad{justify-content:center}.pad-hint{font-size:0}.pad-hint:after{font-size:12.5px;content:"WASD/panah = jalan · Z/Enter = bicara · Esc = tutup · M = menu"}.hub button:hover{filter:brightness(1.06)}.hub .sj:hover,.hub .tl:hover,.hub .pp:hover{transform:translateY(-2px);transition:transform .2s var(--ease)}}@media(prefers-reduced-motion:reduce){#app.hub-on #game{transform:none}}.subj .xpbar{background:#eceef6}@media(max-width:819px){.pad-hint{display:none}}