.emo-leaf-whirl{position:relative;display:inline-block;width:64px;height:64px;flex:none;pointer-events:none}.emo-leaf-whirl__leaf{position:absolute;left:50%;top:50%;width:8px;height:15px;margin:-7.5px 0 0 -4px;overflow:hidden;transform:rotate(var(--angle)) translate(var(--radius)) rotate(180deg);animation:emo-leaf-orbit var(--duration) linear infinite}.emo-leaf-whirl__leaf img{position:absolute;display:block;width:232.7273%;height:109.3238%;max-width:none;left:-66.3636%;top:-4.6975%;-webkit-user-select:none;user-select:none}@keyframes emo-leaf-orbit{0%{transform:rotate(var(--angle)) translate(var(--radius)) rotate(180deg)}to{transform:rotate(calc(var(--angle) + 360deg)) translate(var(--radius)) rotate(180deg)}}@media(prefers-reduced-motion:reduce){.emo-leaf-whirl__leaf{animation:none}}.app-update-notice{position:fixed;z-index:10000;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 28px));padding:18px 20px;color:#3f3529;background:#f8f0dd;border:1px solid #a38b5d;border-radius:14px;box-shadow:0 6px 28px #17271940;font-size:14px}.app-update-notice strong{font-size:16px}.app-update-notice p{margin:8px 0 12px;line-height:1.6}.app-update-notice>div{display:flex;gap:10px}.app-update-notice .btn{flex:1;min-height:44px;margin:0}:root{--sky-1: #f6ead6;--sky-2: #efe3ef;--sky-3: #e3edf0;--paper: #fdf8ee;--paper-2: #f5ecda;--parchment: #f3e7cc;--ink: #3d2f25;--ink-2: #6f5d4d;--ink-3: #a8957f;--line: #e4d6bd;--gold: #b98b3e;--gold-2: #d9bd7f;--gold-soft: #f1e3bd;--night: #36325f;--night-2: #4a4580;--rose: #b4615f;--sage: #5f8a68;--amber-soft: #fbf0d6;--rose-soft: #f8e4e0;--sage-soft: #e3efe2;--shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 10px 30px -14px rgba(96, 70, 40, .35);--shadow-soft: 0 6px 18px -10px rgba(96, 70, 40, .3);--radius: 18px;--region: #55764b;--accent: #ddb968;--serif-ja: "Kaisei Opti", "Kaisei Decol", "Hiragino Mincho ProN", "Yu Mincho", serif;--sans-ja: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;--serif-en: "Lora", Georgia, "Times New Roman", serif;color-scheme:light}:root[data-theme=dark]{--sky-1: #191731;--sky-2: #221f40;--sky-3: #1b2236;--paper: #29264a;--paper-2: #322e57;--parchment: #37325c;--ink: #f3ead8;--ink-2: #c9bda6;--ink-3: #8f8570;--line: #45406f;--gold: #dcb76c;--gold-2: #b8954f;--gold-soft: #4a4270;--night: #e9d8a6;--night-2: #f3e5bd;--amber-soft: #3d3658;--rose-soft: #43304e;--sage-soft: #2f3d4a;--shadow: 0 10px 30px -14px rgba(0, 0, 0, .6);--shadow-soft: 0 6px 18px -10px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}html,body{overscroll-behavior-y:none}html{background:var(--sky-3)}body{min-height:100vh;color:var(--ink);font-family:var(--sans-ja);font-size:16px;line-height:1.75;letter-spacing:.02em;background:radial-gradient(1px 1px at 12% 18%,rgba(185,139,62,.35),transparent 60%),radial-gradient(1px 1px at 78% 9%,rgba(185,139,62,.3),transparent 60%),radial-gradient(1.5px 1.5px at 64% 32%,rgba(185,139,62,.25),transparent 60%),radial-gradient(1px 1px at 30% 62%,rgba(185,139,62,.22),transparent 60%),radial-gradient(1.5px 1.5px at 90% 70%,rgba(185,139,62,.22),transparent 60%),linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 55%,var(--sky-3) 100%) fixed;-webkit-tap-highlight-color:transparent}:root[data-theme=dark] body{background:radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,240,200,.7),transparent 60%),radial-gradient(1px 1px at 78% 9%,rgba(255,240,200,.6),transparent 60%),radial-gradient(1.5px 1.5px at 64% 32%,rgba(255,240,200,.5),transparent 60%),radial-gradient(1px 1px at 30% 62%,rgba(255,240,200,.45),transparent 60%),radial-gradient(1.5px 1.5px at 90% 70%,rgba(255,240,200,.4),transparent 60%),radial-gradient(1px 1px at 45% 85%,rgba(255,240,200,.4),transparent 60%),linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 55%,var(--sky-3) 100%) fixed}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:10px}::selection{background:var(--gold-soft)}.muted{color:var(--ink-2)}.small{font-size:13.5px}.center{text-align:center}.spacer{flex:1}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.row.between{justify-content:space-between}.row.center{justify-content:center}.boot{display:grid;place-items:center;min-height:70vh;font-family:var(--serif-ja);color:var(--ink-2)}.page-head{margin:8px 0 18px}.page-title{font-family:var(--serif-ja);font-weight:700;font-size:clamp(24px,6vw,32px);line-height:1.35;margin:2px 0 6px;letter-spacing:.06em}.eyebrow{margin:0;font-size:12px;letter-spacing:.25em;color:var(--gold);font-weight:700}.tagline{margin:0 0 8px;color:var(--ink-2);font-family:var(--serif-ja)}.story{color:var(--ink-2);margin:6px 0}.footnote{font-size:12.5px;color:var(--ink-3);margin:18px 4px}.sheet-title{font-family:var(--serif-ja);font-size:19px;margin:0 0 4px;font-weight:700}.logo{font-family:"Cormorant Garamond",var(--serif-ja);font-style:italic;font-weight:700;font-size:30px;color:var(--ink);background:none;border:0;padding:0;line-height:1;letter-spacing:.01em}.logo.big{font-size:64px;margin:4px 0 0}.logo-bang{color:var(--gold);margin-left:1px}.logo-img{display:block;height:auto;max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.login-logo{margin:6px 0 0;line-height:1;display:flex;justify-content:center}.login-logo .logo-img{width:min(220px,70%)}.login-logo.big .logo-img{width:min(280px,82%)}.login-logo.big .logo{font-size:64px}.sheet{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:14px 0;box-shadow:var(--shadow);animation:fadeUp .35s ease both}.sheet:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid color-mix(in srgb,var(--gold-2) 35%,transparent);border-radius:calc(var(--radius) - 5px);pointer-events:none}.sheet>*{position:relative;z-index:1}.sheet h2{font-family:var(--serif-ja);font-size:19px;margin:0 0 8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 20px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:700;box-shadow:var(--shadow-soft);transition:transform .15s ease,box-shadow .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.slim{min-height:36px;padding:4px 14px;font-size:14px}.btn.big{min-height:52px;padding:10px 34px;font-size:17px}.btn.wide{width:100%}.btn.primary{background:linear-gradient(180deg,var(--night-2),var(--night));color:#fbf3df;border:1px solid var(--gold-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold-2) 25%,transparent),0 10px 22px -10px #281e5099}:root[data-theme=dark] .btn.primary{color:#2a2546}.btn.ghost{background:transparent;box-shadow:none}.btn.danger{color:var(--rose)}.btn.stop{background:var(--rose-soft);color:var(--rose);border-color:transparent}.btn.muted-on{background:var(--amber-soft)}.btn.again{background:var(--rose-soft)}.btn.good{background:var(--sage-soft)}.btn.easy{background:var(--gold-soft)}.back{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:6px 2px;color:var(--ink-2);font-weight:700}.back:hover{color:var(--ink)}.link{background:none;border:0;color:var(--gold);padding:6px 0;text-align:left;display:block;font-weight:700}.center-link{margin:10px auto 0;text-align:center}.chip-btn{border:1px solid var(--gold-2);background:transparent;border-radius:999px;padding:4px 14px;color:var(--ink);font-weight:700;font-size:14px}.badge{display:inline-block;font-size:12px;padding:2px 10px;border-radius:999px;background:var(--paper-2);color:var(--ink-2);font-weight:700}.badge.demo{background:var(--amber-soft);color:var(--gold)}.toggle{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--ink-2)}.toggle.quiet{margin:10px 4px 0}input[type=checkbox]{accent-color:var(--gold);width:18px;height:18px}input:not([type=checkbox]),select,textarea{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:9px 12px;min-height:42px;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold-2);outline-offset:1px}.tabs-quiet{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:6px 0 4px;overflow-x:auto}.tabs-quiet button{background:none;border:0;padding:10px 0;color:var(--ink-3);font-weight:700;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs-quiet button.on{color:var(--ink);border-color:var(--gold)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e162859;display:grid;place-items:center;padding:18px;z-index:50}.modal .sheet{max-width:440px;width:100%}.set-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}.set-row:last-child{border-bottom:0}.empty-page{text-align:center;padding:30px 8px}.empty-art{width:120px;height:120px;object-fit:contain;animation:idle 2.4s ease-in-out infinite}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card{width:min(420px,100%);text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:30px 24px;box-shadow:var(--shadow);position:relative}.login-card:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid color-mix(in srgb,var(--gold-2) 40%,transparent);border-radius:20px;pointer-events:none}.login-card>*{position:relative;z-index:1}.login-card form{display:grid;gap:12px;text-align:left;margin-top:16px}.login-card label{display:grid;gap:4px;font-size:13px;color:var(--ink-2)}.login-mascot{width:120px;height:120px;object-fit:contain;animation:idle 2.4s ease-in-out infinite}.login-mascot .mascot-art,.empty-art .mascot-art{display:block;width:100%;height:100%;border-radius:50%;background-color:#fbf3e2;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--gold-2) 55%,transparent)}.login-sub{color:var(--ink-2);font-family:var(--serif-ja);margin:6px 0 0}.login-terms{font-size:11px;color:var(--ink-3);margin-top:18px}.note{font-size:13px;padding:8px 12px;border-radius:12px}.note.err{background:var(--rose-soft);color:var(--rose)}.note.ok{background:var(--sage-soft);color:var(--sage)}.consent-card{text-align:left}.consent-card .login-sub{text-align:center;margin-bottom:6px}.consent-card .note{margin:12px 0 0}.consent-card .btn.wide{margin-top:12px}.consent-card a.btn{text-decoration:none}.consent-ask{margin:14px 0 2px;font-family:var(--serif-ja);font-size:17px;line-height:1.7;overflow-wrap:anywhere}.consent-to{margin:0;font-size:13px;color:var(--ink-2);overflow-wrap:anywhere}.consent-can-head{margin:14px 0 6px;font-size:13px;color:var(--ink-2);font-weight:700}.consent-can{list-style:none;margin:0;padding:10px 14px;display:grid;gap:4px;border:1px dashed var(--line);border-radius:14px;background:var(--paper-2)}.consent-can li{display:flex;align-items:center;gap:10px}.consent-can li:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--gold)}.note.consent-note{background:var(--amber-soft);color:var(--ink)}.consent-who{margin:12px 0 0;font-size:13px;color:var(--ink-2);overflow-wrap:anywhere}.consent-who .link{display:inline;padding:0 0 0 8px;font-size:13px}.consent-actions{display:grid;gap:10px;margin-top:16px}.consent-actions .btn.wide{margin-top:0}.consent-card .login-terms{text-align:center}.grant-list{list-style:none;padding:0;margin:0}.grant-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.grant-list li:last-child{border-bottom:0}.grant-list b{font-family:var(--serif-ja);overflow-wrap:anywhere}.map-frame{position:relative;margin:6px 0 0;border-radius:22px;overflow:hidden;border:1px solid var(--gold-2);box-shadow:0 0 0 6px var(--paper),0 0 0 7px var(--line),0 24px 40px -22px #3c28148c}.map-frame img{display:block;width:100%;height:auto;filter:saturate(.92)}:root[data-theme=dark] .map-frame img{filter:saturate(.8) brightness(.78)}.pin{position:absolute;transform:translate(-50%,-50%);background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px}.pin-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 55%,#fff),var(--c));color:#fffaf0;font-weight:700;font-size:13px;font-family:var(--serif-en);border:2px solid #fdf6e3;box-shadow:0 0 0 1px #503c1e59,0 0 16px 2px color-mix(in srgb,var(--c) 45%,transparent);transition:transform .2s ease}.pin-label{background:#fdf8ece6;color:#3d2f25;font-size:11.5px;font-weight:700;padding:0 9px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 6px -2px #3c281466}.pin-label small{color:#8a7a62;font-weight:500}.pin.sel .pin-dot{transform:scale(1.22);box-shadow:0 0 0 2px var(--gold),0 0 22px 6px #ffdc8cb3}.pin.locked .pin-dot{background:#9a8f7c;box-shadow:0 0 0 1px #503c1e59}.pin.locked .pin-label{opacity:.7}.region-card{border-top:3px solid var(--region)}.region-name{font-family:var(--serif-ja);font-size:24px;margin:2px 0}.region-list{margin:14px 4px}.region-list summary{cursor:pointer;color:var(--ink-2);font-size:14px}.region-list ul{list-style:none;padding:4px 0 0;margin:0}.locked-reason{display:flex;gap:8px;align-items:center;color:var(--ink-2);font-size:14px;background:var(--paper-2);padding:10px 14px;border-radius:12px;margin:10px 0 0}.region,.town,.battle{animation:fadeUp .35s ease both}.town-btn{color:var(--ink)}.stage-path{list-style:none;padding:0;margin:4px 0 6px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px 6px;position:relative}.stage-node{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:4px 2px}.stage-node .num{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-family:var(--serif-en);font-weight:600;font-size:17px;border:1px solid var(--line);box-shadow:0 0 0 3px var(--paper),0 0 0 4px color-mix(in srgb,var(--region) 45%,transparent),var(--shadow-soft);transition:transform .2s ease}.stage-node .nm{font-size:11.5px;line-height:1.35;text-align:center;color:var(--ink-2)}.stage-node.sel .num{background:var(--region);color:#fdf6e3;transform:scale(1.08);box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--gold-2),0 0 18px 2px color-mix(in srgb,var(--region) 40%,transparent)}.stage-node.sel .nm{color:var(--ink);font-weight:700}.stage-node.cleared .num{color:var(--gold)}.stage-node.sel.cleared .num{color:var(--gold-soft)}.stage-node.locked .num{color:var(--ink-3);background:var(--paper-2)}.stage-node.locked .nm{color:var(--ink-3)}.departure{border-top:3px solid var(--region)}.stage-title{font-family:var(--serif-ja);font-size:22px;margin:2px 0}.stage-path{gap:12px 2px}.stage-node .nm{font-size:10.5px}.stage-node .num{width:40px;height:40px}.townfolk{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:6px 0 4px}.party{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.member{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:16px;background:var(--paper-2);text-align:center;font-size:13.5px}.member b{font-family:var(--serif-ja)}.member.lead{box-shadow:inset 0 0 0 1px var(--gold-2);background:var(--gold-soft)}.sprite{position:relative;display:grid;place-items:end center;flex:none}.sprite-body{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%;z-index:1}.sprite-body .stick,.ks-portrait .stick{width:100%;height:100%;display:block}.stick{--stick-ink: var(--ink);--stick-face: var(--paper);overflow:visible}.sprite-shadow{position:absolute;bottom:-2px;width:58%;height:10px;border-radius:50%;background:#3c28142e;filter:blur(1px)}.st-idle .sprite-body{animation:idle 2.4s ease-in-out infinite}.st-walk .sprite-body{animation:walk .7s ease-in-out infinite}.st-cast_start .sprite-body{animation:castStart .4s ease-out forwards}.st-cast_release .sprite-body{animation:castRelease .65s ease-out;filter:drop-shadow(0 0 12px rgba(255,220,140,.9))}.st-hurt .sprite-body{animation:hurt .3s ease-in-out;filter:saturate(.6) brightness(1.1)}.st-joy .sprite-body{animation:joy 1s ease-in-out;filter:drop-shadow(0 0 10px rgba(255,220,140,.8))}.st-correct_react .sprite-body{animation:nod .3s ease-in-out}.st-retry_react .sprite-body{animation:tilt .5s ease-in-out}.st-collapse .sprite-body{animation:collapse .85s ease-in forwards}.st-down_hold .sprite-body{transform:rotate(-80deg) translate(-20%,10%) scale(.95);filter:grayscale(.3)}.st-get_up .sprite-body{animation:getUp .9s ease-out}@keyframes idle{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-2px) scaleY(1.015)}}@keyframes walk{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes castStart{to{transform:translateY(-4px) scale(1.04) rotate(-4deg)}}@keyframes castRelease{0%{transform:rotate(-4deg) scale(1.04)}40%{transform:translate(10px) rotate(4deg) scale(1.08)}to{transform:none}}@keyframes hurt{0%,to{transform:none}30%{transform:translate(-10px) rotate(-5deg)}60%{transform:translate(6px)}}@keyframes joy{0%,to{transform:none}20%{transform:scaleY(.9)}45%{transform:translateY(-16px) scaleY(1.06)}70%{transform:translateY(0) scaleY(.96)}}@keyframes nod{50%{transform:translateY(3px) rotate(2deg)}}@keyframes tilt{50%{transform:rotate(-7deg)}}@keyframes collapse{0%{transform:none}30%{transform:translateY(4px) scaleY(.94)}to{transform:rotate(-80deg) translate(-20%,10%) scale(.95)}}@keyframes getUp{0%{transform:rotate(-80deg) translate(-20%,10%) scale(.95)}60%{transform:rotate(-10deg) translateY(4px)}to{transform:none}}:root[data-motion=reduce] *,:root[data-motion=reduce] *:before,:root[data-motion=reduce] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}.battle-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.battle-title{display:flex;flex-direction:column;flex:1;line-height:1.4}.battle-title small{color:var(--ink-3);font-size:12px;letter-spacing:.1em}.battle-title b{font-family:var(--serif-ja);font-size:19px}.arena{position:relative;display:flex;justify-content:space-between;align-items:flex-end;padding:26px 22px 16px;margin-top:10px;min-height:250px;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse 70% 30% at 50% 102%,color-mix(in srgb,var(--region) 70%,#2a2216) 0%,transparent 70%),radial-gradient(circle at 80% 18%,rgba(255,246,220,.85) 0%,transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 30%,#fffaf0),color-mix(in srgb,var(--region) 22%,#f6efe0) 62%,color-mix(in srgb,var(--region) 50%,#6b5a40));border:1px solid var(--gold-2);box-shadow:0 0 0 5px var(--paper),0 0 0 6px var(--line),var(--shadow)}:root[data-theme=dark] .arena{filter:brightness(.82) saturate(.9)}.side{display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1;color:#3d2f25;font-size:12.5px}.hearts span{color:#fff9;font-size:18px;text-shadow:0 1px 2px rgba(60,40,20,.3)}.hearts span.on{color:#d0625f}.hpbar{width:140px;height:8px;background:#fffcf0b3;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px #503c1e40}.hpbar div{height:100%;background:linear-gradient(90deg,#e3a65a,#c8604f);transition:width .6s ease}.telegraph{background:#fdf8ecd9;padding:1px 10px;border-radius:999px;font-size:11px}.monster{width:112px;height:98px;border-radius:50% 50% 44% 44%;position:relative;display:flex;gap:18px;justify-content:center;padding-top:32px;background:radial-gradient(circle at 38% 30%,#d8c8f0,#6a4f9a 72%);box-shadow:0 0 30px 6px #9678d259,inset -8px -10px #0000001f;animation:float 3s ease-in-out infinite}.m-火山{background:radial-gradient(circle at 38% 30%,#ffd0a0,#a24a2c 72%);box-shadow:0 0 30px 6px #e6783c59}.m-氷{background:radial-gradient(circle at 38% 30%,#f2fbff,#6d98c4 72%);box-shadow:0 0 30px 6px #96c8f073}.m-砂漠{background:radial-gradient(circle at 38% 30%,#fbe8b6,#b3823c 72%);box-shadow:0 0 30px 6px #e6be6e66}.m-湿地{background:radial-gradient(circle at 38% 30%,#d6f1dc,#4f8a72 72%);box-shadow:0 0 30px 6px #78be9666}.m-島{background:radial-gradient(circle at 38% 30%,#d4f6f3,#3d8ea4 72%);box-shadow:0 0 30px 6px #6ec8d266}.m-山岳{background:radial-gradient(circle at 38% 30%,#ece6dc,#7d7366 72%);box-shadow:0 0 30px 6px #beb4a066}.monster .eye{width:14px;height:18px;background:#fffdf6;border-radius:50%;position:relative}.monster .eye:after{content:"";position:absolute;width:7px;height:9px;background:#2a2236;border-radius:50%;left:4px;top:6px}.monster.hit{animation:hurt .35s ease-in-out;filter:brightness(1.5)}.monster.attack{animation:lunge .35s ease-in-out}.monster.down{transform:scale(.2) translateY(60px);opacity:0;transition:all .7s ease-in}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes lunge{50%{transform:translate(-36px) scale(1.08)}}.spell{position:absolute;left:28%;bottom:90px;width:44%;height:14px;border-radius:999px;background:linear-gradient(90deg,transparent,#ffe9a8,#fffaf0,#f6c6d8,transparent);animation:spell .6s ease-out forwards;z-index:2;box-shadow:0 0 26px 6px #ffe496cc}@keyframes spell{0%{transform:scaleX(.1);transform-origin:left;opacity:1}to{transform:scaleX(1);transform-origin:left;opacity:0}}.offer{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:14px}.offer-card{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:14px;transition:transform .15s ease,border-color .15s ease}.offer-card:hover{transform:translateY(-2px);border-color:var(--gold-2)}.offer-card b{font-family:var(--serif-ja);font-weight:700}.offer-card .power{font-weight:700;color:var(--gold);font-size:14px}.dbadge{display:inline-block;font-family:var(--serif-en);font-weight:600;font-size:12px;color:#fdf6e3;border-radius:6px;padding:0 8px;background:#6f9466;width:fit-content;letter-spacing:.05em}.dbadge.d2{background:#4e8ea0}.dbadge.d3{background:#b98b3e}.dbadge.d4{background:#b4615f}.dbadge.d5{background:#6e57a6}.q-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px}.q-prompt{font-weight:500;margin:10px 0 4px}.q-context{margin:10px 0}.q-passage{background:var(--parchment);color:var(--ink);padding:14px 16px;border-radius:14px;font-family:var(--serif-en);font-size:18px;line-height:1.75;white-space:pre-wrap;margin:8px 0}.q-passage.list{padding-left:36px}.q-question{font-family:var(--serif-en);font-size:18px;font-weight:600}.q-meaning,.q-scene,.q-notes,.q-insert{font-size:14px;color:var(--ink-2)}.q-notes,.q-insert b{font-family:var(--serif-en)}.q-translation{font-size:14px;color:var(--ink-2);border-left:2px solid var(--gold-2);padding-left:12px}.choices{display:grid;gap:10px;margin:12px 0}.choices.two{grid-template-columns:1fr 1fr}.choice{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:12px 16px;min-height:50px;font-family:var(--serif-en);font-size:17px;display:flex;gap:12px;align-items:baseline;transition:border-color .15s ease,background .15s ease}.choice:hover:not(:disabled){border-color:var(--gold-2)}.choice.on{border-color:var(--gold);background:var(--gold-soft)}.choice kbd{font-family:var(--serif-en);font-size:12px;color:var(--ink-3);min-width:1em}.check{color:var(--gold)}.sched{display:block}.tile-answer,.tile-pool{display:flex;flex-wrap:wrap;gap:8px;min-height:54px;padding:10px;border-radius:14px;margin:10px 0}.tile-answer{background:var(--parchment);border:1px dashed var(--gold-2)}.tile-answer.stack,.tile-pool.stack{flex-direction:column}.tile{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:7px 14px;font-family:var(--serif-en);font-size:17px;min-height:42px;text-align:left;box-shadow:var(--shadow-soft)}.tile.on{border-color:var(--gold)}.blank{color:var(--gold)}.match{display:grid;gap:10px;margin:12px 0}.match-row{display:grid;gap:6px;padding:10px 12px;background:var(--paper-2);border-radius:14px;font-family:var(--serif-en)}.match-row select{font-family:var(--sans-ja)}.text-answer{display:flex;gap:8px;margin:12px 0}.text-answer input{flex:1;font-family:var(--serif-en);font-size:18px}.hints{padding-left:0;list-style:none;font-size:14px;color:var(--ink-2)}.hints li:before{content:"✦ ";color:var(--gold)}.feedback{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--paper-2);border-left:3px solid var(--ink-3)}.feedback b{font-family:var(--serif-ja);font-size:17px}.feedback.correct{background:var(--sage-soft);border-color:var(--sage)}.feedback.incorrect{background:var(--rose-soft);border-color:var(--rose)}.feedback.review,.feedback.revealed{background:var(--amber-soft);border-color:var(--gold)}.feedback .ref{white-space:pre-wrap;font-weight:600;font-family:var(--serif-en)}.battle-log{list-style:none;padding:0 4px;font-size:13px;color:var(--ink-2)}.battle-log li:before{content:"✦ ";color:var(--gold)}.tv-wrap{display:grid;gap:10px;margin-top:10px}.tv-statusbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--ink-2)}.tv-dot{width:9px;height:9px;border-radius:50%;background:var(--ink-3)}.tv-dot.on{background:var(--rose);animation:pulse 1.5s infinite}.tv-level{flex:0 1 120px;height:5px;background:var(--paper-2);border-radius:999px;overflow:hidden}.tv-level-fill{display:block;height:100%;background:linear-gradient(90deg,var(--gold-2),var(--gold))}.tv-error{background:var(--rose-soft);color:var(--rose);padding:10px 14px;border-radius:12px}.tv-error button{background:none;border:0}.tv-warn{background:var(--amber-soft);padding:10px 14px;border-radius:12px;font-size:14px}.tv-live{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:20px;min-height:160px;box-shadow:var(--shadow)}.tv-live-meta{font-size:12px;color:var(--ink-3);letter-spacing:.1em}.tv-live-source{font-size:21px;font-weight:500;line-height:1.6}.tv-live-translated{font-size:21px;font-weight:500;line-height:1.6;margin-top:8px;color:var(--gold)}.partial{opacity:.6}.tv-live-placeholder{color:var(--ink-2);font-family:var(--serif-ja)}.tv-history-title{font-family:var(--serif-ja);margin:10px 0 0}.tv-history{list-style:none;padding:0;display:grid;gap:10px}.tv-row{background:var(--paper);border-radius:16px;padding:12px 14px;border:1px solid var(--line)}.tv-row-meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--ink-3)}.tv-row-flag{padding:0 6px;border-radius:6px}.tv-row-flag.ok{background:var(--sage-soft);color:var(--sage)}.tv-row-flag.err{background:var(--rose-soft);color:var(--rose)}.tv-row-act{background:none;border:0;color:var(--gold);font-size:12px;font-weight:700}.msg-source{font-size:15px}.msg-translated{font-size:15px;color:var(--gold)}.tv-footer{position:sticky;bottom:calc(66px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0}.tv-select{min-width:140px}.tt-input{width:100%}.panel{position:fixed;top:64px;right:12px;width:min(500px,calc(100vw - 24px));max-height:calc(100vh - 160px);overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow);z-index:30}.archive-list{list-style:none;padding:0}.archive-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px dashed var(--line);padding:8px 0}.archive-list .link{color:var(--ink)}.archive-list .link small{display:block;color:var(--ink-2);font-weight:400}@keyframes pulse{50%{opacity:.4}}.search{width:100%;margin:10px 0}.vocab-list{list-style:none;padding:0;margin:0}.vocab-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px dashed var(--line);flex-wrap:wrap}.vocab-list b{font-family:var(--serif-en);font-size:17px}.fc-card{text-align:center}.fc-front{width:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--parchment);border:0;border-radius:16px}.fc-word{font-family:var(--serif-en);font-size:32px;font-weight:600}.fc-meaning{font-size:18px;color:var(--gold)}.fc-grades{display:flex;gap:8px;justify-content:center;margin-top:12px}.tb-pickers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tb-pickers label{display:grid;gap:6px}.tb-pickers select{width:100%}.tb-resume{display:grid;gap:2px;width:100%;margin-top:14px;text-align:left;padding:12px 16px;border-radius:14px;border:1px solid var(--gold-2);background:var(--amber-soft);color:var(--ink);font-weight:700}.tb-toc-head{margin:0 0 4px}.tb-toc-head h2{margin:0}.tb-toc{list-style:none;padding:0;margin:0}.tb-toc li+li{border-top:1px dashed var(--line)}.tb-toc button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 2px;background:none;border:0;text-align:left;color:var(--ink)}.tb-num{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif-en);font-weight:600;background:var(--paper-2);border:1px solid var(--line)}.tb-toc button.done .tb-num{background:var(--gold-soft);border-color:var(--gold-2)}.tb-ch{flex:1;min-width:0;display:grid;gap:2px}.tb-ch b{font-family:var(--serif-ja)}.tb-ch small{color:var(--ink-2);font-size:12.5px;line-height:1.5}.tb-done{flex:none;background:var(--gold-soft);color:var(--gold)}.tb-bar{margin:0;flex-wrap:nowrap}.tb-bar .muted{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-progress{height:4px;border-radius:999px;background:var(--paper-2);overflow:hidden}.tb-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-2),var(--gold));transition:width .3s ease}.tb-page{line-height:1.8;transform-origin:left center}.tb-page.turn-fwd{animation:tbTurnFwd .4s ease both}.tb-page.turn-back{animation:tbTurnBack .4s ease both}@keyframes tbTurnFwd{0%{opacity:0;transform:perspective(1200px) rotateY(-14deg) translate(10px)}to{opacity:1;transform:none}}@keyframes tbTurnBack{0%{opacity:0;transform:perspective(1200px) rotateY(10deg) translate(-10px)}to{opacity:1;transform:none}}.tb-title{font-size:21px}.tb-body{margin:0 0 10px}.tb-target{margin:0;font-family:var(--serif-en);font-size:17px;line-height:1.5}.tb-reading{margin:0;color:var(--ink-3);font-size:13px}.tb-trans{margin:2px 0 0;color:var(--ink-2);font-size:14px;line-height:1.6}.tb-examples,.tb-dialogue{list-style:none;padding:0;margin:14px 0 4px;display:grid;gap:10px}.tb-examples li{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:10px 14px;border-radius:14px;background:var(--parchment)}.tb-speak{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);color:var(--ink-2)}.tb-vocab{margin-top:10px}.tb-vocab li{flex-wrap:nowrap}.tb-vocab li>div:first-child{min-width:0}.tb-vocab .tb-reading{display:block}.tb-vocab .row{flex:none;flex-wrap:nowrap;gap:6px;margin:0}.tb-dialogue li{display:flex;gap:8px;align-items:flex-start}.tb-dialogue li.b{flex-direction:row-reverse}.tb-speaker{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif-en);font-weight:700;font-size:14px;background:var(--sage-soft);color:var(--sage)}.tb-dialogue li.b .tb-speaker{background:var(--rose-soft);color:var(--rose)}.tb-bubble{flex:1;min-width:0;padding:8px 12px;border-radius:14px;background:var(--paper-2)}.tb-dialogue li.b .tb-bubble{background:var(--amber-soft)}.tb-quiz{margin:18px 0 0;padding-top:14px;border-top:1px dashed var(--line)}.tb-quiz:first-of-type{border-top:0;padding-top:0}.tb-q{display:flex;gap:10px;margin:0;font-family:var(--serif-en);font-size:17px;line-height:1.6}.tb-qn{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--gold-soft);color:var(--gold);margin-top:2px}.tb-blank{color:var(--ink-3)}.tb-blank.filled{color:var(--gold);font-weight:700}.tb-quiz .choices{margin:10px 0}.tb-quiz .choice:disabled{opacity:1}.tb-quiz .choice.right{border-color:var(--sage);background:var(--sage-soft)}.tb-quiz .choice.wrong{border-color:var(--rose);background:var(--rose-soft)}.tb-quiz .choice.dim{opacity:.55}.tb-explain{display:block;margin-top:4px;color:var(--ink-2)}.tb-nav{margin-top:6px;flex-wrap:nowrap}.tb-finish h2{margin:6px 0}.bk-bookmark{display:grid;gap:3px;width:100%;margin:4px 0 14px;text-align:left;padding:14px 18px 14px 22px;border-radius:16px;border:1px solid var(--gold-2);background:linear-gradient(90deg,var(--gold-soft) 0 6px,var(--amber-soft) 6px);color:var(--ink);box-shadow:var(--shadow-soft)}.bk-bookmark b{font-family:var(--serif-ja);font-size:17px}.bk-stumble .link{color:var(--ink)}.bk-spines{margin-top:4px}.bk-spines button{display:grid;gap:0;line-height:1.2;padding:4px 2px;min-height:48px;font-size:12px}.bk-stars{font-size:9px;letter-spacing:-.5px;color:var(--gold)}.tb-toc button.next{background:linear-gradient(90deg,transparent,var(--amber-soft));border-radius:12px}.tb-toc button.done .tb-num{background:var(--paper);border-color:var(--rose-soft)}.bk-min{flex:none}.bk-core{margin:6px 0 14px;padding:12px 16px;border-left:3px solid var(--gold);background:var(--gold-soft);border-radius:0 12px 12px 0;font-family:var(--serif-ja);font-weight:700;line-height:1.7}.bk-ja{margin:14px 0;padding:12px 16px;border:1px dashed var(--gold-2);border-radius:14px;background:var(--paper-2)}.bk-ja p{margin:4px 0;line-height:1.7}.bk-ja-label{font-size:12px;letter-spacing:.2em;color:var(--gold);font-weight:700}.bk-tag{display:inline-block;font-size:11px;font-weight:700;padding:0 8px;margin-right:8px;border-radius:999px;background:var(--sage-soft);color:var(--sage)}.bk-tag.en{background:var(--rose-soft);color:var(--rose)}.bk-so{border-top:1px dotted var(--line);padding-top:6px;font-weight:700}.bk-table-wrap{overflow-x:auto;margin:12px 0}.bk-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}.bk-table caption{text-align:left;font-size:12.5px;color:var(--ink-2);padding-bottom:4px}.bk-table th{background:var(--paper-2);font-weight:700;text-align:left}.bk-table th,.bk-table td{border:1px solid var(--line);padding:6px 10px;vertical-align:top}.bk-table td.en{font-family:var(--serif-en);font-size:15px}.bk-note{margin:4px 0 0;font-size:12.5px;color:var(--gold);line-height:1.6}.bk-mistakes{list-style:none;padding:0;margin:12px 0;display:grid;gap:12px}.bk-mistakes li{padding:10px 14px;border-radius:14px;background:var(--paper-2)}.bk-mistakes p{margin:0}.bk-wrong{font-family:var(--serif-en);color:var(--rose);text-decoration:line-through;text-decoration-thickness:1px}.bk-wrong span{text-decoration:none;display:inline-block}.bk-right{font-family:var(--serif-en);color:var(--sage);font-weight:600}.bk-why{margin-top:4px!important;font-size:13.5px;color:var(--ink-2);line-height:1.7}.bk-steps{margin:14px 0;padding:10px 16px;border-radius:14px;border:1px solid var(--line)}.bk-steps-title{margin:0;font-weight:700;font-family:var(--serif-ja)}.bk-steps ol{margin:6px 0 0;padding-left:1.4em;line-height:1.7}.bk-scene{margin:8px 0 4px;font-size:13px;color:var(--ink-2)}.bk-tip{margin:14px 0 0;padding:10px 14px;border-radius:12px;background:var(--sage-soft);font-size:14px;line-height:1.7}.bk-quizzes{margin-top:18px;padding-top:6px;border-top:1px solid var(--line)}.bk-instr{margin:0 0 6px;font-size:13.5px;color:var(--ink-2);font-weight:700}.bk-context{margin:0 0 6px;font-size:13.5px;color:var(--ink-2)}.bk-reply:before{content:"“";color:var(--gold)}.bk-reply:after{content:"”";color:var(--gold)}.tb-quiz .choice{flex-direction:column;align-items:stretch;gap:4px}.tb-quiz .choice:not([lang=en]){font-family:var(--sans-ja);font-size:15.5px}.bk-why-inline{display:block;font-family:var(--sans-ja);font-size:12.5px;color:var(--ink-2);line-height:1.6}.bk-spot{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;font-family:var(--serif-en);font-size:17px}.bk-seg{border:1px dashed var(--gold-2);background:var(--paper);border-radius:10px;padding:6px 10px;font:inherit;color:var(--ink)}.bk-seg:disabled{opacity:1}.bk-seg.right{border-style:solid;border-color:var(--sage);background:var(--sage-soft)}.bk-seg.wrong{border-style:solid;border-color:var(--rose);background:var(--rose-soft)}.bk-seg s{color:var(--rose)}.bk-tiles{margin:8px 0;display:grid;gap:10px;justify-items:start}.bk-line{width:100%;min-height:52px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px;border-bottom:2px solid var(--gold-2)}.bk-line.right{border-color:var(--sage);background:var(--sage-soft);border-radius:10px 10px 0 0}.bk-line.wrong{border-color:var(--rose);background:var(--rose-soft);border-radius:10px 10px 0 0}.bk-pool{display:flex;flex-wrap:wrap;gap:6px}.bk-tile{border:1px solid var(--line);background:var(--parchment);border-radius:10px;padding:8px 12px;font-family:var(--serif-en);font-size:16px;color:var(--ink);box-shadow:var(--shadow-soft)}.bk-tile:disabled{opacity:1}.bk-score{margin-top:18px;padding:14px;border-radius:14px;background:var(--paper-2);text-align:center}.bk-score.ok{background:var(--sage-soft)}.bk-score p{margin:8px 0}.bk-lights{display:flex;gap:8px;justify-content:center;margin:8px 0}.bk-lights span{width:16px;height:16px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.bk-lights span.gold{background:radial-gradient(circle at 35% 30%,#f8e6b0,var(--gold));box-shadow:0 0 8px #dcb46499}.bk-lights span.silver{background:radial-gradient(circle at 35% 30%,#fff,#b9b4c4);box-shadow:0 0 6px #a0a0be80}.bk-pressed{width:72px;height:72px;margin:0 auto;animation:bkPress .7s ease both}.bk-pressed svg{width:100%;height:100%}@keyframes bkPress{0%{opacity:0;transform:scale(1.4) rotate(-20deg)}to{opacity:1;transform:none}}.bk-folded{position:relative}.bk-folded:after{content:"";position:absolute;right:-1px;top:-1px;width:12px;height:12px;background:linear-gradient(225deg,var(--sky-3) 50%,var(--gold-soft) 50%);border-radius:0 999px 0 4px}.sheet{padding:16px}.pin-label{font-size:10px;padding:0 6px}.pin-dot{width:26px;height:26px;font-size:12px}.arena{min-height:220px;padding:22px 14px 14px}.app{position:relative;width:100%;max-width:480px;min-height:100dvh;margin:0 auto}@media(min-width:481px){.app{box-shadow:0 0 0 1px var(--line),0 30px 60px -30px #3c281466;background:color-mix(in srgb,var(--sky-1) 55%,transparent)}}.header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:64px 1fr 64px;align-items:center;min-height:52px;padding:calc(4px + env(safe-area-inset-top)) 8px 4px;background:color-mix(in srgb,var(--sky-1) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.header .logo{font-size:22px;padding-left:6px}.header .logo-img{height:30px;width:auto;margin-left:2px}.header-title{margin:0;text-align:center;font-family:var(--serif-ja);font-size:16px;font-weight:700;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header>:last-child{justify-self:end}.lp{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 6px;color:var(--gold);font-weight:700;font-size:15px}.chip-btn{min-height:36px;padding:0 12px;font-size:13px}.main{padding:12px 14px calc(124px + env(safe-area-inset-bottom))}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:40;width:100%;max-width:480px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:4px 4px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--gold-2);box-shadow:0 -8px 24px -16px #3c281459}.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:6px 0 4px;border:0;background:none;color:var(--ink-3);font-size:10.5px;font-weight:700;letter-spacing:0}.tab-label{white-space:pre-line;text-align:center;line-height:1.2}.tabbar button .tab-ico{display:grid;place-items:center;width:44px;height:30px;border-radius:999px;transition:background .15s ease}.tabbar button.on{color:var(--ink)}.tabbar button.on .tab-ico{background:var(--gold-soft)}.tabbar button.center .tab-ico{width:56px;height:56px;margin-top:-26px;border-radius:50%;background:linear-gradient(180deg,var(--night-2),var(--night));color:#fbf3df;box-shadow:0 0 0 4px var(--paper),0 0 0 5px var(--gold-2),0 10px 20px -8px #281e508c}:root[data-theme=dark] .tabbar button.center .tab-ico{color:#2a2546}.tabbar .tab-art{width:34px;height:34px;margin:-2px 0;object-fit:contain;filter:saturate(.85);transition:filter .15s ease,transform .15s ease}.tabbar button.on .tab-art{filter:drop-shadow(0 1px 1.5px rgba(60,36,16,.35));transform:scale(1.1)}.tabbar button.center .tab-art{width:42px;height:42px;filter:drop-shadow(0 2px 3px rgba(10,6,30,.55))}.tabbar button.center.on .tab-ico{background:linear-gradient(180deg,var(--night-2),var(--night));box-shadow:0 0 0 4px var(--paper),0 0 0 5px var(--gold),0 0 18px 4px #dcb46473}.seg-tabs{display:flex;gap:2px;padding:3px;margin:2px 0 12px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line)}.seg-tabs button{flex:1;min-height:40px;border:0;border-radius:999px;background:none;color:var(--ink-3);font-weight:700;font-size:14px;white-space:nowrap}.seg-tabs button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #3c28142e}.interp>.row.between{flex-wrap:nowrap}.interp>.row.between .seg-tabs{flex:1;margin:0}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-row label{display:grid;gap:4px;font-size:12.5px;color:var(--ink-2)}.filter-row select{width:100%}.page-title{font-size:26px}.region-list,.toggle.quiet{font-size:13.5px}.panel{top:calc(60px + env(safe-area-inset-top));left:50%;right:auto;transform:translate(-50%);width:min(460px,calc(100vw - 20px));max-height:calc(100dvh - 150px)}.tutorial{animation:fadeUp .4s ease both}.tut-top{display:flex;justify-content:space-between;align-items:center}.tut-arena{min-height:260px;transition:filter .8s ease}.tut-arena.dream{filter:blur(1.5px) saturate(.4) brightness(1.08)}.m-森{background:radial-gradient(circle at 38% 30%,#e1f0cf,#5d8a52 72%);box-shadow:0 0 30px 6px #96c87866}.dialog{position:relative;display:block;width:100%;text-align:left;margin:16px 0;padding:18px 18px 30px;min-height:130px;background:var(--paper);border:1px solid var(--gold-2);border-radius:18px;box-shadow:var(--shadow);color:var(--ink);animation:fadeUp .3s ease both}.dialog.narration{background:color-mix(in srgb,var(--paper) 70%,transparent);border-style:dashed}.dialog.narration .dialog-text{font-family:var(--serif-ja);color:var(--ink-2)}.dialog .speaker{position:absolute;top:-12px;left:16px;padding:0 10px;background:var(--paper);border:1px solid var(--gold-2);border-radius:999px;font-size:12px;font-weight:700;color:var(--gold)}.dialog-text{display:block;font-size:16px;line-height:1.85}.dialog-next{position:absolute;right:16px;bottom:8px;font-size:12px;color:var(--gold);font-weight:700}.btn,.chip-btn{white-space:nowrap;flex:none}.header{grid-template-columns:84px 1fr 84px}.ks{--frame: #e4b947;--frame-ink: #4a3424;position:fixed;z-index:20;left:0;right:0;margin:0 auto;width:100%;max-width:480px;overflow:hidden;isolation:isolate;top:0;bottom:calc(67px + env(safe-area-inset-bottom));background:#3b2618;animation:fadeUp .35s ease both}:root[data-theme=dark] .ks{--frame: #b98f3a;--frame-ink: #1c1830}.ks-scene{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;transition:filter .8s ease}.ks.dim .ks-scene{filter:blur(1.5px) saturate(.4) brightness(1.08)}:root[data-theme=dark] .ks-scene{filter:brightness(.78) saturate(.85)}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.backdrop .mote{animation:mote 6s ease-in-out infinite}@keyframes mote{0%,to{transform:translateY(0);opacity:.2}50%{transform:translateY(-14px);opacity:1}}.ks-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 50% 40%,transparent 55%,rgba(70,40,18,.32) 100%),linear-gradient(180deg,#ffd6961f,#ffbe781a)}.ks{--parch-1: #fbf3e2;--parch-2: #efdfbf;--wood-1: #7a5232;--wood-2: #4e321d;--wood-ink: #3b2618}.ks-top{position:absolute;z-index:5;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.ks-title{display:inline-flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;padding:6px 10px 6px 8px;font-family:var(--serif-ja);font-size:12.5px;font-weight:700;letter-spacing:.08em;color:var(--wood-ink);background:linear-gradient(180deg,var(--parch-1),var(--parch-2));border:2px solid var(--wood-1);border-radius:4px;box-shadow:inset 0 0 0 2px var(--parch-1),inset 0 0 0 3px #7a523273,0 3px 8px #321c0c4d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ks-title-leaf{flex:none;width:16px;height:16px}.ks-tools{display:flex;flex:none;gap:4px}.ks-tools button{display:inline-flex;align-items:center;gap:3px;min-height:34px;padding:0 6px;border-radius:5px;white-space:nowrap;font-family:var(--serif-ja);font-size:11.5px;font-weight:700;color:var(--wood-ink);background:linear-gradient(180deg,var(--parch-1),var(--parch-2));border:2px solid var(--wood-1);box-shadow:inset 0 0 0 1.5px var(--parch-1),inset 0 0 0 2.5px #7a523266,0 3px 8px #321c0c4d}.ks-tools button.on{background:linear-gradient(180deg,#f6e2a8,#e6c675)}.ks-portrait{position:absolute;z-index:2;bottom:146px;width:60%;height:62%;transition:filter .3s ease,transform .3s ease,opacity .3s ease;filter:drop-shadow(0 8px 10px rgba(40,28,18,.25))}.ks-portrait.left{left:-4%}.ks-portrait.right{right:-4%}.ks-portrait .ks-figure{width:100%;height:100%;transform-origin:50% 100%;animation:ksIn .35s ease both}.ks-portrait .stick{--stick-face: #fffaf0;--stick-ink: #3d2f25}.ks-portrait:not(.active){filter:brightness(.7) saturate(.65) drop-shadow(0 8px 10px rgba(40,28,18,.2));transform:scale(.93);transform-origin:50% 100%}.ks-portrait.active{z-index:3}.ks-portrait.active.ex-smile .ks-figure{animation:idle 2.4s ease-in-out infinite}.ks-portrait.active.ex-joy .ks-figure{animation:joy .9s ease-in-out}.ks-portrait.active.ex-surprised .ks-figure{animation:hop .35s ease-out}.ks-portrait.active.ex-worry{transform:translateY(3%) rotate(-2deg)}.ks-portrait.active.ex-think{transform:rotate(-3deg)}.ks-portrait.active.ex-determined{transform:translateY(-2%) scale(1.03)}.ks-emote{position:absolute;top:4%;right:20%;z-index:3;min-width:34px;height:34px;padding:0 8px;border-radius:999px;display:grid;place-items:center;font-weight:700;color:var(--frame-ink);background:#fbf3df;border:1.5px solid var(--frame-ink);animation:pop .3s ease-out both}.ks-portrait.right .ks-emote{right:auto;left:20%}.ks-box{position:absolute;z-index:5;left:10px;right:10px;bottom:40px}.ks-name{position:absolute;z-index:2;top:-20px;left:16px;display:inline-flex;align-items:center;min-width:112px;padding:5px 22px 5px 34px;font-family:var(--serif-ja);font-size:16px;font-weight:700;letter-spacing:.14em;color:#fbefd8;background:linear-gradient(180deg,#ffe4b633,#ffe4b600 38%,#12080200 62%,#12080242),var(--wood-grain, repeating-linear-gradient(178deg, rgba(255, 255, 255, .05) 0 2px, transparent 2px 7px)) var(--grain-at, 8% 30%) / 300px auto,linear-gradient(180deg,var(--wood-1),var(--wood-2));border:1.5px solid #26140a;border-radius:6px 14px 14px 6px;box-shadow:inset 0 1px #ffe6be59,inset 0 0 5px 1px #160a0380,0 4px 10px #28160a66;text-shadow:0 1px 0 rgba(0,0,0,.35)}.ks-name-sprig{position:absolute;left:-14px;top:-16px;width:44px;height:44px}.ks-line{position:relative;display:block;width:100%;text-align:left;margin:0;padding:26px 22px 30px;min-height:150px;overflow:hidden;color:var(--wood-ink);border-radius:10px;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.5),transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(190,150,90,.18),transparent 55%),linear-gradient(180deg,var(--parch-1),var(--parch-2));border:3px solid var(--wood-1);box-shadow:0 0 0 2px var(--wood-2),inset 0 0 0 2px #fff8e6cc,inset 0 0 0 3px #7a523259,inset 0 0 22px #9669322e,0 12px 26px -8px #28160a8c;animation:fadeUp .25s ease both}.ks-line:has(>.ks-panel){isolation:isolate;background:none;border-color:transparent;box-shadow:none}:root[data-theme=dark] .ks-line.bt-line:has(>.ks-panel){background:none;box-shadow:none}.ks-panel{position:absolute;z-index:-1;top:-3px;right:-3px;bottom:-3px;left:-3px;pointer-events:none;border-style:solid;border-width:14px 66px 76px 64px;border-color:transparent;border-image-source:var(--pd);border-image-slice:60 290 330 280 fill;border-image-repeat:stretch;filter:drop-shadow(0 10px 14px rgba(40,22,10,.45))}:root[data-theme=dark] .bt-line>.ks-panel{border-image-source:var(--pn);filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}.ks-name-mark{position:absolute;left:-16px;top:50%;width:48px;height:48px;object-fit:contain;translate:0 -50%;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(20,10,4,.55))}.ks-corner{position:absolute;width:26px;height:26px;pointer-events:none}.ks-corner.tl{top:3px;left:3px}.ks-corner.tr{top:3px;right:3px;transform:scaleX(-1)}.ks-corner.bl{bottom:3px;left:3px;transform:scaleY(-1)}.ks-corner.br{bottom:3px;right:3px;transform:scale(-1)}.ks-deco{position:absolute;bottom:3px;width:46px;height:42px;opacity:.55;pointer-events:none}.ks-deco.left{left:5px}.ks-deco.right{right:5px;width:50px}.ks-text{position:relative;display:block;font-family:var(--serif-ja);font-size:17px;font-weight:700;line-height:1.85;letter-spacing:.04em}.ks-line.narration .ks-text{color:#5a4232;font-weight:400;text-align:center}.ks-line.me .ks-text{color:#5a4232}.ks-foot{position:absolute;left:22px;right:18px;bottom:8px;display:flex;justify-content:space-between;align-items:center;font-size:11.5px}.ks-count{color:#8a7058}.ks-next{color:var(--wood-1);font-family:var(--serif-ja);font-weight:700}.ks-gem{display:block;width:26px;height:26px;animation:gem 1.4s ease-in-out infinite}@keyframes gem{50%{transform:translate(2px,3px) rotate(6deg)}}.ks-ask{display:flex;gap:8px;margin-top:8px;animation:fadeUp .25s ease both}.ks-ask input{flex:1;font-size:17px;min-height:48px}.ks-choices{position:absolute;left:20px;right:20px;bottom:calc(100% + 30px);display:grid;gap:8px;animation:fadeUp .25s ease both}.ks-choices button{min-height:46px;padding:8px 16px;border-radius:8px;text-align:center;font-family:var(--serif-ja);font-size:15.5px;font-weight:700;color:var(--wood-ink);background:linear-gradient(180deg,var(--parch-1),var(--parch-2));border:2px solid var(--wood-1);box-shadow:0 0 0 1.5px var(--wood-2),inset 0 0 0 2px var(--parch-1),0 6px 14px -4px #28160a73}.ks-choices button:active{transform:translateY(1px);background:linear-gradient(180deg,#f6e2a8,#e6c675)}.ks-log{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;align-items:end;background:#1e181473;animation:fadeUp .2s ease both}.ks-log-sheet{max-height:78%;overflow:auto;margin:0 12px 12px;padding:14px 16px;color:var(--wood-ink);background:linear-gradient(180deg,var(--parch-1),var(--parch-2));border:3px solid var(--wood-1);box-shadow:0 0 0 2px var(--wood-2);border-radius:10px}.ks-log-head{position:sticky;top:-14px;display:flex;justify-content:space-between;align-items:center;padding:6px 0 8px;background:var(--parch-1);font-family:var(--serif-ja)}.ks-log ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ks-log li b{display:block;font-size:12px;color:var(--wood-1);font-family:var(--serif-ja)}.ks-log li span{font-size:14.5px;line-height:1.7}.ks-log li.narration span{font-family:var(--serif-ja);color:#6a5240}@keyframes ksIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hop{40%{transform:translateY(-6%)}to{transform:none}}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}.onboard{animation:fadeUp .35s ease both}.steps{display:flex;gap:6px;margin:4px 0 14px}.steps{justify-content:center;gap:10px}.steps span{width:8px;height:8px;border-radius:50%;background:var(--line)}.steps span.on{background:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.steps span.done{background:var(--gold-2)}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.hero-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 4px;border-radius:16px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-soft)}.hero-card b{font-family:var(--serif-ja);font-size:13.5px;white-space:nowrap;letter-spacing:-.02em}.hero-card small{font-size:11px;color:var(--ink-2)}.hero-card.on{border-color:var(--gold);background:var(--gold-soft);box-shadow:0 0 0 2px var(--gold-2)}.choice-list{display:grid;gap:10px;margin:12px 0 16px}.pick{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:10px 16px;border-radius:14px;border:1px solid var(--line);background:var(--paper);text-align:left}.pick b{font-family:var(--serif-ja);font-size:17px}.pick small{color:var(--ink-2);font-size:12.5px}.pick.on{border-color:var(--gold);background:var(--gold-soft)}.set-row input{width:9em}.settings .sheet .btn{margin:4px 6px 4px 0}.duo{display:flex;align-items:flex-end;gap:0}.login-mascot,.empty-art{margin:0 auto}.keybar{display:flex;align-items:center;gap:4px;margin:0 0 10px;flex-wrap:wrap}.keybar .key{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line)}.keybar .key.on{color:#fff8e6;background:radial-gradient(circle at 35% 30%,#f6e2a8,var(--gold));box-shadow:0 0 10px #dcb4648c}.keybar-label{font-size:12.5px;color:var(--ink-2);margin:0 6px}.keybar .chip-btn{margin-left:auto}.castle{border-top:3px solid #4a4370}.castle.open{box-shadow:var(--shadow),0 0 24px #dcb46473}.chapter-line{margin:0;font-family:var(--serif-ja);color:var(--gold);font-weight:700}.foe-line{margin:8px 0;padding:10px 12px;border-radius:12px;background:var(--rose-soft);font-family:var(--serif-ja);font-weight:700}.foe-line small{display:block;font-family:var(--sans-ja);font-weight:400;font-size:13px;color:var(--ink-2)}.lore{display:block;margin:6px 0;font-family:var(--serif-ja);color:var(--ink-2);font-size:13.5px;border-left:2px solid var(--gold-2);padding-left:10px}.foe-name{font-family:var(--serif-ja);font-size:13px;background:#fdf8ece6;padding:0 10px;border-radius:999px}.exec-foe{animation:float 3s ease-in-out infinite}.exec-foe.hit{filter:brightness(1.5)}.exec-foe.down{opacity:.4;transition:opacity .7s ease}.journal .chapter{border-left:4px solid var(--region)}.journal .locked,.bestiary .locked{opacity:.55}.member-row{display:flex;gap:12px;align-items:center}.member-row b{font-family:var(--serif-ja);font-size:17px}.member-row p{margin:2px 0}.bestiary,.keys-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.bestiary li,.keys-list li{display:flex;gap:10px;align-items:flex-start}.bestiary .num{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);font-family:var(--serif-en);font-size:13px}.bestiary b,.keys-list b{font-family:var(--serif-ja);display:block}.bestiary small,.keys-list small{display:block;color:var(--ink-2);font-size:13px}.keys-list .key-ico{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);color:var(--ink-3)}.keys-list li.on .key-ico{background:radial-gradient(circle at 35% 30%,#f6e2a8,var(--gold));color:#fff8e6}.bestiary .origin{display:block;margin-top:4px;color:var(--ink-2);font-size:12.5px;line-height:1.6}:root[data-immersive] .header,:root[data-immersive] .tabbar{display:none}:root[data-immersive] .main{padding:0}:root[data-immersive] .ks{top:0;bottom:0}:root[data-immersive] .ks-box{bottom:calc(16px + env(safe-area-inset-bottom))}:root[data-immersive] .ks-top{top:calc(12px + env(safe-area-inset-top))}.film{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;max-width:480px;margin:0 auto;overflow:hidden;background:radial-gradient(ellipse 120% 80% at 50% 0%,#2c2a52,#15132a 60%,#0c0b18);cursor:pointer}.film-sky{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 2.4s ease}.film-sky i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff6d8;box-shadow:0 0 6px 1px #fff0c8b3;animation:twinkle 3.2s ease-in-out infinite}.film.dimming .film-sky i:nth-child(3n){animation:fadeAway 3s ease forwards}.film.dimming .film-sky i:nth-child(3n+1){animation:fadeAway 3s 1.2s ease forwards}.film-forest{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.6s ease .6s}.film.falling .film-forest{opacity:1}.film-line{position:absolute;left:24px;right:24px;top:42%;margin:0;text-align:center;font-family:var(--serif-ja);font-size:21px;letter-spacing:.12em;line-height:1.9;color:#fbf1d8;text-shadow:0 0 18px rgba(255,220,150,.55);animation:filmLine 3s ease both}.film-star{position:absolute;left:70%;top:-10%;width:10px;height:10px;border-radius:50%;background:#fff8e0;box-shadow:0 0 18px 8px #ffe6a0e6,-30px -60px 30px 2px #ffe6a040;animation:fall 1.9s cubic-bezier(.5,0,.75,1) forwards}.film.falling:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fffbea;animation:flash 2.6s ease forwards;pointer-events:none}.film-skip{position:absolute;right:16px;top:calc(14px + env(safe-area-inset-top));z-index:2;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:#ffffff14;color:#fbf1d8b3;font-size:12px;letter-spacing:.08em}.film-video{background:#05040c}.film-v{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;will-change:filter}.film-video .film-v{pointer-events:none}.film-video .film-v::-webkit-media-controls,.film-video .film-v::-webkit-media-controls-enclosure,.film-video .film-v::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.film-coast{inset:0 auto 0 0;max-width:none;object-fit:cover;will-change:transform,filter}.film-white{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffbf0;pointer-events:none}.film-voice{position:absolute;left:7%;right:7%;top:57%;margin:0;text-align:center;pointer-events:none;font-family:var(--serif-ja);font-size:17px;font-weight:500;line-height:2;letter-spacing:.14em;color:#f8f0dc;text-shadow:0 0 14px rgba(255,228,160,.55),0 1px 3px rgba(0,0,0,.6);text-wrap:balance}.film-voice.on-light{color:#4a3122;text-shadow:0 0 12px rgba(255,252,240,.95),0 0 2px rgba(255,255,255,.9)}.film-title{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;animation:filmTitle 1.8s ease-out both}.film-title img{width:min(76%,380px);height:auto;filter:drop-shadow(0 4px 18px rgba(255,236,190,.55))}.film-title-text{font-family:var(--serif-en);font-weight:700;font-size:clamp(56px,18vw,92px);letter-spacing:.02em;color:#fffaf0;text-shadow:0 0 22px rgba(255,226,150,.95),0 0 48px rgba(255,214,120,.6),0 2px 4px rgba(60,40,20,.5)}.film-title-text b{color:#ffd36b;display:inline-block;transform:rotate(8deg);margin-left:2px}@keyframes filmTitle{0%{opacity:0;transform:scale(.94);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.film-title.live{animation:none}.film-handover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#fffbf0;pointer-events:none;animation:handover 1.8s ease-out forwards}@keyframes handover{to{opacity:0}}@media(prefers-reduced-motion:reduce){.film-handover{animation-duration:.2s}}.film-start{position:absolute;left:0;right:0;bottom:calc(9% + env(safe-area-inset-bottom));margin:0;text-align:center;pointer-events:none;font-family:var(--serif-ja);font-size:13px;letter-spacing:.24em;color:#fffaeceb;text-shadow:0 1px 6px rgba(40,24,10,.7);animation:filmStart 2.4s ease-in-out 1s infinite both}@keyframes filmStart{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.film-title,.film-start{animation:none}}@keyframes twinkle{50%{opacity:.3}}@keyframes fadeAway{to{opacity:0}}@keyframes filmLine{0%{opacity:0;transform:translateY(8px);filter:blur(3px)}25%,75%{opacity:1;transform:none;filter:none}to{opacity:0;filter:blur(2px)}}@keyframes fall{0%{transform:translate(0);opacity:0}15%{opacity:1}to{transform:translate(-46vw,70vh) scale(.6);opacity:1}}@keyframes flash{0%,62%{opacity:0}78%{opacity:1}to{opacity:1}}.ks-reflections{position:absolute;left:6px;right:6px;bottom:calc(100% + 34px);display:flex;flex-wrap:wrap;justify-content:center;gap:12px 8px;animation:fadeUp .4s ease both}.ks-dew{width:84px;height:84px;padding:10px 14px 0;border-radius:50%;overflow:hidden;border:1.5px solid rgba(255,255,255,.85);background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.95) 0 6%,transparent 7%),radial-gradient(circle at 50% 60%,#dcf0e68c,#a0c8b459 70%,#6ea08280);box-shadow:inset 0 -8px 16px #3c644640,0 6px 14px #1e321e4d;animation:dew 3.6s ease-in-out infinite}.ks-dew:nth-child(2n){animation-delay:.6s}.ks-dew:nth-child(3n){animation-delay:1.2s}.ks-dew .stick{width:100%;height:120%;--stick-ink: #3d2f25;--stick-face: #fffaf0}.ks-dew:active{transform:scale(.95)}@keyframes dew{50%{transform:translateY(-5px)}}.spell-scene .spell-stage{position:absolute;z-index:3;left:0;right:0;top:8%;height:34%;display:flex;align-items:flex-end;justify-content:space-between;padding:0 18px}.spell-us{display:flex;align-items:flex-end}.spell-us .spell-piko{margin-left:-46px}.spell-scene .spell-foe{width:140px;height:140px}.spell-box{max-height:56%;display:flex;flex-direction:column}.spell-line{display:flex;flex-direction:column;overflow:hidden;max-height:100%;padding:0}.spell-prompt{margin:0 0 8px;font-family:var(--serif-ja);font-weight:700;font-size:15px;line-height:1.7}.spell-line .q-sentence,.spell-line .q-context{background:#ffffff80}.spell-next,.spell-retry{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;padding:0;color:inherit;text-align:left}.spell-retry{justify-content:center;margin-top:10px;min-height:44px;border:2px solid var(--wood-1);border-radius:8px;font-family:var(--serif-ja);font-weight:700;background:linear-gradient(180deg,var(--parch-1),var(--parch-2))}.spell-ref{margin:6px 0 0;font-family:Lora,serif;color:#5a4232}.ks-dew{padding:0}.ks-dew .stick{width:190%;height:190%;margin:-8% 0 0 -45%}.ks-ask input{background:linear-gradient(180deg,var(--parch-1),var(--parch-2));border:2px solid var(--wood-1);border-radius:8px;box-shadow:0 0 0 1.5px var(--wood-2);font-family:var(--serif-ja);font-weight:700;color:var(--wood-ink)}.ks-ask .btn.primary{border-radius:8px;border:2px solid #2e1c0f;color:#fbefd8;font-family:var(--serif-ja);background:repeating-linear-gradient(178deg,rgba(255,255,255,.05) 0 2px,transparent 2px 7px),linear-gradient(180deg,var(--wood-1),var(--wood-2));box-shadow:0 4px 10px #28160a66}.spell-scene .spell-stage{top:6%;height:36%}.ks.spell-scene .spell-box{top:calc(34px + env(safe-area-inset-top));bottom:auto;max-height:56%}.ks.spell-scene .spell-stage{top:auto;bottom:calc(2% + env(safe-area-inset-bottom));height:34%;padding:0 14px}.lang-pick{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px 16px;background:#000;color:#eeeae2;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}.lang-q{width:100%;max-width:360px;display:grid;gap:6px;text-align:center;animation:langIn .9s ease both}.lang-pick.leaving .lang-q{animation:langOut .8s ease forwards}.lang-title{margin:0;font-size:17px;letter-spacing:.08em}.lang-sub{margin:0 0 14px;font-size:12px;letter-spacing:.06em;color:#eeeae28c}.lang-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lang-item{min-height:54px;padding:6px 8px;display:grid;place-content:center;gap:2px;border:1px solid rgba(238,234,226,.4);border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease}.lang-item b{font-size:15px;font-weight:600}.lang-item small{font-size:11px;color:#eeeae299}.lang-item:not(:disabled):hover,.lang-item:not(:disabled):focus-visible{background:#eeeae21a;border-color:#eeeae2cc;outline:none}.lang-item:disabled{opacity:.3;cursor:default}.lang-note{margin:0 0 16px;font-size:13px;line-height:1.7;color:#eeeae2bf}.lang-note span{display:block;text-wrap:balance}.lang-yesno .lang-item{min-height:62px}@keyframes langIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes langOut{to{opacity:0}}@media(prefers-reduced-motion:reduce){.lang-q,.lang-pick.leaving .lang-q{animation-duration:.01s}}.signin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:calc(28px + env(safe-area-inset-top)) 16px calc(28px + var(--kb, 0px) + env(safe-area-inset-bottom));background:#000;color:#eeeae2;color-scheme:dark;font-family:var(--sans-ja)}.signin-q{width:100%;max-width:360px;margin:auto;display:grid;gap:10px;animation:langIn .9s ease both}.signin.leaving .signin-q{animation:langOut .8s ease forwards}.signin-title{margin:0;text-align:center;font-family:var(--serif-ja);font-weight:500;font-size:20px;line-height:1.5;letter-spacing:.14em}.signin-title:focus{outline:none}.signin-sub{margin:-6px 0 10px;text-align:center;font-size:12px;letter-spacing:.06em;color:#eeeae28c}.signin-btn{display:grid;grid-template-columns:20px 1fr 20px;align-items:center;gap:8px;width:100%;min-height:50px;padding:0 14px;border:1px solid rgba(238,234,226,.4);border-radius:12px;background:transparent;font-size:15px;font-weight:500;transition:background .2s ease,border-color .2s ease}.signin-btn>span{text-align:center}.signin-mark{display:block;width:18px;height:18px}.signin-btn:not(:disabled):hover{background:#eeeae21a;border-color:#eeeae2cc}.signin-or{display:flex;align-items:center;gap:12px;margin:4px 0;font-size:12px;color:#eeeae280}.signin-or:before,.signin-or:after{content:"";flex:1;border-top:1px solid rgba(238,234,226,.18)}.signin-form{display:grid;gap:12px}.signin-mode{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border:1px solid rgba(238,234,226,.25);border-radius:12px}.signin-mode button{min-height:44px;border:0;border-radius:9px;background:none;color:#eeeae299;font-size:14px;font-weight:500}.signin-mode button[aria-pressed=true]{background:#eeeae224;color:#eeeae2}.signin-field{display:grid;gap:6px}.signin-field label{font-size:13px;color:#eeeae2bf}.signin .signin-input{width:100%;height:48px;min-height:48px;padding:0 14px;border:1px solid rgba(238,234,226,.35);border-radius:12px;background:#eeeae20f;color:#eeeae2;font-size:16px;caret-color:#eeeae2}.signin .signin-input::placeholder{color:#eeeae259}.signin .signin-input:focus{outline:none;border-color:#eeeae2d9;background:#eeeae217}.signin .signin-input[aria-invalid=true]{border-color:#e5938a}.signin .signin-input:-webkit-autofill{-webkit-text-fill-color:#eeeae2;box-shadow:0 0 0 40px #161512 inset;transition:background-color 9999s}.signin-pw{position:relative}.signin-pw .signin-input{padding-right:64px}.signin-pw .signin-input::-ms-reveal{display:none}.signin-eye{position:absolute;top:2px;right:2px;width:56px;height:44px;border:0;border-radius:10px;background:none;color:#eeeae2bf;font-size:13px}.signin-err{margin:0;font-size:13px;line-height:1.6;color:#f0a39a}.signin-hint{margin:0;font-size:12px;line-height:1.6;color:#eeeae28c}.signin-submit{min-height:50px;margin-top:4px;border:0;border-radius:12px;background:#eeeae2;color:#14130f;font-size:15px;font-weight:700;letter-spacing:.08em}.signin button:focus-visible{outline:2px solid rgba(238,234,226,.9);outline-offset:2px}.signin button:disabled{opacity:.4}.signin button.is-busy:disabled{opacity:1}.signin-live{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.signin-q,.signin.leaving .signin-q{animation-duration:.01s}}.set-account{display:flex;align-items:center;justify-content:space-between;gap:12px}.set-account p{margin:0;min-width:0;overflow-wrap:anywhere}.pass-card{display:grid;gap:8px}.pass-card h2{margin:0}.pass-kicker{margin:0;font-family:var(--serif-en);font-style:italic;font-weight:600;letter-spacing:.06em;color:var(--gold)}.pass-list{margin:0;padding-left:1.3em;display:grid;gap:2px;font-size:14.5px;line-height:1.6}.pass-list.on li::marker{content:"✦  ";color:var(--gold)}.pass-card .btn.primary{justify-self:start;margin-top:4px}.pass-page{max-width:520px;margin:16px auto}.startup-update{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:#192f2b;color:#f6edcf;text-align:center}.startup-update p{margin:0;font-size:16px;line-height:1.8}.startup-update small{max-width:28em;line-height:1.8;color:#d4dccb}.startup-update button{min-height:48px;padding:10px 24px;border:1px solid #e0d2a3;border-radius:24px;background:#f4ead6;color:#253d30;font:inherit;cursor:pointer}