:root{--fs:1;--girl:#f08a24;--boy:#17a398;--ink:#2b2a33;--muted:#6e6879;--panel:#fffffff0;--line:#3c325021;--make:#e0703a;--adv:#3b7dd8;--people:#d4598c;--life:#46a05a;--warn:#c2410c;--gold:#d99a00;--font:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", system-ui, sans-serif;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#f6ead8;margin:0;overflow:hidden}#app{height:100vh;height:100dvh;position:fixed;inset:0}#stage{--k:1;--t:calc(1px * var(--fs) * var(--k));--s:calc(1px * var(--k));width:100%;height:100%;font-size:calc(var(--t) * 16);line-height:1.5;position:relative;overflow:hidden}@media (min-width:1200px) and (min-height:720px){#stage{--k:1.12}}@media (min-width:1600px) and (min-height:900px){#stage{--k:1.3}}.bg{filter:blur(2px)saturate(.95);position:absolute;inset:0}.bg .wall{background:linear-gradient(#fbf3e6 0%,#f6ead8 55%,#efdcc3 70%,#e6cfae 70.2%,#e9d4b5 100%);position:absolute;inset:0}.bg .floor{background:repeating-linear-gradient(90deg,#966e461a 0 2px,#0000 2px 160px),linear-gradient(#d9b98f 0%,#caa577 100%);height:30%;position:absolute;bottom:0;left:0;right:0}.bg .window{background:linear-gradient(#cfeaf7 0%,#e9f6fb 60%,#fff8ec 100%);width:13%;height:46%;position:absolute;top:9%;box-shadow:inset 0 0 0 8px #f4efe6,0 0 24px #fffae6cc}.bg .window span{background:linear-gradient(90deg,#0000 47%,#f4efe6 47% 53%,#0000 53%),linear-gradient(#0000 47%,#f4efe6 47% 53%,#0000 53%);position:absolute;inset:0}.bg .w1{left:4%}.bg .w2{right:4%}.bg .light{background:radial-gradient(60% 50% at 50% 30%,#fffcf08c,#0000 70%);position:absolute;inset:0}.bg .scene{opacity:0;background:50%/cover no-repeat;transition:opacity .6s;position:absolute;inset:-4px}.bg .scene.on{opacity:1}.bg[data-scene=title]{filter:none}#ui{z-index:1;position:absolute;inset:0}#dim{z-index:2;opacity:0;pointer-events:none;background:#28203873;transition:opacity .25s;position:absolute;inset:0}#dim.on{opacity:1}#canvas-host{z-index:3;pointer-events:none;position:absolute;inset:0}#canvas-host canvas{width:100%;height:100%;display:block}#overlay{z-index:4;pointer-events:none;position:absolute;inset:0}#overlay>*{pointer-events:auto}#loading{z-index:9;font-size:calc(var(--t) * 20);color:#6d6578;background:#ffffff80;place-items:center;display:grid;position:absolute;inset:0}.reduced *,.reduced :before,.reduced :after{transition-duration:10ms!important;animation:none!important}.screen{position:absolute;inset:0}.char-slot{min-height:0;position:relative}.sr-only,.actions-title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wide-only{display:none!important}@media (min-width:700px){.wide-only{display:inline-flex!important}.narrow-only{display:none!important}}.btn{font:inherit;font-size:calc(var(--t) * 16);min-height:44px;padding:calc(var(--s) * 10) calc(var(--s) * 18);text-align:center;border-radius:calc(var(--s) * 14);border:2px solid var(--line);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;justify-content:center;align-items:center;gap:6px;font-weight:600;line-height:1.3;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex;box-shadow:0 2px 8px #281e3c14}.btn:active:not([disabled]){transform:translateY(1px)}@media (hover:hover){.btn:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 6px 16px #281e3c24}}.btn:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #ff9f1a}.btn[disabled]{opacity:.5;cursor:default}.btn.primary{color:#fff;background:#3d3554;border-color:#0000}.btn.primary.girl{background:var(--girl)}.btn.primary.boy{background:var(--boy)}.btn.ghost{background:#ffffffbf}.btn.big{font-size:calc(var(--t) * 18);padding:calc(var(--s) * 12) calc(var(--s) * 24);min-height:52px}.btn.small{font-size:calc(var(--t) * 14);padding:calc(var(--s) * 6) calc(var(--s) * 12)}.row{gap:calc(var(--s) * 10);margin-top:calc(var(--s) * 14);flex-wrap:wrap;align-items:center;display:flex}.row.end{justify-content:flex-end}.tag{font-size:calc(var(--t) * 13);color:#555;background:#eee;border-radius:999px;padding:3px 10px;font-weight:700;display:inline-block}.tag.soon{color:#7a5600;background:#fff3cd}.tag.warn{color:var(--warn);background:#ffe3d6}.tag.item{color:#1d5f99;background:#e5f4ff}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:calc(var(--t) * 14);margin:calc(var(--s) * 4) 0 calc(var(--s) * 10);word-break:keep-all}.eyebrow{font-size:calc(var(--t) * 13);letter-spacing:.04em;color:var(--muted);margin:0;font-weight:700}.radio,.check{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:inline-flex}.radio input,.check input{accent-color:#3d3554;flex:none;width:22px;height:22px;margin:0}.title{padding:var(--sat) var(--sar) var(--sab) var(--sal);grid-template:"girl boy"minmax(0,1fr)"center center"/1fr 1fr;display:grid}.title-side{min-height:0;position:relative}.title-side.left{grid-area:girl}.title-side.right{grid-area:boy}.title-side .char-slot{position:absolute;inset:4% 0 0}.title-center{text-align:center;max-height:64dvh;padding:calc(var(--s) * 20) calc(var(--s) * 18);background:var(--panel);border-radius:24px;grid-area:center;align-self:end;margin:0 12px 12px;overflow:auto;box-shadow:0 12px 40px #281e3c2e}.title-center h1{font-size:calc(var(--t) * 28);letter-spacing:-.02em;word-break:keep-all;margin:6px 0 8px;line-height:1.25}.lead{font-size:calc(var(--t) * 15);color:#4d4858;margin:0 0 calc(var(--s) * 16);word-break:keep-all}.title-buttons{gap:10px;max-width:420px;margin:0 auto;display:grid}.fineprint{font-size:calc(var(--t) * 13);color:var(--muted);margin:calc(var(--s) * 14) 0 0;word-break:keep-all}.select{padding:calc(var(--sat) + 10px) calc(var(--sar) + 14px) calc(var(--sab) + 12px) calc(var(--sal) + 14px);flex-direction:column;gap:10px;display:flex}.select-head{grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.select-head .back{grid-row:1}.select-head h1{font-size:calc(var(--t) * 21);word-break:keep-all;margin:0;line-height:1.25}.select-head p{color:#4d4858;font-size:calc(var(--t) * 14);word-break:keep-all;grid-column:1/-1;margin:6px 0 0}.select-switch{background:#ffffffb3;border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.seg{font:inherit;font-weight:700;font-size:calc(var(--t) * 16);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px}.seg[aria-selected=true].girl{background:var(--girl);color:#fff}.seg[aria-selected=true].boy{background:var(--boy);color:#fff}.select-cards{flex:1;grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr);gap:14px;min-height:0;display:grid}.select[data-pick=girl] .char-card.boy,.select[data-pick=boy] .char-card.girl{display:none}.card{background:var(--panel);border-radius:22px;box-shadow:0 8px 28px #281e3c24}.char-card{border-top:8px solid var(--accent,#999);grid-template:"slot info"minmax(0,1fr)"pick pick"/minmax(110px,40%) 1fr;min-height:0;display:grid;overflow:hidden}.char-card.girl{--accent:var(--girl)}.char-card.boy{--accent:var(--boy)}.card-slot{grid-area:slot;margin:8px 0 0}.card-info{flex-direction:column;grid-area:info;gap:8px;min-height:0;padding:14px 14px 8px 4px;display:flex;overflow:auto}.char-card>.btn.primary{min-height:50px;font-size:calc(var(--t) * 17);grid-area:pick;margin:0 14px 14px}.card-info h2{font-size:calc(var(--t) * 24);color:var(--accent);margin:0;line-height:1.2}.card-info h2 small{font-size:calc(var(--t) * 14);color:var(--ink);font-weight:600;display:block}.personality{word-break:keep-all;color:#4d4858;font-size:calc(var(--t) * 15);margin:0}.start-stats{font-size:calc(var(--t) * 13);gap:4px;margin:0;padding:0;list-style:none;display:grid}.start-stats li{grid-template-columns:1.7em minmax(0,1fr) 2em;align-items:center;column-gap:8px;display:grid}.start-stats li>.ico{grid-row:span 2;width:1.7em;height:1.7em}.start-stats li>span{color:#4d4858;grid-column:2/-1}.start-stats b{text-align:right}.mini-bar{background:#eee;border-radius:99px;height:8px;display:block;overflow:hidden}.mini-bar i{background:var(--accent);height:100%;display:block}.outfit{border:2px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:0;padding:2px 12px;display:flex}.outfit legend{font-size:calc(var(--t) * 13);color:var(--muted);padding:0 4px}.hub{grid-template:"head""char"minmax(110px,1fr)"info""acts""foot"/minmax(0,1fr);display:grid}.hub-head{padding:calc(var(--sat) + 8px) calc(var(--sar) + 14px) 8px calc(var(--sal) + 14px);background:#ffffffe6;grid-area:head;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;display:grid;box-shadow:0 2px 14px #281e3c14}.when strong{font-size:calc(var(--t) * 21);white-space:nowrap;line-height:1.15;display:block}.when small{color:var(--muted);font-size:calc(var(--t) * 12);line-height:1.3;display:block}.meters{gap:3px;min-width:0;display:grid}.meter{grid-template-columns:auto minmax(0,1fr) 2em;align-items:center;gap:6px;display:grid}.meter-ico{width:calc(var(--t) * 30);height:calc(var(--t) * 30)}.meter-label{font-weight:700;font-size:calc(var(--t) * 13);display:none}.meter-track{background:#ece7f0;border-radius:99px;height:10px;position:relative}.meter-track i{background:#8a7fa6;border-radius:99px;position:absolute;top:0;bottom:0;left:0}.meter.fatigue i{background:linear-gradient(90deg,#ffc46b,#ff8c42)}.meter.fatigue.hot i{background:linear-gradient(90deg,#ff8c42,#e03131)}.meter.trust i{background:linear-gradient(90deg,#8fd3c7,#2fa39a)}.meter-track em{background:var(--warn);border-radius:2px;width:3px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.meter b{font-size:calc(var(--t) * 14);text-align:right}.stamina{font-size:calc(var(--t) * 12);color:var(--muted);margin:0;line-height:1.3}.hub-left{flex-direction:column;grid-area:char;min-height:0;padding:4px 0 0;display:flex;position:relative}.hub-slot{flex:1;min-height:0}.hub-tags{flex-wrap:wrap;justify-content:center;gap:6px;padding:4px 12px 6px;display:flex}.hub-info{height:clamp(196px,30dvh,290px);min-height:0;margin:0 calc(var(--sar) + 10px) 0 calc(var(--sal) + 10px);background:var(--panel);border-radius:18px 18px 0 0;grid-area:info;padding:0 12px 10px;overflow:auto}.info-tabs{z-index:1;background:var(--panel);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:4px;margin:0 -12px 8px;padding:6px 8px 0;display:grid;position:sticky;top:0}.info-tab{font:inherit;font-weight:700;font-size:calc(var(--t) * 14);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000}.info-tab[aria-selected=true]{color:var(--ink);border-bottom-color:#3d3554}.info-block h3{font-size:calc(var(--t) * 15);margin:0 0 6px}.info-block h3 small{color:var(--muted);font-weight:600}.calendar .cal-head{font-weight:700;font-size:calc(var(--t) * 14);justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.years i{color:#b8b2c4;margin-left:8px;font-style:normal}.years i.done{color:var(--muted)}.years i.now{color:var(--ink);text-decoration:underline}.cal{grid-template-columns:repeat(4,1fr);gap:5px;margin:0;padding:0;list-style:none;display:grid}.cal-cell{text-align:center;background:#f3f0f6;border-radius:10px;flex-direction:column;align-items:center;gap:1px;min-height:44px;padding:3px 2px 4px;display:flex}.cal-cell b{font-size:calc(var(--t) * 12.5);line-height:1.2;display:block}.cal-ico{width:calc(var(--t) * 26);height:calc(var(--t) * 26)}.cal-ico.empty{display:block}.cal-cell.festival{background:#fff1d6}.cal-cell.experience{background:#e2f3ea}.cal-cell.done{opacity:.62}.cal-cell.now{outline-offset:-1px;opacity:1;outline:3px solid #3d3554}.stats{gap:10px;display:grid}.stat-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.stat-list li{font-size:calc(var(--t) * 14);grid-template-columns:1.6em 7.6em minmax(0,1fr) 2em 2.2em;align-items:center;gap:6px;display:grid}.stat-ico{width:1.6em;height:1.6em}.stat-list b{text-align:right}.stat-list .plus{color:#2b8a3e;font-style:normal;font-weight:800}.bar{background:#ece7f0;border-radius:99px;height:10px;position:relative;overflow:hidden}.bar i{background:#7d6fb0;border-radius:99px;position:absolute;top:0;bottom:0;left:0}.bar i.ghost{background:repeating-linear-gradient(45deg,#69db7c 0 4px,#b2f2bb 4px 8px);border-radius:0 99px 99px 0}.stat-list.hist .make .bar i:not(.ghost){background:var(--make)}.stat-list.hist .adv .bar i:not(.ghost){background:var(--adv)}.stat-list.hist .people .bar i:not(.ghost){background:var(--people)}.stat-list.hist .life .bar i:not(.ghost){background:var(--life)}.preview-note{font-size:calc(var(--t) * 13);color:#2b8a3e;word-break:keep-all;margin:0;font-weight:700}.preview-note.muted{color:var(--muted);font-weight:400}@media (max-width:699px) and (max-height:780px){.hub-info{height:clamp(170px,27dvh,290px)}.btn.action{min-height:54px;padding:6px 8px}}@media (max-width:699px),(max-height:560px){.hub[data-tab=comp] .info-block:not([data-tab=comp]),.hub[data-tab=hist] .info-block:not([data-tab=hist]),.hub[data-tab=cal] .info-block:not([data-tab=cal]),.hub[data-tab=cal] .preview-note,.stat-block[data-tab=comp] h3{display:none}}@media (min-width:700px) and (min-height:561px){.info-tabs{display:none}.hub-info{padding-top:12px}.stats{grid-template-columns:1.15fr 1fr;column-gap:20px}.stats .preview-note{grid-column:1/-1}.cal{grid-template-columns:repeat(12,1fr)}.calendar{margin-bottom:12px}}.actions{min-height:0;margin:0 calc(var(--sar) + 10px) 0 calc(var(--sal) + 10px);background:var(--panel);border-top:1px solid var(--line);flex-direction:column;grid-area:acts;padding:8px 12px;display:flex}.action-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn.action{flex-direction:column;gap:2px;min-height:62px;padding:8px 10px}.btn.action b{font-size:calc(var(--t) * 17)}.btn.action small{color:var(--muted);font-weight:500;font-size:calc(var(--t) * 12.5);word-break:keep-all;line-height:1.3}.btn.action.study{border-color:#b9a8ec}.btn.action.club{border-color:#9fd0f2}.btn.action.recommend{border-color:#2fa39a;box-shadow:0 0 0 3px #2fa39a4d}.btn.action.big{width:100%;min-height:84px}.btn.action.big b{font-size:calc(var(--t) * 19)}.btn.action.festival{background:#fff4dc}.btn.action.experience{background:#e7f6ee}.hub-foot{margin:0 calc(var(--sar) + 10px) 0 calc(var(--sal) + 10px);padding:8px 12px calc(var(--sab) + 10px);background:var(--panel);border-top:1px solid var(--line);grid-area:foot;align-items:center;gap:8px;display:flex}.hub-foot .spacer{flex:1;display:none}.hub-foot .saved{font-size:calc(var(--t) * 12);color:var(--muted);align-items:center}.hub-foot .saved.unsaved{color:#b4442c;font-weight:600}.btn.talk{flex:auto;min-width:0}.btn.talk small{color:var(--muted);font-weight:500;font-size:calc(var(--t) * 13);display:none}.btn.talk.girl{border-color:var(--girl)}.btn.talk.boy{border-color:var(--boy)}.hub[data-panel=units],.hub[data-panel=clubs]{grid-template-rows:auto minmax(100px,26dvh) minmax(0,1fr);grid-template-areas:"head""char""acts"}.hub[data-panel=units] .hub-info,.hub[data-panel=clubs] .hub-info,.hub[data-panel=units] .hub-foot,.hub[data-panel=clubs] .hub-foot{display:none}.actions.sub{padding:0 12px calc(var(--sab) + 12px);border-top:0;border-radius:18px 18px 0 0;overflow:auto}.sub-head{z-index:1;background:var(--panel);justify-content:space-between;align-items:center;gap:8px;padding:10px 0 6px;display:flex;position:sticky;top:0}.sub-head h3{font-size:calc(var(--t) * 17);margin:0}.unit-list,.club-list{grid-template-columns:1fr;gap:8px;display:grid}.unit{font:inherit;text-align:left;cursor:pointer;min-height:44px;color:var(--ink);border:2px solid var(--line);border-left:8px solid var(--dc,#999);background:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}@media (hover:hover){.unit:hover:not([disabled]){background:#faf8ff}}.unit.make{--dc:var(--make)}.unit.adv{--dc:var(--adv)}.unit.people{--dc:var(--people)}.unit.life{--dc:var(--life)}.unit.locked{opacity:.7;cursor:not-allowed;background:#f4f2f6}.unit-top{font-size:calc(var(--t) * 16);align-items:center;gap:8px;display:flex}.unit-top b{flex:1}.unit small{font-size:calc(var(--t) * 14);color:#4d4858;word-break:keep-all}.unit-meta{font-size:calc(var(--t) * 12.5);color:var(--muted);word-break:keep-all}.unit .gain{font-size:calc(var(--t) * 13);color:#2b8a3e;word-break:keep-all;font-weight:700}.book{color:var(--muted);font-style:normal}.lv{font-style:normal;font-size:calc(var(--t) * 12);white-space:nowrap;background:#eef;border-radius:99px;padding:1px 8px}.lv.advanced{color:#fff;background:#3d3554}@media (min-width:560px){.unit-list,.club-list{grid-template-columns:1fr 1fr}.btn.talk small{display:inline}}@media (min-width:700px) and (min-height:561px){.hub-info{height:auto;max-height:40dvh}.action-grid{grid-template-columns:repeat(4,1fr)}.btn.action{min-height:84px}.btn.action b{font-size:calc(var(--t) * 19)}.btn.action small{font-size:calc(var(--t) * 13)}}@media (orientation:landscape) and (min-width:640px){.hub{grid-template:"head head""char info"minmax(0,1fr)"char acts""char foot"/minmax(180px,32%) minmax(0,1fr)}.hub-head{grid-template-columns:auto minmax(0,1fr) auto}.meters{grid-template-columns:1fr 1fr;column-gap:20px}.stamina{grid-column:1/-1}.hub-left{padding-bottom:calc(var(--sab) + 6px);padding-left:var(--sal)}.hub-info,.actions,.hub-foot{margin-left:0}.hub-info{border-radius:18px 18px 0 0;height:auto;max-height:none;margin-top:10px}.hub[data-panel=units],.hub[data-panel=clubs]{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"head head""char acts"}.actions.sub{margin-top:10px;margin-bottom:var(--sab);border-radius:18px}.hub-foot .spacer{display:block}}@media (orientation:landscape) and (min-width:1100px) and (min-height:561px){.hub{grid-template-columns:minmax(300px,30%) minmax(0,1fr)}.hub-head{padding-top:calc(var(--sat) + 12px);padding-bottom:12px}.when strong{font-size:calc(var(--t) * 26)}.when small{font-size:calc(var(--t) * 13)}.meter-label,.meter b{font-size:calc(var(--t) * 15)}.meter-track{height:12px}.stamina{font-size:calc(var(--t) * 13)}.hub-info{border-radius:20px 20px 0 0;margin-top:16px;padding:16px 20px}.actions,.hub-foot{padding-left:20px;padding-right:20px}.info-block h3{font-size:calc(var(--t) * 16)}.stat-list li{font-size:calc(var(--t) * 15);grid-template-columns:1.6em 8.4em minmax(0,1fr) 2em 2.4em;gap:8px}.bar{height:12px}.cal-cell{min-height:54px;padding:6px 3px}.cal-cell b{font-size:calc(var(--t) * 14)}.cal-ico{width:calc(var(--t) * 30);height:calc(var(--t) * 30)}.unit-list{grid-template-columns:repeat(3,1fr)}.actions.sub{margin-top:16px}.hub{grid-template-rows:auto minmax(0,max-content) minmax(min-content,1fr) auto}.hub-info{border-radius:20px}.actions{background:0 0;border-top:0;justify-content:flex-end;padding:14px 0 12px}.actions.sub{justify-content:flex-start}.action-grid{flex:auto;grid-auto-rows:1fr;gap:14px;max-height:230px}.btn.action{min-height:96px}.btn.action b{font-size:calc(var(--t) * 22)}.btn.action small{font-size:calc(var(--t) * 14)}.btn.action.big{flex:auto;max-height:200px}.hub-foot{border-radius:18px 18px 0 0}}@media (max-height:560px){.hub-head{padding-top:calc(var(--sat) + 4px);padding-bottom:4px}.when strong{font-size:calc(var(--t) * 18)}.stamina{display:none}.hub-info{margin-top:6px}.info-tabs{padding-top:2px}.info-tab{min-height:40px}.btn.action{min-height:52px;padding:4px 8px}.btn.action small{display:none}.btn.action.big small{display:block}.btn.action.big{min-height:60px}.hub-foot{padding-top:6px;padding-bottom:calc(var(--sab) + 6px)}.hub-tags{padding:2px 6px}.hub-tags .tag{font-size:calc(var(--t) * 11.5)}}@media (orientation:landscape) and (min-width:640px) and (max-height:560px){.action-grid{grid-template-columns:repeat(4,1fr)}.actions{padding-top:6px;padding-bottom:6px}}.modal{padding:calc(var(--sat) + 12px) calc(var(--sar) + 12px) calc(var(--sab) + 12px) calc(var(--sal) + 12px);background:#28203880;place-items:center;display:grid;position:absolute;inset:0}.panel{overscroll-behavior:contain;width:min(100%,1040px);max-height:100%;padding:calc(var(--s) * 24) calc(var(--s) * 28);background:#fff;border-radius:24px;overflow:auto;box-shadow:0 16px 50px #140a284d}.panel h2{font-size:calc(var(--t) * 22);word-break:keep-all;margin:0 0 10px;line-height:1.3}.panel p{word-break:keep-all}.panel.confirm,.panel.result,.panel.career,.panel.menu,.panel.settings,.panel.souvenirs,.panel.quiz,.panel.mini{width:min(100%,680px)}@media (max-width:699px){.modal{padding:calc(var(--sat) + 10px) 0 0;align-items:end}.panel{max-height:100%;padding:20px calc(var(--sar) + 18px) calc(var(--sab) + 18px) calc(var(--sal) + 18px);border-radius:22px 22px 0 0;width:100%!important}.panel .row .btn{flex:auto}}@media (max-height:560px){.modal{padding-top:calc(var(--sat) + 6px);padding-bottom:calc(var(--sab) + 6px)}.panel{padding:14px 20px}.panel h2{font-size:calc(var(--t) * 19);margin-bottom:6px}}.menu-list{gap:10px;display:grid}.quiz-unit{color:var(--muted);font-size:calc(var(--t) * 13);margin:0 0 4px}.panel .quiz-q{font-size:calc(var(--t) * 19);line-height:1.45}.quiz-choices{gap:8px;display:grid}.btn.choice{text-align:left;justify-content:flex-start;gap:12px;width:100%;min-height:52px;font-weight:500}.btn.choice i{background:#efeaf6;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-style:normal;font-weight:800;display:grid}.btn.choice.right{opacity:1;background:#d3f9d8;border-color:#2f9e44}.btn.choice.wrong{opacity:1;background:#ffe3e3;border-color:#e03131}.quiz-explain{background:#f6f4fa;border-radius:14px;margin-top:12px;padding:12px 16px}.quiz-explain.ok b{color:#2b8a3e}.quiz-explain.no b{color:#c92a2a}.quiz-explain p{word-break:keep-all;margin:4px 0 0}.quiz-review{font-size:calc(var(--t) * 12.5);color:var(--muted);flex:100%}.quiz-review:empty{display:none}.delta-list{gap:5px;margin:8px 0;padding:0;list-style:none;display:grid}.delta-list li{background:#f6f4fa;border-radius:12px;justify-content:space-between;gap:12px;padding:8px 14px;display:flex}.delta-list li.up b,.delta-list li.hist b{color:#2b8a3e}.delta-list li.tire b{color:var(--warn)}.delta-list li.rest b,.delta-list li.trust b{color:#1c7ed6}.notes{color:#4d4858;word-break:keep-all;margin:8px 0 0;padding-left:22px}.panel.name{max-width:420px}.name-form h2{font-size:calc(var(--t) * 22);margin:0 0 6px}.name-hint{color:#6b6478;font-size:calc(var(--t) * 14);word-break:keep-all;margin:0 0 12px}.name-input{box-sizing:border-box;width:100%;font:700 calc(var(--t) * 20) var(--font);color:#3d3554;background:#fff;border:2px solid #d7d1e3;border-radius:14px;padding:12px 14px}.name-form .row{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.panel.mini{text-align:center}.mini-label{font-size:calc(var(--t) * 19);justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.mini-label-ico{width:1.7em;height:1.7em}.mini-stage{--wall:#e9f4ff;--wall2:#f7f1e6;--floor:#e4d2b6;--floor2:#dcc59f;--horizon:72%;background:linear-gradient(180deg, var(--wall) 0%, var(--wall2) var(--horizon), var(--floor) var(--horizon), var(--floor2) 100%);border-radius:18px;height:clamp(170px,40dvh,440px);margin:10px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #fff9}.mini-bg,.mini-bg i{display:block;position:absolute}.mini-bg{pointer-events:none;inset:0}.mini-ground{background:#3c28142e;border-radius:50%;height:16px;position:absolute;bottom:8%;left:34%;right:34%}.mini-sprite{object-fit:contain;filter:drop-shadow(0 4px #ffffff80);max-width:90%;height:84%;margin:0 auto;position:absolute;bottom:9%;left:0;right:0}.mini-sprite.small{filter:none;max-width:none;height:clamp(90px,18dvh,200px);margin:0;position:static}.mini-sprite.bob,.map-sprite{animation:.9s ease-in-out infinite mini-bob}@keyframes mini-bob{50%{translate:0 -5px}}.mini-stage[data-scene=sleep] .mini-sprite{height:66%}.mini-fx{font-weight:900;font-size:calc(var(--t) * 20);color:#e8590c;background:#ffffffd9;border-radius:999px;padding:2px 12px;position:absolute;top:7%;right:7%;box-shadow:0 3px #00000014}.mini-fx:empty{display:none}.mini-float{opacity:0;filter:drop-shadow(0 3px 3px #281e3c33);width:clamp(34px,9dvh,64px);height:clamp(34px,9dvh,64px);position:absolute}.mini-float.f0{top:34%;left:16%}.mini-float.f1{top:46%;right:17%}.mini-float.f2{top:12%;left:24%}.mini-progress{background:#ffffff8c;border-radius:99px;height:6px;position:absolute;bottom:8px;left:14px;right:14px;overflow:hidden}.mini-progress i{background:#f0b400;border-radius:99px;width:0;height:100%;display:block}.mini-finale{color:#6b4500;font-size:calc(var(--t) * 22);white-space:nowrap;opacity:0;background:#fff3a8;border:3px solid #f0b400;border-radius:999px;align-items:center;gap:6px;padding:4px 16px 4px 6px;font-weight:900;display:inline-flex;position:absolute;top:4%;left:50%;translate:-50%;box-shadow:0 6px 16px #78500040}.mini-finale .ico{width:1.8em;height:1.8em}.mini-stage[data-finale] .mini-finale{opacity:1}.mini-stage[data-finale] .mini-fx{display:none}.mini-stage[data-finale]:after{content:"";pointer-events:none;z-index:0;background:repeating-conic-gradient(#ffec8c73 0 10deg, transparent 10deg 20deg);animation:6s linear infinite mini-spin;position:absolute;inset:-50%}.mini-stage[data-finale]>:not(.mini-bg){z-index:1}@keyframes mini-spin{to{transform:rotate(360deg)}}.mini-skip{margin-top:2px}.mini-stage[data-scene=study]{--wall:#fff6e4;--wall2:#fde9c8;--floor:#d9b98c;--floor2:#c9a372}.mini-stage[data-scene=study] .p1{background:repeating-linear-gradient(170deg,#0000 0 18px,#ffffff80 18px 20px,#0000 20px 34px),#3f7a5a;border:6px solid #a97848;border-radius:8px;width:38%;height:34%;top:10%;left:8%}.mini-stage[data-scene=study] .p2{aspect-ratio:1;background:conic-gradient(#3d3554 0 2%, transparent 2% 25%, #3d3554 25% 27%, transparent 27%) center / 100% 100%, #fff;border:5px solid #e8590c;border-radius:50%;width:13%;top:12%;right:10%}.mini-stage[data-scene=study] .p3{left:0;right:0;top:calc(var(--horizon) - 2%);background:#b48a5a;height:3%}.mini-stage[data-scene=cook]{--wall:#f2fbff;--wall2:#e2f3fb;--floor:#f3e2c7;--floor2:#e8cfa8;background-image:linear-gradient(90deg, #78b4d240 2px, transparent 2px), linear-gradient(#78b4d240 2px, transparent 2px), linear-gradient(180deg, var(--wall) 0%, var(--wall2) var(--horizon), var(--floor) var(--horizon), var(--floor2) 100%);background-size:34px 34px,34px 34px,auto}.mini-stage[data-scene=cook] .p1{background:#c9b8a6;border-radius:99px;height:4%;top:10%;left:6%;right:6%}.mini-stage[data-scene=cook] .p2,.mini-stage[data-scene=cook] .p3{aspect-ratio:1;background:#b0c4d2bf;border-radius:50%;width:7%;animation:1.6s ease-in-out infinite mini-steam;top:26%;box-shadow:14px -16px 0 -2px #b0c4d2a6,-10px -30px 0 -4px #b0c4d28c}.mini-stage[data-scene=cook] .p2{right:24%}.mini-stage[data-scene=cook] .p3{animation-delay:.8s;right:32%}@keyframes mini-steam{0%{opacity:0;translate:0 20px}50%{opacity:1}to{opacity:0;translate:0 -24px}}.mini-stage[data-scene=sew]{--wall:#fff0f5;--wall2:#ffe3ec;--floor:#e7d6f2;--floor2:#d8c2ea;background-image:radial-gradient(#f078a02e 3px, transparent 4px), linear-gradient(180deg, var(--wall) 0%, var(--wall2) var(--horizon), var(--floor) var(--horizon), var(--floor2) 100%);background-size:26px 26px,auto}.mini-stage[data-scene=sew] .p1{background:conic-gradient(from -20deg at 50% 100%, #f783ac 0 40deg, transparent 40deg) 0 0 / 40px 100% repeat-x, conic-gradient(from -20deg at 50% 100%, #74c0fc 0 40deg, transparent 40deg) 20px 0 / 40px 100% repeat-x;border-top:3px solid #a07a9a;height:12%;top:6%;left:4%;right:4%}.mini-stage[data-scene=sew] .p2{background:linear-gradient(#a0785a 0 14%,#fa5252 14% 86%,#a0785a 86%);border-radius:4px;width:9%;height:16%;bottom:14%;left:10%}.mini-stage[data-scene=sew] .p3{background:repeating-linear-gradient(45deg,#ffd43b 0 8px,#ffe066 8px 16px);border:3px dashed #e67700;border-radius:6px;width:14%;height:12%;bottom:13%;right:9%}.mini-stage[data-scene=robot]{--wall:#23305a;--wall2:#33447a;--floor:#8d99ae;--floor2:#6c7a93;background-image:linear-gradient(90deg, #78c8ff29 1px, transparent 1px), linear-gradient(#78c8ff29 1px, transparent 1px), linear-gradient(180deg, var(--wall) 0%, var(--wall2) var(--horizon), var(--floor) var(--horizon), var(--floor2) 100%);background-size:28px 28px,28px 28px,auto}.mini-stage[data-scene=robot] .p1{background:radial-gradient(circle,#69db7c 0 4px,#0000 5px) 8px 8px/22px 22px,#1b2440;border:3px solid #4dabf7;border-radius:8px;width:18%;height:22%;animation:1s steps(2,end) infinite mini-blink;top:14%;left:8%}.mini-stage[data-scene=robot] .p2{background:#4dabf7;border-radius:4px;width:22%;height:4px;top:18%;right:8%;box-shadow:0 18px #4dabf7,0 36px #4dabf7}.mini-stage[data-scene=robot] .mini-fx{color:#1971c2}.mini-stage[data-scene=robot] .mini-progress{background:#ffffff40}@keyframes mini-blink{50%{filter:brightness(1.5)hue-rotate(60deg)}}.mini-stage[data-scene=hammer]{--wall:#f4dfbf;--wall2:#e9c99b;--floor:#b88a5a;--floor2:#9c6f43;background-image:repeating-linear-gradient(90deg, transparent 0 58px, #78461e2e 58px 61px), linear-gradient(180deg, var(--wall) 0%, var(--wall2) var(--horizon), var(--floor) var(--horizon), var(--floor2) 100%)}.mini-stage[data-scene=hammer] .p1{background:radial-gradient(circle,#8a6038 0 3px,#0000 4px) 0 0/16px 16px,#d6b07e;border:4px solid #8a6038;border-radius:6px;width:26%;height:26%;top:12%;left:7%}.mini-stage[data-scene=hammer] .p2{aspect-ratio:1;background:radial-gradient(circle, #ffd43b 0 20%, transparent 22%), conic-gradient(from 0deg, #ffa94d 0 8%, transparent 8% 25%, #ffa94d 25% 33%, transparent 33% 50%, #ffa94d 50% 58%, transparent 58% 75%, #ffa94d 75% 83%, transparent 83%);border-radius:50%;width:8%;animation:.36s ease-out infinite mini-spark;top:40%;right:30%}@keyframes mini-spark{0%{opacity:1;scale:.4}to{opacity:0;scale:1.4}}.mini-stage[data-scene=laptop]{--wall:#efeaff;--wall2:#e2dafa;--floor:#cfc6e6;--floor2:#b9aed8}.mini-stage[data-scene=laptop] .p1{background:linear-gradient(90deg,#69db7c 0 40%,#0000 40%) 10px 12px/100% 14px no-repeat,linear-gradient(90deg,#74c0fc 0 60%,#0000 60%) 22px 32px/100% 14px no-repeat,linear-gradient(90deg,#ffd43b 0 30%,#0000 30%) 22px 52px/100% 14px no-repeat,#2b2a40;border:5px solid #3d3554;border-radius:8px;width:32%;height:30%;top:12%;left:8%}.mini-stage[data-scene=laptop] .p2{background:#fff;width:10px;height:14px;animation:.8s steps(2,end) infinite mini-blink-c;top:calc(12% + 78px);left:calc(8% + 18px)}@keyframes mini-blink-c{50%{opacity:0}}.mini-stage[data-scene=sleep]{--wall:#26325c;--wall2:#4b5285;--floor:#6f6a8c;--floor2:#5b5677}.mini-stage[data-scene=sleep] .p1{aspect-ratio:1;border-radius:50%;width:14%;top:10%;right:12%;box-shadow:-14px 8px #ffe9a3}.mini-stage[data-scene=sleep] .p2{background:radial-gradient(circle,#fff 0 1.5px,#0000 2.5px) 0 0/46px 38px,radial-gradient(circle,#fff 0 1px,#0000 2px) 20px 16px/62px 52px;animation:2.4s ease-in-out infinite mini-twinkle;inset:0 0 40%}.mini-stage[data-scene=sleep] .mini-fx{color:#fff;background:#ffffff26}@keyframes mini-twinkle{50%{opacity:.4}}.mini-stage[data-scene=walk]{--wall:#bfe6ff;--wall2:#e6f6ff;--floor:#9fd38f;--floor2:#84c174;--horizon:68%}.mini-stage[data-scene=walk] .p1{background:radial-gradient(34px 16px at 40px 20px,#fff 98%,#0000) 0 0/220px 100% repeat-x,radial-gradient(24px 12px at 160px 34px,#fff 98%,#0000) 0 0/300px 100% repeat-x;height:22%;animation:12s linear infinite mini-scroll;top:8%;left:0;right:0}.mini-stage[data-scene=walk] .p2{left:0;right:0;top:calc(var(--horizon) - 18%);background:radial-gradient(circle at 50% 100%,#5fb36a 0 34px,#0000 35px) 0 100%/110px 100% repeat-x,radial-gradient(circle at 50% 100%,#7cc47f 0 24px,#0000 25px) 55px 100%/110px 100% repeat-x;height:18%;animation:3.6s linear infinite mini-scroll}.mini-stage[data-scene=walk] .p3{background:repeating-linear-gradient(90deg,#ffffffb3 0 18px,#0000 18px 40px);height:4px;animation:1.2s linear infinite mini-scroll;bottom:18%;left:0;right:0}@keyframes mini-scroll{to{background-position-x:-440px,-600px}}.mini-stage[data-scene=cheer],.mini-stage[data-scene=idle]{--wall:#fff4d6;--wall2:#ffe8b0;--floor:#ffd8a8;--floor2:#ffc078}.mini-stage[data-scene=cheer] .p1,.mini-stage[data-scene=idle] .p1{background:radial-gradient(circle,#f783ac 0 4px,#0000 5px) 0 0/60px 50px,radial-gradient(circle,#74c0fc 0 4px,#0000 5px) 30px 20px/70px 60px,radial-gradient(circle,#69db7c 0 3px,#0000 4px) 12px 34px/50px 46px;animation:3s linear infinite mini-fall;inset:0 0 30%}@keyframes mini-fall{to{background-position-y:100px,120px,92px}}@media (max-height:560px){.mini-stage{height:52dvh;margin:6px 0}.mini-float{width:32px;height:32px}}.contest-list,.place-list{grid-template-columns:1fr;gap:10px;display:grid}.contest,.card.place{box-shadow:none;border:2px solid var(--line);border-top:8px solid var(--dc,#999);border-radius:18px;flex-direction:column;gap:4px;padding:14px;display:flex}.contest{grid-template-columns:72px minmax(0,1fr);align-items:start;column-gap:12px;display:grid}.contest>*{grid-column:2}.contest>.contest-ico{grid-area:1/1/span 4;align-self:center;width:64px;height:64px}.contest>.btn,.contest>.teamup{grid-column:1/-1}.contest.make,.place.make{--dc:var(--make)}.contest.adv,.place.adv{--dc:var(--adv)}.contest.people,.place.people{--dc:var(--people)}.contest.life,.place.life{--dc:var(--life)}.contest h3,.place h3{font-size:calc(var(--t) * 17);word-break:keep-all;margin:0}.contest p,.place p{font-size:calc(var(--t) * 14);word-break:keep-all;margin:0}.contest .btn,.place .btn{margin-top:8px}.odds{color:#5f3dc4;font-weight:800}.teamup{font-size:calc(var(--t) * 14);word-break:keep-all;align-items:center;gap:8px;min-height:44px;display:flex}.teamup input{flex:none;width:22px;height:22px}.contest-stage{text-align:center}.score-track{background:#ece7f0;border-radius:99px;height:24px;margin:40px 0 10px;position:relative}.score-track>i{background:linear-gradient(90deg,#9775fa,#f06595);border-radius:99px;width:0;transition:width 1.2s ease-out;position:absolute;top:0;bottom:0;left:0}.score-track .mark{font-style:normal;font-size:calc(var(--t) * 13);white-space:nowrap;font-weight:800;line-height:1;position:absolute;top:-32px;transform:translate(-50%)}.score-track .mark:after{content:"";background:currentColor;border-radius:2px;width:3px;height:38px;margin-left:-1.5px;position:absolute;top:18px;left:50%}.mark.place{color:#1c7ed6}.mark.win{color:var(--gold)}.round{font-size:calc(var(--t) * 16)}.round.won b{color:#2b8a3e}.round.lost b{color:#c92a2a}.score{text-align:center;font-weight:700}.rank{font-size:calc(var(--t) * 30);text-align:center;margin:8px 0;font-weight:900}.rank.win{color:var(--gold)}.rank.place{color:#1c7ed6}.souvenir,.mentor{color:#5f3dc4;word-break:keep-all;font-weight:700}.map{background:linear-gradient(#e3f2e1,#cfe8c9);border-radius:18px;height:clamp(100px,18dvh,180px);margin:8px 0 14px;position:relative}.map-path{border-bottom:4px dashed #a3c49b;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:18px;left:6%;right:6%}.map-node{width:36px;height:36px;font-weight:800;font-size:calc(var(--t) * 13);background:#fff;border:3px solid #a3c49b;border-radius:50%;place-items:center;display:grid;transform:translateY(50%)}.map-node.done{color:#fff;background:#2f9e44;border-color:#2f9e44}.map-sprite{height:calc(100% - 40px);max-height:130px;transition:left .9s ease-in-out;position:absolute;bottom:34px;transform:translate(-20%)}.enc-count{color:var(--muted);font-size:calc(var(--t) * 13);margin:0}.enc-text{font-size:calc(var(--t) * 19);word-break:keep-all;margin:4px 0 10px;line-height:1.4}.method-list{grid-template-columns:1fr;gap:8px;margin-bottom:10px;display:grid}.btn.method{flex-direction:column;gap:2px;min-height:56px}.btn.method small{color:var(--muted);font-weight:500;font-size:calc(var(--t) * 13);word-break:keep-all}.enc-card>.btn.ghost{width:100%}.enc-result{font-size:calc(var(--t) * 22);margin:0;font-weight:900}.enc-result.ok{color:#2b8a3e}.enc-result.no{color:#c92a2a}.enc-card>.btn.primary{width:100%;margin-top:6px}@media (min-width:560px){.place-list,.contest-list{grid-template-columns:1fr 1fr}.contest{display:flex}.contest>.contest-ico{align-self:center;width:72px;height:72px}.method-list{grid-template-columns:repeat(3,1fr)}.enc-card>.btn.ghost,.enc-card>.btn.primary{width:auto}}@media (min-width:1000px){.contest-list,.place-list{grid-template-columns:repeat(4,1fr)}}@media (max-height:560px){.contest>.contest-ico{width:52px;height:52px}.map{height:92px;margin-bottom:8px}}.opt{border:2px solid var(--line);border-radius:14px;flex-wrap:wrap;gap:0 20px;margin:10px 0;padding:2px 14px 4px;display:flex}.opt legend{padding:0 4px;font-weight:700}.check{flex-wrap:wrap;margin:6px 0;display:flex}.check small{color:var(--muted);font-size:calc(var(--t) * 13);flex-basis:100%;margin-top:-6px;padding-left:30px}.teacher{background:#f6f4fa;border-radius:14px;margin-top:12px;padding:10px 14px}.teacher h3{font-size:calc(var(--t) * 15);margin:0}.souvenir-list{gap:8px;display:grid}.souvenir-list .btn{text-align:left;justify-content:flex-start}.vn{cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.vn-slot{top:calc(var(--sat) + 6%);bottom:calc(var(--sab) + 22%);width:62%;position:absolute}.vn-slot.left{left:-8%}.vn-slot.right{right:-8%}.vn-box{left:calc(var(--sal) + 10px);right:calc(var(--sar) + 10px);bottom:calc(var(--sab) + 10px);background:#fffffff5;border-radius:20px;min-height:9.6em;padding:26px 18px 10px;position:absolute;box-shadow:0 8px 30px #281e3c38}.vn[data-who=girl]{--accent:var(--girl)}.vn[data-who=boy]{--accent:var(--boy)}.vn[data-who=narr] .vn-box{background:#faf8fff7}.vn[data-who=narr] .vn-text{color:#4d4858;font-style:italic}.nameplate{background:var(--accent);color:#fff;font-weight:700;font-size:calc(var(--t) * 17);border-radius:999px;padding:5px 20px;position:absolute;top:-18px;left:18px}.vn-text{font-size:calc(var(--t) * 18);word-break:keep-all;overflow-wrap:anywhere;min-height:4.8em;margin:0;line-height:1.6}.vn-meta{font-size:calc(var(--t) * 13);color:#8a8496;justify-content:flex-end;min-height:1.4em;display:flex}.vn-next{color:var(--accent,#6d6578);animation:1.2s ease-in-out infinite bob}.vn-choices{gap:8px;margin-top:8px;display:grid}.vn-choices .btn{width:100%}@keyframes bob{50%{transform:translateY(3px)}}@media (orientation:landscape) and (min-width:640px){.vn-slot{width:34%;top:calc(var(--sat) + 3%);bottom:0}.vn-slot.left{left:calc(var(--sal) + 5%)}.vn-slot.right{right:calc(var(--sar) + 5%)}.vn-box{left:max(calc(var(--sal) + 16px), 8%);right:max(calc(var(--sar) + 16px), 8%);bottom:calc(var(--sab) + 16px);min-height:0;padding:30px 32px 12px}.vn-text{font-size:calc(var(--t) * 20);min-height:3.2em}.vn-choices{flex-wrap:wrap;display:flex}.vn-choices .btn{width:auto}}@media (min-width:700px) and (orientation:portrait){.vn-slot{width:46%;bottom:calc(var(--sab) + 18%)}.vn-slot.left{left:2%}.vn-slot.right{right:2%}.vn-box{left:6%;right:6%;bottom:calc(var(--sab) + 24px);min-height:0;padding:32px 30px 12px}.vn-text{font-size:calc(var(--t) * 21);min-height:3.2em}.ending-card{width:min(100%,760px);margin:0 auto}}@media (min-width:1100px) and (min-height:561px){.vn-box{padding:34px 40px 14px}.vn-text{font-size:calc(var(--t) * 23)}.nameplate{font-size:calc(var(--t) * 19);padding:6px 24px;top:-20px;left:28px}}@media (max-height:560px){.vn-box{bottom:calc(var(--sab) + 8px);padding:22px 22px 6px}.vn-text{font-size:calc(var(--t) * 17);min-height:3.2em;line-height:1.5}}.ending{--top:55%;background:#2a2433}.ending.no-art{background:0 0}.ending-scene{height:var(--top);z-index:0;position:absolute;top:0;left:0;right:0;overflow:hidden}.ending-scene canvas,.photo.live canvas{width:100%;height:100%;display:block}.ending-left{left:0;right:0;top:var(--sat);height:calc(var(--top) - var(--sat));z-index:1;pointer-events:none;position:absolute}.ending-slot{position:absolute;inset:4% 0}.ending-card{z-index:2;bottom:0;left:0;right:0;top:calc(var(--top) - 14px);background:#fffffff7;border-radius:22px 22px 0 0;flex-direction:column;transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;box-shadow:0 -8px 30px #140a282e}.ending-card.pre{opacity:0;transform:translateY(24px)}.ending[data-step="2"] .ending-card{top:calc(var(--sat) + 14%)}.ending-body{overscroll-behavior:contain;min-height:0;padding:20px calc(var(--sar) + 20px) 6px calc(var(--sal) + 20px);flex:1;overflow:auto}.ending-actions{padding:10px calc(var(--sar) + 16px) calc(var(--sab) + 12px) calc(var(--sal) + 16px);border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;display:flex}.ending-actions .btn{flex:auto}.ending-actions .btn.primary{flex:2 auto}.ending-card .eyebrow{color:#6b5fa5}.ending-card .job{font-size:calc(var(--t) * 27);word-break:keep-all;margin:4px 0 8px;line-height:1.2}.ending-card h2{font-size:calc(var(--t) * 22);margin:4px 0 6px}.ending-card .job:focus,.ending-card h2:focus{outline:none}.ending-card section{border-top:1px solid var(--line);padding:10px 0}.ending-card h3{font-size:calc(var(--t) * 14);color:#5f3dc4;margin:0 0 2px}.ending-card p,.ending-card li{word-break:keep-all;margin:2px 0}.ending-card ul{margin:0;padding-left:20px}.ending-card .note{font-size:calc(var(--t) * 13.5)}.ending-card .disclaimer{font-size:calc(var(--t) * 13);color:var(--muted);margin:10px 0 4px}.ending-card .career .btn{width:100%}.photo.live{aspect-ratio:16/9;background:#e9e2d6;border-radius:14px;margin:6px 0;position:relative;overflow:hidden}@media (orientation:landscape) and (min-width:640px){.ending{--card-w:clamp(340px, 40%, 620px);--gap:clamp(12px, 3vw, 48px)}.ending-scene{height:auto;bottom:0}.ending-left{top:var(--sat);bottom:var(--sab);height:auto;left:var(--sal);right:calc(var(--card-w) + var(--gap) * 1.5)}.ending-card,.ending[data-step="2"] .ending-card{left:auto;right:calc(var(--sar) + var(--gap));width:var(--card-w);top:calc(var(--sat) + var(--gap));bottom:calc(var(--sab) + var(--gap));height:-moz-fit-content;height:fit-content;max-height:calc(100% - var(--sat) - var(--sab) - var(--gap) * 2);border-radius:24px;margin:auto 0;box-shadow:0 16px 50px #140a2840}.ending-card.pre{transform:translate(24px)}.ending-body{padding:26px 30px 8px}.ending-actions{padding:12px 24px 16px}.ending-card .job{font-size:calc(var(--t) * 32)}.ending-card h3{font-size:calc(var(--t) * 15)}}@media (orientation:landscape) and (min-width:640px) and (max-height:560px){.ending{--card-w:56%;--gap:10px}.ending-body{padding:14px 20px 4px}.ending-actions{padding:8px 14px 10px}.ending-card .job{font-size:calc(var(--t) * 23);margin:2px 0 4px}.ending-card section{padding:6px 0}}@media (min-width:1600px) and (min-height:900px){.ending-card .job{font-size:calc(var(--t) * 36)}}#debug-toggle{top:calc(var(--sat) + 8px);right:calc(var(--sar) + 8px);z-index:20;font:600 12px var(--font);color:#fff;cursor:pointer;background:#1e1c28cc;border:0;border-radius:99px;padding:5px 10px;position:fixed}#debug{top:calc(var(--sat) + 40px);z-index:20;color:#f3f1f8;width:260px;font:12px/1.4 var(--font);background:#1e1c28e6;border-radius:10px;padding:10px;display:none;position:fixed;right:8px}#debug.open{gap:8px;display:grid}#debug .dbg-row{flex-wrap:wrap;gap:6px;display:flex}#debug button,#debug select,#debug input{font:12px var(--font);border:0;border-radius:6px;padding:4px 6px}#debug input{width:60px}@media (orientation:landscape) and (min-width:640px){.title{grid-template:"girl center boy"minmax(0,1fr)/1fr minmax(300px,1.25fr) 1fr}.title-side .char-slot{top:8%;bottom:2%}.title-center{max-height:calc(100% - 24px);padding:calc(var(--s) * 28) calc(var(--s) * 28);align-self:center;margin:12px 0}.title-center h1{font-size:calc(var(--t) * 34)}.lead{font-size:calc(var(--t) * 16)}}@media (orientation:landscape) and (min-width:1100px) and (min-height:561px){.title-center{padding:calc(var(--s) * 44) calc(var(--s) * 40);border-radius:30px}.title-center h1{font-size:calc(var(--t) * 46)}.lead{font-size:calc(var(--t) * 18)}}@media (max-height:560px){.title-center{padding:14px 18px}.title-center h1{font-size:calc(var(--t) * 24);margin:2px 0 4px}.lead{font-size:calc(var(--t) * 14);margin-bottom:10px}.title-buttons{grid-template-columns:1fr 1fr;gap:8px}.title-buttons .btn:first-child{grid-column:1/-1}.title-buttons .btn.big{min-height:46px;font-size:calc(var(--t) * 16)}.fineprint{font-size:calc(var(--t) * 12);margin-top:8px}.eyebrow{font-size:calc(var(--t) * 12)}}@media (min-width:700px),(orientation:landscape) and (min-width:640px){.select-switch{display:none}.select[data-pick] .char-card.girl,.select[data-pick] .char-card.boy{display:grid}}@media (min-width:700px){.select{padding:calc(var(--sat) + 20px) calc(var(--sar) + 28px) calc(var(--sab) + 20px) calc(var(--sal) + 28px);gap:14px}.select-head{text-align:center;grid-template-columns:1fr}.select-head .back{left:calc(var(--sal) + 20px);top:calc(var(--sat) + 16px);position:absolute}.select-head h1{font-size:calc(var(--t) * 30)}.select-head p{font-size:calc(var(--t) * 15)}.card-info{gap:10px;padding:20px 20px 10px 6px}.card-info h2{font-size:calc(var(--t) * 30)}.start-stats{font-size:calc(var(--t) * 14)}.start-stats li{grid-template-columns:1.7em 9.5em minmax(0,1fr) 2em}.start-stats li>.ico{grid-row:auto}.start-stats li>span{grid-column:auto}.char-card>.btn.primary{margin:0 20px 20px}}@media (orientation:landscape) and (min-width:640px){.select-cards{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr)}}@media (orientation:landscape) and (min-width:640px) and (max-height:560px){.select{padding-top:calc(var(--sat) + 6px);padding-bottom:calc(var(--sab) + 8px);gap:6px}.select-head{text-align:left;grid-template-columns:auto 1fr}.select-head .back{position:static}.select-head h1{font-size:calc(var(--t) * 19)}.select-head p{display:none}.card-info{gap:6px;padding:10px 10px 6px 2px}.card-info h2{font-size:calc(var(--t) * 21)}.start-stats{font-size:calc(var(--t) * 12.5);gap:2px}.start-stats li{grid-template-columns:1.5em 8.6em minmax(0,1fr) 2em}.start-stats li>.ico{width:1.5em;height:1.5em}.char-card{border-top-width:6px}.char-card>.btn.primary{min-height:44px;margin:0 12px 10px}}@media (min-width:1100px) and (min-height:561px){.select-head h1,.card-info h2{font-size:calc(var(--t) * 36)}.personality{font-size:calc(var(--t) * 17)}.start-stats{font-size:calc(var(--t) * 15);gap:6px}.mini-bar{height:10px}}.ico{object-fit:contain;vertical-align:middle;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:none;width:1.5em;height:1.5em}.ico.inline{vertical-align:-.32em;width:1.35em;height:1.35em}.btn>.ico{width:1.6em;height:1.6em;margin:-4px 0}.chip{white-space:nowrap;font-size:calc(var(--t) * 13);color:var(--ink);background:#f2eff7;border-radius:999px;align-items:center;gap:1px;padding:1px 7px 1px 2px;font-weight:800;line-height:1.2;display:inline-flex}.chip .ico{width:1.6em;height:1.6em}.chip.up b,.chip.hist b{color:#237032}.chip.tire b,.chip.down b{color:#b03a0a}.chip.rest b,.chip.trust b{color:#1864ab}.chips,.unit-foot{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.badge{color:var(--ink);font-size:calc(var(--t) * 14);word-break:keep-all;background:#f2eff7;border-radius:999px;align-items:center;gap:4px;padding:2px 10px 2px 3px;font-weight:800;line-height:1.25;display:inline-flex}.badge .ico{width:1.7em;height:1.7em}.badge.good{color:#1f6a32;background:#e3f6e7}.badge.warn{color:#a83a0b;background:#ffe3d6}.badge.item{color:#1d5f99;background:#e5f4ff}.badges{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.hub-tags .badge{font-size:calc(var(--t) * 13)}.face{--fc:#b9b2c6;border:2px solid var(--fc);background:#fff7ee;border-radius:50%;flex:none;width:2em;height:2em;display:inline-block;position:relative;overflow:hidden}.face.girl{--fc:var(--girl)}.face.boy{--fc:var(--boy)}.face img{pointer-events:none;width:118%;height:auto;position:absolute;top:2%;left:-9%}.face.big{width:3.2em;height:3.2em}.info-btn{color:#5f3dc4;cursor:pointer;background:#fff;border:2px solid #d9d2e6;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding:0;font:italic 800 17px/1 Georgia,Times New Roman,serif;display:inline-grid;position:relative}.info-btn:before{content:"";position:absolute;inset:-7px}@media (hover:hover){.info-btn:hover{background:#f3efff}}.panel.info{width:min(100%,520px)}.panel.info p{font-size:calc(var(--t) * 16);margin:6px 0;line-height:1.6}.modal-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.modal-head h2{margin:0}.result-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.result-title small{color:var(--muted);font-size:.7em;font-weight:600}.title-ico{width:1.9em;height:1.9em}h3.result-title .title-ico{width:1.6em;height:1.6em}.toast{left:50%;top:calc(var(--sat) + 76px);z-index:6;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 14px 6px 6px;animation:.3s ease-out toast-in,.4s ease-in 1.8s forwards toast-out;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 26px #281e3c40}.toast .face{width:2.2em;height:2.2em}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,-10px)}}.title-icons{justify-content:center;gap:calc(var(--s) * 14);margin:4px 0 calc(var(--s) * 16);display:flex}.title-icons .ico{width:calc(var(--t) * 46);height:calc(var(--t) * 46);filter:drop-shadow(0 3px 4px #281e3c26)}.title-icons .ico:nth-child(odd){transform:rotate(-6deg)}.title-icons .ico:nth-child(2n){transform:rotate(6deg)translateY(-3px)}@media (max-height:560px){.title-icons{margin:0 0 8px}.title-icons .ico{width:calc(var(--t) * 34);height:calc(var(--t) * 34)}}@media (orientation:landscape) and (min-width:1100px) and (min-height:561px){.title-icons .ico{width:calc(var(--t) * 60);height:calc(var(--t) * 60)}}.name-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.name-head h2{margin:0}.when strong{align-items:center;gap:4px;display:flex}.when-ico{width:1.25em;height:1.25em}.when small{align-items:center;gap:6px;font-weight:700;display:flex}.month-dots{background:#ece7f0;border-radius:99px;width:46px;height:6px;display:block;position:relative;overflow:hidden}.month-dots i{background:#8a7fa6;border-radius:99px;position:absolute;top:0;bottom:0;left:0}@media (min-width:700px){.meter-label{display:block}.meter{grid-template-columns:auto auto minmax(0,1fr) 2em}}.hub-chars{flex:1;min-height:0;display:flex;position:relative}.hub-slot{flex:1;margin-right:22%}.hub-helper-slot{width:30%;height:72%;position:absolute;bottom:1%;right:2%}@media (orientation:landscape) and (min-width:640px){.hub-slot{margin-right:30%}.hub-helper-slot{width:40%;height:74%;right:0}}.helper-say{align-items:center;gap:8px;min-width:0;margin:0 0 8px;display:flex}.helper-say .face{width:2.5em;height:2.5em}.bubble{--fc:#b9b2c6;border:2px solid var(--fc);min-width:0;font-size:calc(var(--t) * 14.5);word-break:keep-all;overflow-wrap:anywhere;background:#fff;border-radius:16px;margin:0 0 0 6px;padding:6px 12px;font-weight:700;line-height:1.35;animation:.35s cubic-bezier(.2,1.4,.4,1) .2s both pop-in;position:relative}.bubble:before,.bubble:after{content:"";border:8px solid #0000;position:absolute;top:50%;transform:translateY(-50%)}.bubble:before{border-right-color:var(--fc);left:-17px}.bubble:after{border-right-color:#fff;left:-13px}.helper-say.girl .bubble,.helper-pop.girl .bubble{--fc:var(--girl)}.helper-say.boy .bubble,.helper-pop.boy .bubble{--fc:var(--boy)}@keyframes pop-in{0%{opacity:0;transform:scale(.85)translateY(6px)}}@media (orientation:landscape) and (min-width:1100px) and (min-height:561px){.helper-say{margin-bottom:4px}.bubble{font-size:calc(var(--t) * 16);padding:8px 16px}}@media (max-height:560px){.helper-say{margin-bottom:4px}.helper-say .face{width:2em;height:2em}.bubble{padding:3px 10px}}.btn.action.tile{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:2px 8px;padding:6px 8px;display:grid;position:relative}.tile-ico{grid-row:1/span 2;place-items:center;display:grid}.tile-ico .ico{width:calc(var(--t) * 44);height:calc(var(--t) * 44)}.tile b{align-self:end}.tile-sub{flex-wrap:wrap;align-self:start;align-items:center;gap:3px;display:flex}.tile-sub .chip{font-size:calc(var(--t) * 12)}.mini-ico{width:calc(var(--t) * 22);height:calc(var(--t) * 22)}.btn.action.tile.big{grid-template-columns:auto auto;justify-content:center;column-gap:14px}.btn.action.tile.big .tile-ico .ico{width:calc(var(--t) * 58);height:calc(var(--t) * 58)}.btn.action.tile.big .mini-ico{width:calc(var(--t) * 28);height:calc(var(--t) * 28)}.btn.action.rest{border-color:#c7c1f0}.btn.action.outing{border-color:#ffd59e}.rec{border-color:#f0b400!important;box-shadow:0 0 0 3px #f0b4004d!important}.sticker{z-index:1;pointer-events:none;color:#6b4500;font-size:calc(var(--t) * 12);white-space:nowrap;background:#fff3a8;border:2px solid #f0b400;border-radius:999px;align-items:center;gap:1px;padding:1px 8px 1px 1px;font-weight:900;line-height:1.2;animation:.45s cubic-bezier(.2,1.6,.4,1) .3s both sticker-pop;display:inline-flex;position:absolute;top:-11px;right:-6px;transform:rotate(5deg);box-shadow:0 3px 8px #78500033}.sticker .face{border-width:1.5px;width:1.8em;height:1.8em}.sticker .ico{width:1.6em;height:1.6em}@keyframes sticker-pop{0%{opacity:0;transform:rotate(5deg)scale(.4)}}.actions:not(.sub) .action-grid{padding-top:6px}.unit-list,.club-list{padding-top:8px}@media (min-width:700px) and (min-height:561px){.btn.action.tile:not(.big){text-align:center;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);justify-items:center;padding:10px 8px 8px}.btn.action.tile:not(.big) .tile-ico{grid-row:auto}.btn.action.tile:not(.big) .tile-sub{justify-content:center}.tile-ico .ico{width:calc(var(--t) * 52);height:calc(var(--t) * 52)}}@media (orientation:landscape) and (min-width:1100px) and (min-height:561px){.tile-ico .ico{width:calc(var(--t) * 64);height:calc(var(--t) * 64)}.tile-sub .chip{font-size:calc(var(--t) * 13.5)}.btn.action.tile.big .tile-ico .ico{width:calc(var(--t) * 80);height:calc(var(--t) * 80)}.sticker{font-size:calc(var(--t) * 13)}}@media (max-height:560px){.tile-ico .ico{width:calc(var(--t) * 32);height:calc(var(--t) * 32)}.btn.action.tile{padding:4px 6px}}.sub-head h3{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.sub-head .back{min-width:44px}.back-label{margin-left:2px}@media (max-width:380px){.back-label{display:none}}.unit{position:relative}.unit .sticker{right:46px}.unit-ico{width:1.6em;height:1.6em}.club-ico{width:calc(var(--t) * 40);height:calc(var(--t) * 40);margin:-4px 0}.unit small{-webkit-line-clamp:2;line-clamp:2;font-size:calc(var(--t) * 13);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.unit-foot{margin-top:2px}.unit-foot .lock{font-size:calc(var(--t) * 13);color:#6b6478;font-weight:700}.unit-foot .count{font-size:calc(var(--t) * 12);color:#8a4b00;background:#fff0e0;border-radius:99px;padding:1px 8px;font-weight:800}.pips{align-items:center;gap:5px;margin:2px 0;display:flex}.pips i{background:#e5e0ee;border-radius:50%;width:12px;height:12px}.pips i.on{background:var(--dc,#7d6fb0)}.pips.max{font-size:calc(var(--t) * 12);color:var(--gold);font-weight:900}.hub-foot{gap:6px}.btn.talk{gap:4px;padding-left:6px;padding-right:12px;position:relative}.btn.talk .face{width:1.9em;height:1.9em;margin:-4px 0}.btn.talk>.ico{width:1.5em;height:1.5em}.dot{color:#fff;background:#e8590c;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;top:-7px;right:-5px}.btn.icon-btn{gap:4px;min-width:44px;padding:6px 8px;position:relative}.btn.icon-btn>.ico{width:1.7em;height:1.7em;margin:-6px 0}.btn-label{display:none}.hub-foot .saved{align-items:center;display:inline-flex}.hub-foot .saved .ico{width:30px;height:30px}@media (min-width:700px){.btn-label{display:inline}.btn.icon-btn{padding:6px 12px 6px 8px}}.delta-list{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.delta-list li{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;padding:8px 6px 6px}.delta-list li .ico{width:46px;height:46px}.delta-list li b{font-size:calc(var(--t) * 22);line-height:1.1}.delta-list li small{font-size:calc(var(--t) * 12);color:var(--muted);word-break:keep-all;line-height:1.2}.delta-list li.down b{color:#b03a0a}.helper-pop{align-items:center;gap:8px;margin-top:10px;animation:.4s cubic-bezier(.2,1.4,.4,1) .35s both pop-in;display:flex}.helper-pop .face{width:3em;height:3em}.helper-pop .bubble{font-size:calc(var(--t) * 16);animation:none}.quiz-unit{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.quiz-verdict{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quiz-verdict b{font-size:calc(var(--t) * 20)}.quiz-verdict small{color:var(--muted);font-weight:600}.verdict-ico{width:2em;height:2em}.enc-result{align-items:center;gap:6px;display:flex}.enc-result small{color:var(--muted);font-size:.6em}.rank{justify-content:center;align-items:center;gap:8px;display:flex}.rank-ico{width:1.3em;height:1.3em}.round{align-items:center;gap:4px;display:flex}.uses{flex-wrap:wrap;gap:4px;display:flex}.place-top{align-items:center;gap:8px;display:flex}.place-ico{width:44px;height:44px}.btn.method{gap:2px}.method-ico{width:2.2em;height:2.2em}.odds-pill{font-size:calc(var(--t) * 13);color:#5f3dc4;background:#f0ebff;border-radius:99px;padding:1px 10px;font-weight:800}.enc-card>.btn.ghost .chip{margin-left:4px}.souvenir-list .btn{gap:8px}@media (orientation:landscape) and (min-width:1100px) and (min-height:561px) and (max-height:760px){.btn.action.tile:not(.big){text-align:left;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);justify-items:start;min-height:76px;padding:6px 12px}.btn.action.tile:not(.big) .tile-ico{grid-row:1/span 2}.btn.action.tile:not(.big) .tile-sub{justify-content:flex-start}.tile-ico .ico{width:calc(var(--t) * 52);height:calc(var(--t) * 52)}.btn.action.tile b{font-size:calc(var(--t) * 19)}.actions{padding-top:8px;padding-bottom:8px}.hub-info{margin-top:10px;padding-top:12px;padding-bottom:12px}.cal-cell{min-height:46px;padding:3px 2px}.cal-ico{width:calc(var(--t) * 24);height:calc(var(--t) * 24)}.stat-list{gap:3px}}.btn.talk span,.info-tab{white-space:nowrap}@media (max-width:699px) and (max-height:780px){.hub-info{height:clamp(150px,23dvh,290px)}.actions{padding-top:6px;padding-bottom:6px}.helper-say{gap:6px;margin-bottom:4px}.helper-say .face{width:2.1em;height:2.1em}.bubble{font-size:calc(var(--t) * 13);padding:4px 10px}.btn.action.tile{column-gap:6px;min-height:50px;padding:3px 6px}.tile-ico .ico{width:calc(var(--t) * 34);height:calc(var(--t) * 34)}.btn.action.tile b{font-size:calc(var(--t) * 15.5)}.tile-sub .chip{font-size:calc(var(--t) * 11.5)}.mini-ico{width:calc(var(--t) * 18);height:calc(var(--t) * 18)}.hub-foot{padding-top:6px}.btn.talk>.ico{display:none}}@media (max-width:699px){.action-grid .sticker{padding:1px 3px 1px 1px;top:-14px;right:-4px}.action-grid .sticker>span:last-child{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.panel.term{cursor:pointer;width:min(100%,720px)}.panel.term .helper-pop{margin:0 0 10px}.term-helper{height:calc(var(--t) * 92);flex:none;width:auto;animation:1.1s ease-in-out infinite mini-bob}.term-units{grid-template-columns:repeat(auto-fill, minmax(min(100%, calc(var(--t) * 100)), 1fr));gap:8px;margin:0 0 10px;padding:0;list-style:none;display:grid}.term-unit{--dc:#999;text-align:center;border:2px solid var(--line);border-top:6px solid var(--dc);animation:.4s cubic-bezier(.2,1.5,.4,1) both term-pop;animation-delay:calc(var(--i,0) * 70ms + .15s);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;display:flex}.term-unit.make{--dc:var(--make)}.term-unit.adv{--dc:var(--adv)}.term-unit.people{--dc:var(--people)}.term-unit.life{--dc:var(--life)}.term-ico{width:calc(var(--t) * 44);height:calc(var(--t) * 44)}.term-unit b{font-size:calc(var(--t) * 15);word-break:keep-all;line-height:1.25}.term-lv{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.lv.locked{opacity:.5;text-decoration:line-through}@keyframes term-pop{0%{opacity:0;transform:scale(.6)translateY(10px)}}@media (max-height:560px){.term-helper{height:calc(var(--t) * 60)}.term-unit{padding:6px 4px}.term-ico{width:calc(var(--t) * 32);height:calc(var(--t) * 32)}}.panel.report{width:min(100%,640px)}.report-title{background:linear-gradient(135deg,#fff7dc,#ffeccc);border:2px solid #d99a0059;border-radius:18px;align-items:center;gap:12px;margin:0 0 12px;padding:10px 14px;display:flex}.report-title small{color:var(--muted);font-size:calc(var(--t) * 13);font-weight:600;display:block}.report-title strong{font-size:calc(var(--t) * 22);color:var(--ink);word-break:keep-all}.report-medal{width:calc(var(--t) * 58);height:calc(var(--t) * 58);flex:none;animation:.7s cubic-bezier(.2,1.6,.4,1) both report-medal}@keyframes report-medal{0%{opacity:0;transform:scale(.3)rotate(-25deg)}}.report-comps{gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}.report-comp{animation:.35s ease-out both term-pop;animation-delay:calc(var(--i,0) * 60ms + .2s);border-radius:12px;grid-template-columns:auto minmax(5.5em,auto) 1fr auto auto;align-items:center;gap:8px;padding:4px 8px;display:grid}.report-comp.top{background:#d99a001f}.report-comp b{font-size:calc(var(--t) * 15);word-break:keep-all}.report-bar{background:#3c32501a;border-radius:6px;height:10px;overflow:hidden}.report-bar i{height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg, #ffc94d, var(--gold));animation:.8s ease-out both report-bar;animation-delay:calc(var(--i,0) * 60ms + .3s);display:block}@keyframes report-bar{0%{width:0}}.report-num{font-variant-numeric:tabular-nums;color:var(--muted);font-size:calc(var(--t) * 14)}.report-gain{color:var(--life);font-style:normal;font-weight:700;font-size:calc(var(--t) * 14)}.report-months{flex-wrap:wrap;gap:6px;margin:0 0 8px;display:flex}.report-facts{font-size:calc(var(--t) * 15);gap:4px;margin:0 0 10px;padding:0;list-style:none;display:grid}.report-facts li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.panel.report .helper-pop{margin:0 0 10px}@media (max-width:420px){.report-comp{grid-template-columns:auto 1fr auto auto}.report-bar{display:none}}.reduced .report-medal,.reduced .report-comp,.reduced .report-bar i{animation:none}.vn-pics{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.vn-pic{width:calc(var(--t) * 72);text-align:center;animation:.35s cubic-bezier(.2,1.5,.4,1) both term-pop;animation-delay:calc(var(--i,0) * 80ms + .2s);flex-direction:column;align-items:center;gap:0;display:flex}.vn-pic img{width:calc(var(--t) * 44);height:calc(var(--t) * 44);object-fit:contain}.vn-pic small{font-size:calc(var(--t) * 12);color:#4d4858;word-break:keep-all;font-weight:700;line-height:1.2}@media (max-height:560px){.vn-pic img{width:calc(var(--t) * 32);height:calc(var(--t) * 32)}}.ending-card .eyebrow.kind{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.kind-ico{width:1.9em;height:1.9em}.ending-card h3{align-items:center;gap:2px;display:flex}.ending-card h3 .info-btn{width:26px;height:26px;margin-left:auto;font-size:15px}.end-chips{flex-wrap:wrap;gap:5px;margin:4px 0;display:flex}.end-chips .chip{font-size:calc(var(--t) * 14)}.end-chips .chip.key{background:#fff3a8;box-shadow:inset 0 0 0 2px #f0b400}.ending-card ul.learned,.ending-card ul.recap{gap:4px;padding:0;list-style:none;display:grid}.learned li{align-items:flex-start;gap:6px;display:flex}.learned li .ico{margin-top:2px}.recap li{background:#f6f4fa;border-radius:12px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.recap li>span:not(.badge){word-break:keep-all;flex:1;min-width:0;font-weight:700}.recap-ico{width:2em;height:2em}.recap .badge{font-size:calc(var(--t) * 12.5)}.epilogue .muted{align-items:center;gap:6px;display:flex}.epilogue .muted .face{width:2em;height:2em}.career-lock{background:#f6f4fa;border-radius:14px;align-items:center;gap:10px;margin:4px 0 8px;padding:10px 14px;display:flex}.lock-ico{width:2.2em;height:2.2em}.career-src{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.career-src li{color:#1d5f99;background:#e5f4ff;border-radius:999px;align-items:center;gap:4px;padding:3px 12px 3px 5px;font-weight:800;display:inline-flex}.opt.tiles{padding:4px 10px 10px;display:block}.opt.tiles legend{align-items:center;gap:2px;display:flex}.tile-row{grid-template-columns:repeat(auto-fit, minmax(calc(var(--t) * 60), 1fr));gap:6px;display:grid}.tile-opt{border:2px solid var(--line);cursor:pointer;text-align:center;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:72px;padding:6px 4px;display:flex;position:relative}.tile-opt:has(input:checked){background:#f3efff;border-color:#5f3dc4;box-shadow:0 0 0 2px #5f3dc440}.tile-opt:has(input:checked):after{content:"✓";color:#5f3dc4;font-size:14px;font-weight:900;position:absolute;top:3px;right:7px}:is(.tile-opt:has(input:focus-visible),.toggle:has(input:focus-visible)){outline-offset:2px;outline:3px solid #3d3554}.tile-pic{place-items:center;height:36px;display:grid}.tile-label{font-size:calc(var(--t) * 13.5);word-break:keep-all;font-weight:700;line-height:1.2}.ga{color:#3d3554;font-weight:900;line-height:1}.ga.s1{font-size:18px}.ga.s2{font-size:24px}.ga.s3{font-size:31px}.speed-dots{background:#efeaf6;border-radius:12px;align-items:center;gap:4px;padding:6px 9px;display:inline-flex}.speed-dots i{background:#5f3dc4;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite speed-dot}.speed-dots i:nth-child(2){animation-delay:.15s}.speed-dots i:nth-child(3){animation-delay:.3s}.speed-dots.slow i{animation-duration:2s}.speed-dots.slow i:nth-child(2){animation-delay:.3s}.speed-dots.slow i:nth-child(3){animation-delay:.6s}.speed-dots.fast i{animation-duration:.6s}.speed-dots.fast i:nth-child(2){animation-delay:80ms}.speed-dots.fast i:nth-child(3){animation-delay:.16s}.speed-dots.instant i{animation:none}@keyframes speed-dot{0%,60%,to{opacity:.45;translate:0}30%{opacity:1;translate:0 -5px}}.toggle-row{align-items:center;gap:8px;margin:8px 0;display:flex}.toggle{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;flex:1;align-items:center;gap:8px;min-width:0;min-height:52px;padding:4px 12px 4px 6px;display:flex}.toggle-ico{width:2.1em;height:2.1em}.toggle-label{word-break:keep-all;flex:1;font-weight:700}.switch{background:#cfc8dc;border-radius:99px;flex:none;width:50px;height:28px;transition:background .2s;position:relative}.switch i{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle:has(input:checked) .switch{background:#5f3dc4}.toggle:has(input:checked) .switch i{transform:translate(22px)}.teacher h3{align-items:center;gap:2px;display:flex}.teacher .toggle{background:#fff}.btn.souv{text-align:left;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;display:grid}.btn.souv b{word-break:keep-all}.souv-ico{width:2em!important;height:2em!important}.souv-state{font-size:calc(var(--t) * 12.5);color:#5f3dc4;white-space:nowrap;background:#efeaf6;border-radius:99px;padding:1px 10px;font-weight:800}.btn.souv.primary .souv-state{background:#fff}@media (max-width:380px){.btn.souv{grid-template-columns:auto minmax(0,1fr) auto}.btn.souv .souv-state{grid-column:2/-1;justify-self:start}}@media (prefers-reduced-motion:reduce){.bubble,.sticker,.helper-pop,.toast,.vn-next{animation:none}.score-track>i,.map-sprite,.ending-card{transition:none}}.sound-glyph{display:inline-block}.sound-glyph svg{display:block}.title-tools{grid-template-columns:1fr 1fr auto;gap:10px;display:grid}.title-tools .btn{white-space:nowrap;padding-left:calc(var(--s) * 10);padding-right:calc(var(--s) * 10)}.title-tools .sound-btn{min-width:52px}@media (max-height:560px){.title-buttons .btn:first-child{grid-column:auto}.title-tools{grid-column:1/-1;gap:8px}.title-tools .sound-btn{min-width:46px}}.vol-row{border:2px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:8px;min-height:52px;margin:8px 0;padding:4px 12px 4px 6px;display:flex}.vol-row .toggle-label{flex:none;min-width:3.4em}.vol-row input[type=range]{accent-color:#5f3dc4;cursor:pointer;flex:100px;min-width:70px;height:28px;margin:0}.vol-val{text-align:right;width:2.2em;font-size:calc(var(--t) * 14);flex:none}.sound-opts{margin-left:18px}@media (max-width:380px){.sound-opts{margin-left:0}}.panel.gallery{isolation:isolate;width:min(100%,880px)}.gal-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;margin-bottom:4px;display:flex}.gal-head h2{margin:0}.gal-count{color:var(--muted);align-items:center;gap:6px;margin:0;font-weight:800;display:flex}.gal-count b{font-size:calc(var(--t) * 26);color:#5f3dc4;line-height:1}.gal-bar{width:calc(var(--t) * 90);background:#ece7f0;border-radius:99px;height:10px;margin-left:4px;display:block;position:relative;overflow:hidden}.gal-bar i{background:linear-gradient(90deg,#f0b400,#ff9f1a);border-radius:99px;position:absolute;top:0;bottom:0;left:0}.gal-section h3{font-size:calc(var(--t) * 15);align-items:baseline;gap:8px;margin:12px 0 6px;display:flex}.gal-section h3 small{color:var(--muted);font-weight:700}.gal-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--t) * 100), 1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.gal-grid li{min-width:0;display:flex}.gal-card{--dc:#b9b2c6;--dc2:var(--dc);width:100%;font:inherit;color:var(--ink);text-align:center;cursor:pointer;border:2px solid var(--line);border-top:5px solid var(--dc);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:0 0 6px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}@media (hover:hover){.gal-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #281e3c24}}.gal-pic{aspect-ratio:1/1.05;background:linear-gradient(160deg, color-mix(in srgb, var(--dc) 22%, #fff), color-mix(in srgb, var(--dc2) 22%, #fff));width:100%;display:block;position:relative;overflow:hidden}.gal-art{pointer-events:none;width:165%;max-width:none;position:absolute;top:4%;left:50%;transform:translate(-50%)}.gal-card.unseen .gal-pic{background:linear-gradient(160deg,#ece8f2,#dcd6e6)}.gal-card.unseen .gal-art{filter:brightness(0);opacity:.2}.gal-q{font-style:normal;font-weight:900;font-size:calc(var(--t) * 40);color:#3d355480;place-items:center;display:grid;position:absolute;inset:0}.gal-icons{z-index:1;margin-top:calc(var(--t) * -15);justify-content:center;gap:2px;display:flex;position:relative}.gal-ico{width:calc(var(--t) * 28);height:calc(var(--t) * 28);filter:drop-shadow(0 2px 2px #281e3c33)}.gal-name{font-size:calc(var(--t) * 12.5);word-break:keep-all;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding:0 6px;line-height:1.25;display:-webkit-box;overflow:hidden}.gal-card.unseen .gal-name{color:var(--muted);letter-spacing:.1em}.gal-who{gap:2px;display:flex;position:absolute;top:5px;right:5px}.gal-face{width:1.7em;height:1.7em}.gal-foot{bottom:calc(var(--s) * -24);margin:10px calc(var(--s) * -28) calc(var(--s) * -24);padding:10px calc(var(--s) * 28) calc(var(--s) * 16);background:linear-gradient(#fff0,#fff 30%);position:sticky}.gal-foot .gal-reset{margin-right:auto}.gal-foot .gal-reset:disabled{opacity:.45;cursor:default}@media (max-width:699px){.gal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.gal-foot{bottom:calc(var(--sab) * -1 - 18px);margin:8px -18px calc(var(--sab) * -1 - 18px);padding:8px 18px calc(var(--sab) + 14px)}}@media (max-height:560px){.gal-foot{margin:6px -20px -14px;padding:6px 20px 10px;bottom:-14px}}.panel.gal-detail{width:min(100%,560px)}.gal-detail-pics{justify-content:center;gap:10px;display:flex}.gal-detail-pic{aspect-ratio:3/4;background:linear-gradient(160deg,#fff4e6,#f3efff);border-radius:16px;width:min(46%,210px);position:relative;overflow:hidden}.gal-detail-art{width:125%;max-width:none;position:absolute;top:3%;left:50%;transform:translate(-50%)}.gal-detail-who{font-size:calc(var(--t) * 13);background:#ffffffeb;border-radius:99px;align-items:center;gap:4px;padding:2px 10px 2px 2px;font-weight:800;display:inline-flex;position:absolute;bottom:6px;left:6px}.gal-detail .eyebrow.kind{color:#6b5fa5;flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;display:flex}.gal-detail h2{margin:2px 0 6px}.gal-detail section h3{font-size:calc(var(--t) * 14);color:#5f3dc4;align-items:center;gap:2px;margin:4px 0 2px;display:flex}.gal-detail section p{margin:2px 0}@media (max-height:560px){.gal-detail-pic{width:min(30%,140px)}}.panel.gal-hint{text-align:center;width:min(100%,420px)}.panel.gal-hint .row{justify-content:center}.gal-hint-icons{justify-content:center;gap:8px;margin-bottom:4px;display:flex}.gal-hint-ico{width:calc(var(--t) * 64);height:calc(var(--t) * 64)}.gal-line{margin:8px 0 0}.gal-badge .new{color:#fff;background:#e8590c;border-radius:99px;padding:0 6px;font-size:11px;font-style:normal;font-weight:900;line-height:1.4}.style-badge{--sty-bg:#efeaf6;--sty-ink:#5f3dc4;--sty-line:#d5cbef;font-size:calc(var(--t) * 13.5);white-space:nowrap;color:var(--sty-ink);background:var(--sty-bg);box-shadow:inset 0 0 0 2px var(--sty-line);border-radius:99px;align-items:center;gap:3px;padding:1px 10px 1px 2px;font-weight:800;line-height:1.3;display:inline-flex}.style-badge .ico{width:1.75em;height:1.75em;margin:-2px 0}.style-badge.inquiry{--sty-bg:#e6f0ff;--sty-ink:#1f4f99;--sty-line:#b3cdf3}.style-badge.hands{--sty-bg:#fff0df;--sty-ink:#9a4708;--sty-line:#f5c690}.style-badge.people{--sty-bg:#e6f7ec;--sty-ink:#1f6f43;--sty-line:#a6dcb9}.ending-card .style-line{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:6px 0 0;display:flex}.style-blurb{font-size:calc(var(--t) * 12.5);color:var(--muted);word-break:keep-all;font-weight:600}.ending-card .job-title{color:#6b5fa5;font-size:.56em;font-weight:800;line-height:1.3;display:block}.ending-card ul.style-list{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.style-other{background:#f6f4fa;border-radius:14px;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 8px 4px 4px;display:flex}.style-other .style-comps{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:inline-flex}.style-other .style-comps .chip{font-size:calc(var(--t) * 12.5)}.style-other.unseen .style-badge{filter:saturate(.4);opacity:.8}.style-lock{opacity:.6;width:1.6em;height:1.6em}.gal-styles{justify-content:center;gap:3px;margin-top:1px;display:flex}.gal-sty{width:calc(var(--t) * 22);height:calc(var(--t) * 22);border-radius:50%;display:inline-flex;position:relative}.gal-sty-ico{width:100%;height:100%}.gal-sty.off .gal-sty-ico{filter:grayscale();opacity:.32}.gal-sty-lock{opacity:.75;width:55%;height:55%;position:absolute;bottom:-3px;right:-3px}.gal-detail .gal-style{border-top:1px solid var(--line);padding:6px 0}.gal-detail .gal-style h3{flex-wrap:wrap;gap:6px}.gal-style-title{color:var(--ink);word-break:keep-all;font-weight:800}.gal-style.off .style-badge{filter:grayscale(.9);opacity:.65}.gal-sty-lock-big{opacity:.6;width:1.5em;height:1.5em}.gal-style-need{flex-wrap:wrap;gap:4px;display:flex}.gal-count-label{font-size:calc(var(--t) * 13)}.gal-jobs{font-size:calc(var(--t) * 12.5);color:var(--muted);margin-left:4px;font-weight:700}.cs-style{background:#f6f4fa;border-radius:14px;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:10px 0 0;padding:6px 10px;display:flex}.cs-style-label{font-size:calc(var(--t) * 13);color:#5f3dc4;font-weight:800}.cs-style-comps{gap:2px;display:inline-flex}.cs-style-ico{width:calc(var(--t) * 28);height:calc(var(--t) * 28)}@media (max-height:560px){.gal-sty{width:calc(var(--t) * 18);height:calc(var(--t) * 18)}.ending-card .style-line{margin-top:2px}}.money{color:#6b4500;white-space:nowrap;font-size:calc(var(--t) * 14);background:#fff6d8;border:2px solid #f3d27a;border-radius:999px;align-items:center;gap:3px;padding:2px 10px 2px 3px;font-weight:900;line-height:1.2;display:inline-flex}.money-ico{width:1.6em;height:1.6em;margin:-3px 0}.money.big{font-size:calc(var(--t) * 17)}.hub-head{grid-template-columns:auto minmax(0,1fr) auto auto}@media (orientation:landscape) and (min-width:640px){.hub-head{grid-template-columns:auto minmax(0,1fr) auto auto}}@media (max-width:420px){.hub-head{padding-left:calc(var(--sal) + 10px);padding-right:calc(var(--sar) + 10px);column-gap:8px}.hub-money{font-size:calc(var(--t) * 12.5);padding-right:7px}.when strong{font-size:calc(var(--t) * 18)}}.chip.fee{color:#6b4500;background:#fff6d8}.chip.free{color:#1f6a32;background:#e3f6e7}.mini-ico.off{opacity:.35;filter:grayscale()}.count-pill{color:#fff;background:#e8590c;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-style:normal;font-weight:900;display:inline-grid}.toast-text{font-size:calc(var(--t) * 14);word-break:keep-all;font-weight:800}.toast{flex-wrap:wrap;justify-content:center;max-width:calc(100% - 24px)}.toast>.ico{width:2em;height:2em}.is-off{opacity:.55;filter:grayscale(.6);cursor:not-allowed!important}@media (hover:hover){.btn.is-off:hover,.unit.is-off:hover{background:#f4f2f6;box-shadow:none!important;transform:none!important}}.btn.danger,.btn.primary.danger{border-color:#e8590c}.btn.primary.danger{color:#fff;background:#d9480f}.btn.ghost.danger{color:#b03a0a}.odds3{width:calc(var(--t) * 64);vertical-align:middle;background:#ece7f0;border-radius:99px;height:9px;margin-left:auto;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #3c32501f}.odds3 i{flex-basis:0;min-width:2px;display:block}.odds3 .great{background:linear-gradient(#ffd43b,#f0a500)}.odds3 .ok{background:#b9a8ec}.odds3 .meh{background:#a8a2b4}.lv.season{color:#6e6879;background:#eee}.lv.season.in{color:#1f6a32;background:#e3f6e7}.hub[data-panel=outings]{grid-template-rows:auto minmax(100px,26dvh) minmax(0,1fr);grid-template-areas:"head""char""acts"}.hub[data-panel=outings] .hub-info,.hub[data-panel=outings] .hub-foot{display:none}@media (orientation:landscape) and (min-width:640px){.hub[data-panel=outings]{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"head head""char acts"}}.grade-stamp{color:#3d3554;background:#f3efff;border:3px solid #b9a8ec;border-radius:999px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;margin:2px 0 10px;padding:4px 16px 4px 6px;animation:.42s cubic-bezier(.2,1.6,.4,1) both stamp-in;display:flex;position:relative;transform:rotate(-3deg)}.grade-stamp b{font-size:calc(var(--t) * 22);font-weight:900}.grade-stamp small{font-size:calc(var(--t) * 13);color:var(--muted);font-weight:800}.grade-ico{width:calc(var(--t) * 46);height:calc(var(--t) * 46)}.grade-stamp.great{color:#7a4b00;background:linear-gradient(135deg,#fff8c9,#ffe58a);border-color:#f0b400;box-shadow:0 0 0 4px #f0b40038,0 6px 18px #f0a00059}.grade-stamp.meh{color:#5d566b;background:#f4f2f6;border-color:#c9c3d4;transform:rotate(2deg)}.grade-stamp .burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:28px}.grade-stamp .burst i{width:8px;height:8px;transform:rotate(var(--a)) translateY(0);opacity:0;background:#ffb703;border-radius:2px;animation:.9s ease-out .25s both burst-ray;position:absolute;top:-4px;left:-4px}.grade-stamp .burst i:nth-child(3n){background:#ff6b9a}.grade-stamp .burst i:nth-child(3n+1){background:#4dabf7;border-radius:50%}@keyframes stamp-in{0%{opacity:0;transform:rotate(-14deg)scale(2.2)}70%{opacity:1;transform:rotate(-3deg)scale(.94)}to{transform:rotate(-3deg)scale(1)}}@keyframes burst-ray{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-58px) scale(.6)}}.reduced .grade-stamp,.reduced .grade-stamp .burst i{animation:none}.reduced .grade-stamp .burst{display:none}.step-dots{gap:5px;margin-left:auto;display:inline-flex}.step-dots i{background:#e5e0ee;border-radius:50%;width:9px;height:9px}.step-dots i.on{background:#5f3dc4}.name-hint b{color:#b03a0a}.panel.interest{width:min(100%,760px)}.interest-grid{grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 2px;display:grid}.interest-card{--dc:#999;text-align:center;cursor:pointer;border:2px solid var(--line);border-top:6px solid var(--dc);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:10px 8px 8px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.interest-card.make{--dc:var(--make)}.interest-card.adv{--dc:var(--adv)}.interest-card.people{--dc:var(--people)}.interest-card.life{--dc:var(--life)}.interest-card:has(input:checked){border-color:var(--dc);background:color-mix(in srgb, var(--dc) 9%, #fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--dc) 35%, transparent);transform:translateY(-2px)}.interest-card:has(input:checked):after{content:"✓";color:var(--dc);font-size:18px;font-weight:900;position:absolute;top:4px;right:8px}.interest-card:has(input:focus-visible){outline-offset:2px;outline:3px solid #ff9f1a}.interest-ico{width:calc(var(--t) * 50);height:calc(var(--t) * 50)}.interest-name{font-size:calc(var(--t) * 15);word-break:keep-all;line-height:1.25}.interest-line{font-size:calc(var(--t) * 12.5);color:#4d4858;word-break:keep-all;line-height:1.3}.interest-bonus{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:2px;display:flex}@media (min-width:700px){.interest-grid{grid-template-columns:repeat(4,1fr)}}@media (max-height:560px){.interest-ico{width:calc(var(--t) * 34);height:calc(var(--t) * 34)}.interest-line{display:none}}.panel.shop{width:min(100%,860px)}.panel.shop .modal-head h2{flex:1}.shop-bag{background:#f6f4fa;border-radius:16px;margin-bottom:8px;padding:8px 12px 10px}.shop-bag h3,.shop-sec h3{font-size:calc(var(--t) * 15);align-items:center;gap:2px;margin:0 0 6px;display:flex}.bag-row{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.bag-slots,.bag-teas,.bag-books{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bag-slot{width:calc(var(--t) * 52);height:calc(var(--t) * 52);background:#fff;border:2px dashed #c9c1da;border-radius:14px;place-items:center;display:grid}.bag-slot.on{background:#f3efff;border:2px solid #5f3dc4}.bag-ico{width:calc(var(--t) * 40);height:calc(var(--t) * 40)}.bag-teas li{background:#fff;border-radius:14px;align-items:center;gap:4px;padding:2px 4px 2px 2px;display:flex}.bag-books li{position:relative}.bag-books .bag-ico{width:calc(var(--t) * 34);height:calc(var(--t) * 34)}.bag-sub{width:calc(var(--t) * 20);height:calc(var(--t) * 20);position:absolute;bottom:-4px;right:-4px}.count{font-style:normal;font-weight:900;font-size:calc(var(--t) * 13);color:#5f3dc4}.shop-sec{margin-top:8px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:8px;display:grid}.shop-item{border:2px solid var(--line);background:#fff;border-radius:16px;grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 8px;padding:8px 10px;display:grid}.shop-ico{width:calc(var(--t) * 48);height:calc(var(--t) * 48);grid-row:1/span 2}.shop-name{font-size:calc(var(--t) * 14);word-break:keep-all;line-height:1.25}.shop-chips{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.shop-item>.btn,.shop-item>.badge{grid-column:1/-1;justify-content:center;justify-self:stretch}.shop-item.owned.book{background:#f7fbf7}.btn.toggle-btn[aria-pressed=true]{color:#fff;background:#5f3dc4;border-color:#0000}.panel.counsel{width:min(100%,680px)}.cs-title{font-size:calc(var(--t) * 16);align-items:center;gap:2px;margin:0 0 6px;display:flex}.cs-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cs-job{border:2px solid var(--line);animation:.4s cubic-bezier(.2,1.5,.4,1) both term-pop;animation-delay:calc(var(--i,0) * .12s + .1s);background:#fff;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ico main near""ico raise raise""tip tip tip";align-items:center;gap:4px 10px;padding:10px 12px;display:grid}.cs-job.now{background:#fffbea;border-color:#f0b400}.cs-icons{grid-area:ico;gap:0;display:flex}.cs-kind{width:calc(var(--t) * 40);height:calc(var(--t) * 40)}.cs-icons .cs-kind+.cs-kind{margin-left:-12px}.cs-main{flex-direction:column;grid-area:main;min-width:0;display:flex}.cs-name{font-size:calc(var(--t) * 16);word-break:keep-all}.cs-kindname{font-size:calc(var(--t) * 12);color:var(--muted);font-weight:700}.cs-near{width:calc(var(--t) * 72);background:#ece7f0;border-radius:99px;grid-area:near;height:10px;position:relative;overflow:hidden}.cs-near i{background:linear-gradient(90deg,#b9a8ec,#5f3dc4);border-radius:99px;position:absolute;top:0;bottom:0;left:0}.cs-job.now .cs-near i{background:linear-gradient(90deg,#ffd43b,#f0a500)}.cs-raise,.cs-job>.badge{flex-wrap:wrap;grid-area:raise;justify-self:start;gap:4px;display:flex}.cs-tip{font-size:calc(var(--t) * 13);color:#4d4858;word-break:keep-all;grid-area:tip;margin:0}.cs-next{font-size:calc(var(--t) * 15);align-items:center;gap:4px;display:flex}.cs-free{margin:8px 0 0}.reduced .cs-job{animation:none}.panel.slots{width:min(100%,620px)}.slot-note{font-size:calc(var(--t) * 14);align-items:center;gap:4px;margin:0 0 8px;font-weight:700;display:flex}.slot-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.slot-row{align-items:stretch;gap:6px;display:flex}.slot-main{text-align:left;cursor:pointer;min-width:0;min-height:64px;font:inherit;color:var(--ink);border:2px solid var(--line);background:#fff;border-radius:16px;flex:1;align-items:center;gap:10px;padding:8px 12px 8px 8px;transition:transform .12s,box-shadow .12s;display:flex}@media (hover:hover){.slot-main:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 6px 16px #281e3c24}}.slot-main[disabled]{cursor:default;color:var(--muted);background:#f6f4fa}.slot-main.broken{border-style:dashed;border-color:#e8590c}.slot-no{color:#fff;background:#3d3554;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:grid}.slot-face{width:2.6em!important;height:2.6em!important}.slot-face.empty{flex:none;place-items:center;display:inline-grid}.slot-empty-ico{opacity:.85;width:2.3em;height:2.3em}.slot-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.slot-name{font-size:calc(var(--t) * 16);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slot-when{font-size:calc(var(--t) * 14);font-weight:700}.slot-when .badge{font-size:calc(var(--t) * 12.5)}.slot-time{font-size:calc(var(--t) * 12);color:var(--muted)}.slot-warn{font-size:calc(var(--t) * 12);color:#b4442c;font-weight:800}.slot-go{font-size:calc(var(--t) * 13);color:#5f3dc4;white-space:nowrap;flex:none;font-weight:900}.slot-del{flex:none;min-width:48px}.fineprint.shared{color:#a83a0b;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-weight:700;display:flex}.toggle-note{font-size:calc(var(--t) * 13);color:var(--muted);margin:-4px 0 6px 12px}.btn.wipe{width:100%;margin-top:4px}.wipe-list{flex-wrap:wrap;gap:10px;margin:0 0 6px;padding:0;font-weight:800;list-style:none;display:flex}.wallet-list{gap:4px;padding:0;list-style:none;display:grid}.wallet-list li{background:#f6f4fa;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 10px 3px 4px;display:grid}.wallet-list li span{word-break:keep-all;font-weight:700}.wallet-list li.out b{color:#b03a0a}.wallet-list li.total{background:#fff6d8;box-shadow:inset 0 0 0 2px #f3d27a}.wl-ico{width:2em;height:2em}.ending-card .wallet h3 .info-btn{margin-left:auto}#overlay>.fx-layer{z-index:50;position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.fx-node{pointer-events:none;will-change:transform, opacity;position:absolute;top:0;left:0}.fx-conf{border-radius:2px;width:9px;height:13px}.fx-spark{color:#ffc93c;text-shadow:0 0 6px #ffdc5ae6;font-size:22px;font-style:normal;line-height:1}.fx-heart{color:#ff6b9a;text-shadow:0 2px 4px #c8286440;font-size:22px;font-style:normal;line-height:1}.fx-coin{filter:drop-shadow(0 2px 2px #7850004d);width:30px!important;height:30px!important}.fx-coin.small{width:22px!important;height:22px!important}.fx-star{width:30px!important;height:30px!important}.fx-fly{z-index:2}.fx-fly.chip{font-size:calc(var(--t) * 15);background:#fff;box-shadow:0 4px 14px #281e3c40}.fx-fly>.ico{width:44px;height:44px}.fx-float{white-space:nowrap;font-size:calc(var(--t) * 15);color:#237032;background:#fff;border-radius:999px;align-items:center;gap:3px;padding:2px 10px 2px 4px;font-weight:900;display:inline-flex;box-shadow:0 6px 18px #281e3c38}.fx-float .ico{width:1.6em;height:1.6em}.fx-float.money{color:#7a4b00;background:#fff6d8}.fx-float.spend{color:#b03a0a}.fx-float.big{font-size:calc(var(--t) * 22);padding:4px 16px 4px 6px}.fx-glow{transition:box-shadow .6s ease-out;box-shadow:0 0 0 3px #ffc93cbf,0 0 16px #ffbe2899!important}.fx-banner{background:linear-gradient(135deg,#fff,#fff6d8);border:3px solid #f0b400;border-radius:999px;align-items:center;gap:10px;padding:10px 22px 10px 12px;display:flex;position:absolute;top:38%;left:50%;box-shadow:0 12px 34px #281e3c4d}.fx-banner .ico{width:56px;height:56px}.fx-banner span{flex-direction:column;line-height:1.2;display:flex}.fx-banner small{font-size:calc(var(--t) * 13);color:#b07800;font-weight:800}.fx-banner b{font-size:calc(var(--t) * 22);color:#3d3554;white-space:nowrap;font-weight:900}.fx-flash-ok,.fx-flash-no,.fx-flash-gold{animation:.45s ease-out fx-flash}.fx-flash-ok{--fx-c:#40c0578c}.fx-flash-no{--fx-c:#fa525273}.fx-flash-gold{--fx-c:#ffc40099}@keyframes fx-flash{0%{box-shadow:0 0 0 0 var(--fx-c), inset 0 0 0 999px var(--fx-c)}to{box-shadow:0 0 0 18px #0000,inset 0 0 0 999px #0000}}.fx-in{animation:.32s cubic-bezier(.2,1.2,.4,1) both fx-slide-in}@keyframes fx-slide-in{0%{opacity:0;transform:translateY(24px)scale(.98)}}.screen.fx-screen{animation:.4s ease-out both fx-screen-in}@keyframes fx-screen-in{0%{opacity:0;transform:scale(1.02)}}.modal>.panel{animation:.28s cubic-bezier(.2,1.3,.4,1) both fx-panel-in}@keyframes fx-panel-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}.panel.mini,.panel.info{animation-duration:.2s}.btn:active:not([disabled]):not(.is-off),.unit:active:not([disabled]):not(.is-off),.slot-main:active:not([disabled]),.interest-card:active,.gal-card:active{transition-duration:60ms;transform:scale(.95)}.unit,.interest-card{transition:transform .14s,box-shadow .14s,background-color .12s}@media (hover:hover){.unit:hover:not([disabled]):not(.is-off){transform:translateY(-2px);box-shadow:0 6px 16px #281e3c1f}.interest-card:hover{transform:translateY(-3px)rotate(-.6deg);box-shadow:0 8px 18px #281e3c24}}.cal-cell.fx-flip{transform-origin:50% 0;animation:.6s cubic-bezier(.3,1.4,.5,1) both fx-flip}@keyframes fx-flip{0%{opacity:.2;transform:perspective(300px)rotateX(-95deg)}60%{opacity:1;transform:perspective(300px)rotateX(12deg)}to{transform:none}}.stat-list li.fx-glow,.meter.fx-glow{border-radius:8px}.ambient-host{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient{position:absolute;inset:0}.ambient i{will-change:transform;scale:var(--sz,1);animation:10s linear infinite amb-fall;display:block;position:absolute;top:-6%}.ambient.spring i{opacity:.85;background:#ffc2d6;border-radius:80% 0;width:12px;height:9px}.ambient.autumn i{opacity:.8;background:#f08c3a;border-radius:0 90%;width:14px;height:10px}.ambient.autumn i:nth-child(3n){background:#e8590c}.ambient.autumn i:nth-child(3n+1){background:#f6c044}.ambient.winter i{opacity:.9;background:#fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #ffffffe6}.ambient.summer i{background:linear-gradient(#a0c8ff00,#82b4f08c);border-radius:2px;width:2px;height:26px;animation-name:amb-rain}@keyframes amb-fall{0%{transform:translate(0)rotate(0)}50%{transform:translate(var(--sway,40px), 55vh) rotate(200deg)}to{transform:translateY(112vh)rotate(400deg)}}@keyframes amb-rain{0%{transform:translate(0)}to{transform:translate(-30px,112vh)}}.reduced .ambient{display:none}@media (prefers-reduced-motion:reduce){.ambient{display:none}.modal>.panel,.fx-in,.screen.fx-screen{animation:none}}.hub-foot .btn-label{white-space:nowrap}@media (max-width:479px){.hub-foot{gap:4px}.hub-foot .spacer{display:none}.hub-foot .btn.talk{flex:none;padding-right:6px}.hub-foot .btn.talk>.ico{display:none}.hub-foot .saved .ico{width:24px;height:24px}.hub-foot .btn.talk .talk-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (min-width:700px) and (max-width:1279px){.hub-foot .btn.icon-btn .btn-label{display:none}.hub-foot .btn.icon-btn{padding:6px 8px}}.seg{justify-content:center;align-items:center;gap:6px;display:inline-flex}.seg .seg-face{width:1.9em;height:1.9em}.lv{vertical-align:middle;align-items:center;gap:2px;display:inline-flex}.lv .lv-ico{width:1.35em;height:1.35em;margin:-3px 0 -3px -4px}.lv.season .lv-ico{width:1.25em;height:1.25em;margin:-3px -2px -3px -3px}.lv.season .lv-ico:last-of-type{margin-right:1px}.lv.locked .lv-ico{filter:grayscale()}.fineprint.privacy .ico{width:1.5em;height:1.5em}.score-track .mark{align-items:center;gap:2px;display:inline-flex}.mark-ico{width:1.25em;height:1.25em;margin:-3px 0}.map-node.start{padding:0}.map-node .node-ico{width:26px;height:26px}.slot-go{align-items:center;gap:2px;display:inline-flex}.slot-go-ico{width:1.6em;height:1.6em;margin:-4px -2px}.warn-line{color:#8a3a1c;word-break:keep-all;font-weight:600}.gal-section h3{align-items:center;gap:6px}.hub-foot .saved.unsaved{gap:2px;display:inline-flex}.pips.max{gap:2px}.pips.max .ico,.score .ico{width:1.4em;height:1.4em}.mentor .ico{vertical-align:-.45em;width:1.6em;height:1.6em}.mini-skip .ico{width:1.3em;height:1.3em}