:root{--bg: #0e0c14;--wood-900: #15121c;--wood-800: #1c1826;--wood-700: #252030;--wood-600: #322b3f;--line: #7d6440;--line-soft: #3b3245;--gold: #ffd152;--gold-deep: #c8901a;--vermilion: #e8503a;--jade: #3fbf8f;--cream: #fff3d6;--text: #f5eedc;--muted: #b3a894;--green: #2fae66;--red: #e0533d;--blue: #2f7fc1;--orange: #e67e22;--radius: 14px;--glass: rgba(18, 15, 26, .72);--glass-line: rgba(255, 226, 170, .16);--font: "Nunito", system-ui, -apple-system, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--shadow: 0 8px 22px rgba(0, 0, 0, .55);--top: max(8px, env(safe-area-inset-top));--bottom: max(12px, env(safe-area-inset-bottom));color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background:var(--bg);overflow:hidden}body{font-family:var(--font);color:var(--text);display:flex;justify-content:center;align-items:stretch;touch-action:manipulation}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}b{font-weight:800}#wrap{position:relative;width:100%;height:100dvh;overflow:hidden;overflow:clip;background:radial-gradient(ellipse at center,#1c1828,#0a0810);user-select:none;-webkit-user-select:none}#cv{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);image-rendering:pixelated;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.glass,.clock,.vitals,.wallet-hud,.quest-bar,.sb,.toast,.place-card{background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 2px 10px #00000059,inset 0 1px #fff0c814}.hud{position:absolute;top:var(--top);left:8px;right:8px;z-index:10;max-width:560px;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"clock vitals wallet menu";gap:6px;align-items:start}.clock{grid-area:clock;display:grid;grid-template-columns:auto auto;grid-template-areas:"ico tm" "dt dt" "wx wx" "lc lc";column-gap:5px;align-items:center;padding:5px 9px 5px 8px;border-radius:14px;text-align:left;min-width:96px;transition:transform .12s}.clock:active{transform:scale(.97)}.clock .wx-ico{grid-area:ico;font-size:18px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.clock .tm{grid-area:tm;font-size:21px;font-weight:900;color:var(--gold);letter-spacing:.5px;line-height:1;font-variant-numeric:tabular-nums}.clock .dt{grid-area:dt;font-size:10px;font-weight:800;color:#ffb45c;white-space:nowrap;margin-top:2px}.clock .wx{grid-area:wx;display:flex;gap:6px;font-size:10px;font-weight:800;color:#ffe6b8;white-space:nowrap;font-variant-numeric:tabular-nums}.clock .wx .rp{color:#9fd0ff}.clock .wx .rp.hi{color:#6fc0ff}.clock .lc{grid-area:lc;font-size:9.5px;color:var(--muted);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.clock.wx-typhoon{border-color:#e0533db3;box-shadow:0 0 0 1px #e0533d59,0 3px 10px #00000073}.clock.wx-typhoon .wx-ico{animation:skySpin 2.4s linear infinite}@keyframes skySpin{to{transform:rotate(360deg)}}.vitals{grid-area:vitals;display:flex;gap:5px;justify-content:center;padding:5px 6px;border-radius:14px;justify-self:center}.gauge{--v: 50;--c: var(--gold);position:relative;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:conic-gradient(var(--c) calc(var(--v) * 1%),rgba(255,255,255,.08) 0);transition:background .4s}.gauge:before{content:"";position:absolute;inset:3.5px;border-radius:50%;background:#17131f}.gauge i{position:relative;font-style:normal;font-size:13px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.gauge b{position:absolute;right:-3px;bottom:-3px;min-width:15px;padding:0 3px;border-radius:8px;font-size:8.5px;line-height:13px;text-align:center;background:#17131f;color:var(--text);border:1px solid rgba(255,255,255,.12);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .3s}.gauge.warn b,.vitals:hover .gauge b,.vitals.peek .gauge b{opacity:1}.gauge.energy{--c: #f7b733}.gauge.mood{--c: #3fe08a}.gauge.study{--c: #5ec8ff}.gauge.bladder{--c: #c084fc}.gauge.warn{--c: #ff5a4a;animation:blink .8s infinite}.gauge.warn b{color:#ff8a7a}@keyframes blink{50%{opacity:.55}}.wallet-hud{grid-area:wallet;display:flex;flex-direction:column;gap:1px;align-items:flex-end;padding:5px 9px;border-radius:14px;font-size:11px;font-weight:800;color:var(--cream);white-space:nowrap}.wallet-hud b{color:var(--gold);font-variant-numeric:tabular-nums}.quest-bar{position:absolute;top:calc(var(--top) + 60px);left:8px;right:56px;max-width:480px;z-index:10;display:flex;align-items:center;gap:7px;padding:6px 10px 6px 8px;border-radius:12px;text-align:left;border-color:#ffd15259;transition:transform .12s}.quest-bar:active{transform:scale(.985)}.quest-bar .flag{font-size:13px;animation:wave 2.4s ease-in-out infinite;transform-origin:bottom left;flex-shrink:0}@keyframes wave{50%{transform:rotate(-10deg)}}.quest-bar .tt{flex:1;min-width:0;font-size:11.5px;font-weight:800;color:var(--cream);line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.quest-bar.done .flag{animation:none}.quest-bar.done .tt{color:#9fe3b8}.compass{flex-shrink:0;padding:3px 8px;border-radius:10px;font-size:10.5px;font-weight:800;color:#fff;background:#ffffff14;transition:background .3s;white-space:nowrap;max-width:46%;overflow:hidden;text-overflow:ellipsis}.compass.hidden{display:none}.compass.heat1{background:#785a28eb}.compass.heat2{background:#be6e1eeb}.compass.heat3{background:#dc461ef2;animation:pulse .9s infinite}.compass.heat4{background:linear-gradient(135deg,#ffd84a,#e0533d);color:#2a1805;animation:pop .5s infinite}.place-card{position:absolute;left:50%;top:32%;z-index:9;transform:translate(-50%,-50%) scale(.9);opacity:0;pointer-events:none!important;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 22px;border-radius:16px;min-width:150px;max-width:86%;text-align:center;border-color:#ffd1524d;transition:opacity .35s ease,transform .35s cubic-bezier(.2,1.2,.4,1)}.place-card.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.place-card small{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffb45c}.place-card b{font-size:17px;font-weight:900;color:var(--cream);line-height:1.2;text-shadow:0 2px 6px rgba(0,0,0,.6)}.place-card:after{content:"";width:46px;height:2px;border-radius:1px;margin-top:5px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.dock{position:absolute;top:calc(var(--top) + 60px);right:8px;z-index:10;display:flex;flex-direction:column;gap:7px}.sb{position:relative;width:40px;height:40px;border-radius:13px;font-size:18px;display:grid;place-items:center;transition:transform .12s,background .2s}.sb:active{transform:scale(.9)}.sb.menu{grid-area:menu;width:36px;height:36px;font-size:16px;color:var(--cream)}.badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--vermilion);color:#fff;font-size:9.5px;font-weight:900;display:flex;align-items:center;justify-content:center;border:1.5px solid #15121c;animation:pop .3s}.badge.hidden{display:none}.ctrls{position:absolute;left:0;right:0;bottom:var(--bottom);z-index:10;display:flex;justify-content:space-between;align-items:flex-end;padding:0 14px;pointer-events:none!important}.ctrls>*{pointer-events:auto}.dpad{display:grid;grid-template:repeat(3,44px) / repeat(3,44px);gap:2px;touch-action:none}.dpad button{background:#120f1a99;border:1px solid var(--glass-line);border-radius:12px;color:#fff3d6d9;font-size:13px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 3px 8px #00000059;transition:transform .08s,background .08s}.dpad button.active{background:var(--gold);color:#1a1005;border-color:#fff0b0;transform:scale(.92)}.dpad .u{grid-area:1 / 2}.dpad .l{grid-area:2 / 1}.dpad .r{grid-area:2 / 3}.dpad .d{grid-area:3 / 2}.ctx{width:66px;height:66px;border-radius:50%;font-size:27px;background:radial-gradient(circle at 35% 30%,#ffe890,#d9a21f 70%,#b07a12);border:3px solid rgba(255,243,196,.9);box-shadow:0 6px 18px #0000008c,inset 0 -3px #00000026;transition:transform .1s}.ctx:active{transform:scale(.9)}.acts{display:flex;align-items:flex-end;gap:10px}.jump{width:46px;height:46px;margin-bottom:36px;border-radius:50%;font-size:19px;touch-action:none;background:radial-gradient(circle at 35% 30%,#a9ecff,#2f86b8 75%);border:2.5px solid rgba(217,244,255,.9);box-shadow:0 5px 14px #00000080;transition:transform .1s}.jump:active,.jump.hopping{transform:scale(.88)}.ctx.ready{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #ffd25040,0 6px 18px #0000008c}}@media(hover:hover)and (pointer:fine){.dpad{opacity:.5}.dpad:hover{opacity:1}}#toasts{position:absolute;top:calc(var(--top) + 104px);left:12px;right:12px;z-index:35;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none!important}.toast{max-width:min(100%,440px);border-radius:12px;padding:7px 14px;font-size:12px;font-weight:700;color:var(--cream);text-align:center;border-color:#ffd15259;animation:toastIn .25s cubic-bezier(.2,1.4,.4,1)}.toast.out{animation:toastOut .3s forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px)}}.incoming{position:absolute;top:var(--top);left:8px;right:8px;z-index:45;max-width:560px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,#22304a,#141b2a);border:2px solid #2ecc71;box-shadow:0 8px 26px #000c;transform:translateY(-140%);transition:transform .35s cubic-bezier(.2,1.3,.4,1)}.incoming.show{transform:none}.ring-ico{width:40px;height:40px;border-radius:50%;background:var(--green);display:grid;place-items:center;font-size:20px;animation:ring .5s infinite}@keyframes ring{25%{transform:rotate(14deg)}75%{transform:rotate(-14deg)}}.incoming .meta{flex:1;min-width:0;display:flex;flex-direction:column}.incoming .meta small{color:#2ecc71;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.incoming .meta b{font-size:13px}.incoming .meta span{font-size:10px;color:#bdc3c7}.incoming .btns{display:flex;flex-direction:column;gap:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:11px;font-weight:800;font-size:13px;color:#fff;background:var(--wood-600);border:1.5px solid rgba(255,255,255,.1);box-shadow:0 2px #00000059;transition:transform .1s,filter .1s}.btn:active:not(:disabled){transform:translateY(1px) scale(.98);filter:brightness(1.1)}.btn.small{padding:5px 10px;font-size:11px;border-radius:8px}.btn.big{width:100%;padding:12px;font-size:16px;border-radius:14px;flex-direction:column;gap:2px}.btn.big small{font-size:10px;font-weight:600;opacity:.8}.btn.wide{width:100%;margin-top:6px}.btn.gold{background:linear-gradient(180deg,#ffd84a,#c8901a);color:#2a1805;border-color:#fff0b0}.btn.green{background:linear-gradient(180deg,#34c172,#23894f)}.btn.red{background:linear-gradient(180deg,#ea5f48,#b83a26)}.btn.blue{background:linear-gradient(180deg,#3f95d6,#23679e)}.btn.orange{background:linear-gradient(180deg,#f08c34,#c0650f)}.btn.ghost{background:#ffffff0f;color:var(--text)}.btn.danger{background:#e0533d2e;color:#ffb1a3;border-color:#e0533d80}.btn.pad{font-size:18px;padding:10px 0}.chip{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--wood-700);border:1.5px solid var(--line-soft);transition:all .15s}.chip.on{border-color:var(--gold);background:#3f3220;color:var(--gold);box-shadow:0 0 0 2px #ffd15226}.chips,.lang-select{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.dlg{position:absolute;left:8px;right:8px;bottom:calc(var(--bottom) + 100px);z-index:75;max-width:560px;margin:0 auto;max-height:58%;overflow-y:auto;padding:10px 12px 12px;border-radius:18px;background:linear-gradient(180deg,#1e1928f7,#120f1afa);border:1.5px solid rgba(255,226,170,.22);box-shadow:0 12px 34px #000000bf,inset 0 1px #ffe6b414;display:none;gap:10px}.dlg.show{display:flex;animation:dlgIn .22s cubic-bezier(.2,1.3,.4,1)}@keyframes dlgIn{0%{opacity:0;transform:translateY(14px) scale(.97)}}.dlg .portrait{flex-shrink:0;width:64px;height:76px;border-radius:14px;overflow:hidden;display:grid;place-items:center;align-self:flex-start;background:radial-gradient(circle at 50% 30%,#4a3f66,#1e1a2a 75%);border:1.5px solid rgba(255,226,170,.22);box-shadow:inset 0 -10px 16px #00000059}.dlg .portrait canvas{width:64px;height:76px;image-rendering:pixelated;display:block}.dlg .portrait .av{font-size:30px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.dlg .portrait.has-canvas .av{display:none}.dlg-main{flex:1;min-width:0;display:flex;flex-direction:column}.dlg .who{display:inline-flex;align-self:flex-start;margin-bottom:6px;padding:2px 10px;border-radius:8px;font-size:12px;font-weight:900;color:#1a1005;background:linear-gradient(180deg,#ffe27a,#e0ad2a);letter-spacing:.02em}.dlg .who:empty{display:none}.dlg .txt{font-size:13.5px;line-height:1.55;margin-bottom:10px;color:#fbf6ea;min-height:1.5em;cursor:pointer}.dlg .txt b{color:var(--gold)}.dlg .opts{display:flex;flex-direction:column;gap:6px}.dlg .opt{display:flex;align-items:center;gap:8px;text-align:left;padding:8px 10px;border-radius:11px;font-size:12.5px;background:#ffffff0d;border:1.5px solid rgba(255,226,170,.16);animation:optIn .25s both;transition:background .1s,transform .1s,border-color .1s}.dlg .opt:active:not(:disabled){background:#ffd15226;border-color:var(--gold);transform:scale(.985)}.dlg .opt .key{width:18px;height:18px;border-radius:6px;background:#ffd15224;color:var(--gold);font-size:10px;font-weight:900;display:grid;place-items:center;flex-shrink:0}.dlg .opt .label{flex:1}.dlg .opt .cost{font-size:10px;color:var(--muted);white-space:nowrap}@keyframes optIn{0%{opacity:0;transform:translate(-6px)}}@media(max-width:360px){.dlg .portrait{width:52px;height:64px}.dlg .portrait canvas{width:52px;height:64px}}.panel{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#06050a00;transition:background .18s}.panel.show{background:#06050abd}.panel-box{width:min(92%,380px);max-height:86%;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#27213a,#171320);border:1.5px solid rgba(255,226,170,.22);box-shadow:0 18px 50px #000c;transform:translateY(16px) scale(.96);opacity:0;transition:transform .22s cubic-bezier(.2,1.3,.4,1),opacity .18s}.panel.show .panel-box{transform:none;opacity:1}.panel-box h3{padding:13px 16px 9px;font-size:17px;font-weight:900;text-align:center;color:var(--gold);letter-spacing:.01em}.panel-box h4{font-size:12px;color:var(--gold);margin:10px 0 6px}.panel-body{padding:0 14px 6px;overflow-y:auto;flex:1}.panel-foot{display:flex;gap:8px;padding:10px 14px 14px}.panel-foot .btn{flex:1}.hint{font-size:11px;color:var(--muted);text-align:center;margin-bottom:8px}.center{text-align:center}.muted{color:var(--muted);font-weight:600}.card{background:var(--wood-800);border:1.5px solid var(--line-soft);border-radius:12px;padding:9px;margin-bottom:7px}.vocab .row{display:flex;justify-content:space-between;align-items:center}.vocab .word{color:#6cc0ff;font-weight:900;font-size:16px;text-decoration:underline dotted}.vocab .ipa{font-size:10.5px;color:#f5a623;margin:2px 0 4px}.vocab .example{display:block;text-align:left;font-size:11.5px;color:#efe4d2;padding:2px 0}.item-row{display:flex;align-items:center;gap:9px;padding:8px 2px;border-bottom:1px solid var(--line-soft)}.item-icon{font-size:22px;width:30px;text-align:center}.item-info{flex:1;display:flex;flex-direction:column;font-size:12px}.item-info small{color:var(--muted);font-size:10.5px}.wallet{display:flex;justify-content:center;gap:16px;font-size:14px;font-weight:800;color:var(--gold);margin-bottom:6px}.checklist{display:flex;flex-direction:column;gap:6px}.check{display:flex;align-items:center;gap:8px;padding:8px;border-radius:9px;background:var(--wood-800);border:1.5px solid var(--line-soft);font-size:12px;transition:all .2s}.check .box{width:18px;height:18px;border-radius:5px;border:2px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:900;flex-shrink:0}.check.done{border-color:var(--green);background:#16261b}.check.done .box{background:var(--green);border-color:#4fe08e;color:#fff}.check.done span:last-child{text-decoration:line-through;opacity:.75}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.menu-item{font-size:12px;padding:9px 8px}.puzzle-board{display:grid;grid-template-columns:repeat(3,72px);gap:4px;justify-content:center;padding:6px;margin:4px auto 8px;width:max-content;background:var(--wood-800);border-radius:12px;border:2px solid var(--line-soft)}.puzzle-board.won{animation:pop .5s;border-color:var(--gold)}.puzzle-tile{width:72px;height:72px;border-radius:9px;font-size:26px;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.3);background:linear-gradient(160deg,hsl(var(--hue) 75% 60%),hsl(var(--hue) 65% 42%));border:2px solid hsl(var(--hue) 80% 72%);box-shadow:0 3px #00000059;transition:transform .1s}.puzzle-tile:active:not(:disabled){transform:scale(.94)}.puzzle-tile.empty{background:transparent;border:2px dashed var(--line-soft);box-shadow:none}.puzzle-tile:disabled:not(.empty){opacity:1}@keyframes pop{50%{transform:scale(1.06)}}.blocks .panel-body{display:flex;flex-direction:column;align-items:center;gap:6px}.blocks-top{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:4px;text-align:center}.blocks-top>div{background:var(--wood-800);border-radius:8px;padding:3px;display:flex;flex-direction:column;align-items:center}.blocks-top small{font-size:9px;color:var(--muted)}.blocks-top b{color:var(--gold);font-size:14px;font-variant-numeric:tabular-nums}.blocks-top canvas{width:54px;height:36px}.blocks-wrap{padding:3px;border:2px solid var(--line);border-radius:10px;background:#0d0907}.blocks-cv{display:block;width:180px;height:324px;image-rendering:pixelated}.blocks-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;width:100%;touch-action:none}.summary .panel-body{text-align:center}.summary-stars{font-size:32px;font-weight:900;color:var(--gold);margin:6px 0 10px;animation:pop .6s}.stat-row{display:flex;justify-content:space-between;padding:7px 4px;border-bottom:1px solid var(--line-soft);font-size:13px}.stat-row.good b{color:#5ee08a}.stat-row.bad b{color:#ff8a7a}.phone{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0000;pointer-events:none;transition:background .2s}.phone.show{background:#000000c7;pointer-events:auto}.ph-frame{width:min(92%,350px);height:88%;border-radius:34px;overflow:hidden;display:flex;flex-direction:column;background:#15121c;border:4px solid #3a3148;box-shadow:0 0 0 2px #090710,0 16px 40px #000000e6;transform:translateY(110%);transition:transform .3s cubic-bezier(.2,1.1,.3,1)}.phone.show .ph-frame{transform:none}.phone:not(.show) .ph-frame{visibility:hidden;transition:transform .3s,visibility 0s .3s}.ph-island{width:86px;height:20px;background:#070509;border-radius:10px;margin:7px auto 4px;flex-shrink:0}.ph-nav{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#1d1828;border-bottom:1px solid #2d2639;flex-shrink:0}.ph-back,.ph-close{width:28px;height:28px;border-radius:8px;color:var(--muted);font-size:18px}.ph-title{flex:1;text-align:center;font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-body{flex:1;min-height:0;overflow-y:auto;background:#110e18;display:flex;flex-direction:column}.ph-home{flex:1;min-height:0;overflow-y:auto;padding:14px 12px 16px;background:radial-gradient(ellipse at 50% 0%,#3b2f5c,#110e18 70%);display:flex;flex-direction:column;gap:14px}.ph-clock{text-align:center;color:var(--cream);display:flex;flex-direction:column;gap:2px}.ph-clock b{font-size:34px;font-weight:900;line-height:1;letter-spacing:1px;font-variant-numeric:tabular-nums}.ph-clock small{font-size:11px;font-weight:700;color:#c9bfe0}.ph-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 6px}.ph-app{display:flex;flex-direction:column;align-items:center;gap:4px}.ph-app .ico{position:relative;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:26px;background:linear-gradient(160deg,var(--a, #5a4a8a),var(--b, #2f2550));box-shadow:0 4px 10px #00000073,inset 0 1px #fff3;transition:transform .1s}.ph-app:active .ico{transform:scale(.92)}.ph-app small{font-size:9.5px;font-weight:800;color:#efe8ff;text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-app .badge{top:-4px;right:-4px;border-color:#110e18}.ph-dockbar{margin-top:auto;display:flex;justify-content:space-around;padding:10px 8px 4px;border-radius:22px;background:#ffffff14}.ph-dockbar .ph-app .ico{width:46px;height:46px;font-size:23px}.ph-home-btn{flex-shrink:0;display:grid;place-items:center;height:26px;background:#1d1828}.ph-home-btn i{width:110px;height:5px;border-radius:3px;background:#6a5f85}.ph-body{flex:1;min-height:0;overflow-y:auto;background:#120d0b;display:flex;flex-direction:column}.ph-list{display:flex;flex-direction:column}.ph-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid #261a13;text-align:left;color:inherit;text-decoration:none}.ph-item:active{background:#2a1c14}.ph-item .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:800;color:#fff;flex-shrink:0}.ph-item .info{flex:1;min-width:0;display:flex;flex-direction:column}.ph-item .info b{font-size:13px}.ph-item .info small{font-size:11px;color:#9e8a78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-item .tm{font-size:10px;color:#786658}.pad{padding:12px 12px 0}.room-msgs{flex:1;min-height:140px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:82%;padding:7px 10px;border-radius:14px;font-size:12.5px;line-height:1.45;animation:bubbleIn .25s cubic-bezier(.2,1.3,.4,1)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px) scale(.96)}}.bubble.them{align-self:flex-start;background:#fbf8f2;color:#1b1410;border-bottom-left-radius:4px}.bubble.me{align-self:flex-end;background:#5fd38f;color:#0b331b;border-bottom-right-radius:4px}.bubble .from{font-size:10.5px;color:#8a7a6c;font-weight:700;margin-bottom:2px}.bubble.typing{display:flex;gap:4px;padding:10px 12px}.bubble.typing i{width:6px;height:6px;border-radius:50%;background:#9a8a7c;animation:dots 1s infinite}.bubble.typing i:nth-child(2){animation-delay:.15s}.bubble.typing i:nth-child(3){animation-delay:.3s}@keyframes dots{50%{transform:translateY(-4px);opacity:.5}}.elder-card{background:linear-gradient(160deg,#ffe0f0,#fff5e6 45%,#e8f8e0);border:2.5px solid #e070a0;border-radius:10px;padding:8px;text-align:center;color:#333}.elder-card .sun{font-size:24px}.elder-card .big{font-size:17px;color:#c02060;font-weight:900}.elder-card .sub{font-size:10.5px;color:#555;font-weight:700}.room-choices{padding:6px 8px 8px;display:flex;flex-direction:column;gap:5px;border-top:1px solid #261a13}.room-choices button{background:#23894f;color:#fff;border-radius:14px;padding:7px 10px;font-size:11.5px;text-align:left}.room-choices button:active{filter:brightness(1.2)}.ph-bottom{flex-shrink:0;background:#22170f;border-top:1px solid #36261a}.ph-input{display:flex;gap:6px;padding:7px 8px;align-items:center}.ph-input input{flex:1;min-width:0;background:#0f0a08;border:1.5px solid var(--line-soft);border-radius:18px;padding:8px 12px;color:var(--text);font-size:13px}.round{width:34px;height:34px;border-radius:50%;font-size:16px;flex-shrink:0}.round.green{background:var(--green);color:#fff}.round.ghost{background:#36261a}.sticker-panel{display:flex;flex-wrap:wrap;gap:6px;padding:8px;justify-content:center}.sticker-panel[hidden]{display:none}.sticker-panel button{width:40px;height:40px;font-size:20px;border-radius:10px;background:#2c1c14;border:1px solid var(--line-soft)}.call-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:6px}.call-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:34px;box-shadow:0 4px 14px #00000080}.call-avatar.ringing{animation:callPulse 1s infinite}@keyframes callPulse{50%{box-shadow:0 0 0 12px #2ecc7133}}.call-name{font-size:17px;font-weight:900}.call-status{font-size:11px;color:#8fd4a6}.call-dialogue{width:100%;min-height:80px;background:#221814;border:1.5px solid var(--line-soft);border-radius:12px;padding:10px;font-size:12.5px;line-height:1.5;text-align:center;margin:6px 0}.call-actions{width:100%;display:flex;flex-direction:column;gap:6px}.call-actions .btn{width:100%;font-size:12px}.fb-head{display:flex;justify-content:space-between;align-items:baseline;padding:9px 12px;background:linear-gradient(90deg,#4a6fe0,#2e4cb0)}.fb-head b{font-size:16px;font-weight:900}.fb-head small{font-size:10px;opacity:.9}.fb-tools{display:flex;gap:6px;padding:8px}.fb-tools .btn{flex:1;border-radius:16px}.fb-post{margin:0 8px 8px;padding:10px;border-radius:12px;background:#221814;border:1.5px solid var(--line-soft)}.fb-post.scam{border-color:#e0533d73}.fb-author{display:flex;align-items:center;gap:8px;margin-bottom:6px}.fb-author .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff}.fb-author b{display:block;font-size:12px}.fb-author small{font-size:9.5px;color:#888}.fb-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:800;background:#e0533d2e;border:1px solid var(--red);color:#ff8a7a;margin-bottom:6px}.fb-tag.ok{background:#2ecc7126;border-color:var(--green);color:#6fe09c}.fb-post p{font-size:12px;line-height:1.5;margin-bottom:8px}.fb-actions{display:flex;gap:6px}.fb-actions .btn{flex:1}.fb-done{flex:1;text-align:center;font-size:11px;font-weight:800;color:#6fe09c;padding:5px}#start{position:absolute;inset:0;z-index:70;display:none;overflow-y:auto;padding:18px 14px;background:linear-gradient(180deg,#0e0c148c,#0a0810f0 60%);backdrop-filter:blur(2px)}#start.show{display:flex;align-items:flex-start;justify-content:center;animation:fadeIn .4s}@keyframes fadeIn{0%{opacity:0}}.start-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px;margin:auto 0}.logo{text-align:center;padding:6px 0 2px}.logo>span{font-size:48px;display:inline-block;animation:bob 2.4s ease-in-out infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}@keyframes bob{50%{transform:translateY(-5px)}}.logo h1{font-size:28px;font-weight:900;color:var(--gold);text-shadow:0 3px 0 #7a4a0e,0 8px 18px rgba(0,0,0,.7);line-height:1.15;letter-spacing:-.01em}.logo .tag{font-size:14px;font-weight:900;color:#ff9f6b;margin-top:4px;letter-spacing:.04em}.blurb{font-size:12.5px;color:#d9d0c0;text-align:center;line-height:1.5}.start-card h4{font-size:12px;color:var(--gold);text-align:center;margin-top:4px}.setup{background:#191524e6;border:1.5px solid rgba(255,226,170,.2);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.setup[open]{display:flex}.setup summary{cursor:pointer;font-weight:900;color:var(--gold);text-align:center;list-style:none}.setup summary::-webkit-details-marker{display:none}.setup>*+*{margin-top:8px}.looks{display:flex;justify-content:center;gap:8px}.look{width:64px;height:80px;border-radius:14px;background:var(--wood-700);border:2px solid var(--line-soft);transition:all .15s}.look canvas{width:64px;height:80px;image-rendering:pixelated}.look.on{border-color:var(--gold);background:#3f3220;transform:translateY(-2px);box-shadow:0 0 0 3px #ffd15226}.bdays{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bday{display:flex;flex-direction:column;gap:3px;font-size:11.5px;background:var(--wood-800);border-radius:10px;padding:6px 8px}.bday-in{display:flex;align-items:center;gap:3px;color:var(--muted)}.bday input{width:40px;background:#0e0c14;color:var(--gold);border:1.5px solid var(--gold-deep);border-radius:6px;padding:3px;text-align:center;font-weight:800;font-size:13px}.controls-hint{font-size:10px;color:#8d8299;text-align:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-height:640px){.dpad{grid-template:repeat(3,38px) / repeat(3,38px)}.ctx{width:56px;height:56px;font-size:23px}.jump{width:42px;height:42px;font-size:17px;margin-bottom:30px}}.journal-tabs{display:flex;gap:4px;margin-bottom:10px;padding:3px;border-radius:12px;background:#00000040}.journal-tabs button{flex:1;padding:7px 4px;border-radius:9px;font-size:12px;font-weight:800;color:var(--muted);transition:all .15s}.journal-tabs button.on{background:var(--wood-600);color:var(--gold);box-shadow:0 2px 6px #00000059}.chapter{margin-bottom:12px}.chapter-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:linear-gradient(90deg,#ffd15224,#ffd15205);border:1px solid rgba(255,209,82,.25);margin-bottom:7px}.chapter-head .ico{font-size:20px}.chapter-head .ttl{flex:1;min-width:0;display:flex;flex-direction:column}.chapter-head .ttl small{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffb45c}.chapter-head .ttl b{font-size:13.5px;color:var(--cream)}.chapter-head .prog{font-size:11px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}.chapter-bar{height:5px;border-radius:3px;background:#00000059;overflow:hidden;margin:0 2px 8px}.chapter-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#ffd152,#ff9f43);transition:width .4s}.chapter.locked .chapter-head{opacity:.55;border-style:dashed}.chapter-hint{font-size:11px;color:var(--muted);padding:0 4px 6px;line-height:1.4}.quest{background:var(--wood-800);border:1.5px solid var(--line-soft);border-radius:12px;padding:9px 10px;margin-bottom:7px;transition:border-color .2s}.quest.tracked{border-color:var(--gold);box-shadow:0 0 0 2px #ffd15226}.quest.done{opacity:.6}.quest-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.quest-head b{font-size:13px;color:var(--cream)}.quest-desc{font-size:11px;color:var(--muted);margin:4px 0;line-height:1.4}.quest-step{font-size:12px;color:#9fe3b8;margin-bottom:6px;display:flex;gap:5px;align-items:flex-start}.quest-steps{display:flex;gap:3px;margin:2px 0 6px}.quest-steps i{flex:1;height:4px;border-radius:2px;background:#ffffff1a}.quest-steps i.on{background:var(--gold)}.quest-steps i.done{background:var(--jade)}.badge-active,.badge-available,.badge-done{font-size:9px;font-weight:900;padding:2px 7px;border-radius:8px;white-space:nowrap}.badge-active{background:#ffd1522e;color:var(--gold)}.badge-available{background:#74c0ff2e;color:#9fd3ff}.badge-done{background:#2fae6633;color:#6fe09c}.minimap-wrap{display:flex;justify-content:center;padding:4px;background:#0a0810;border-radius:12px;border:2px solid var(--line-soft)}.minimap{max-width:100%;height:auto;image-rendering:pixelated;border-radius:6px}.legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;font-size:11px;color:var(--muted);margin-top:8px}.chips.tabs{margin-bottom:6px}.chip.small{padding:3px 8px;font-size:11px}.vocab.known{border-color:#2fae6699}.vocab .meaning{font-size:12px;color:var(--cream);font-weight:700}.flash{background:linear-gradient(180deg,#34241a,#241811);border:2px solid var(--line);border-radius:14px;padding:18px 12px;text-align:center;margin:8px 0;display:flex;flex-direction:column;gap:6px;align-items:center}.flash b{font-size:20px;color:var(--gold)}.flash small{color:var(--muted)}.flash .answer{font-size:24px;font-weight:900;color:#9fe3b8;display:flex;flex-direction:column;gap:4px;animation:pop .4s}.flash .answer small{font-size:12px;font-weight:600}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0}.btn.wide{width:100%}.hint.big{font-size:14px;padding:8px}.hint.ok{color:#6fe09c}.hint.bad{color:#ff8a7a}.spell-slots{display:flex;gap:4px;justify-content:center;margin:10px 0;flex-wrap:wrap}.spell-slots .slot{width:24px;height:30px;border-bottom:3px solid var(--line);display:grid;place-items:center;font-size:18px;font-weight:900;color:var(--cream)}.spell-slots.ok .slot{border-color:var(--green);color:#6fe09c;animation:pop .4s}.spell-slots.bad .slot{border-color:var(--red);animation:shake .35s}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.spell-tiles{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:8px}.spell-tiles .tile{width:36px;height:40px;border-radius:9px;font-size:18px;font-weight:900;background:linear-gradient(180deg,#ffe8a8,#e0b860);color:#3a2410;box-shadow:0 3px #8a6a2a;transition:transform .1s}.spell-tiles .tile:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #8a6a2a}.spell-tiles .tile:disabled{opacity:.25}.scenario{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;margin-bottom:6px;border-radius:11px;background:var(--wood-800);border:1.5px solid var(--line-soft);font-size:13px}.scenario.here{border-color:var(--gold);background:#3a2a14}.scenario .ico{font-size:22px}.scenario small{margin-left:auto;color:var(--gold);font-weight:800}.talk-line{display:flex;gap:8px;align-items:flex-start;background:#fbf8f2;color:#1b1410;border-radius:14px;padding:10px;margin:8px 0}.talk-line .ico{font-size:24px}.talk-line .say{text-align:left;font-size:14px;font-weight:700;color:#1b1410}.talk-options{display:flex;flex-direction:column;gap:6px}.talk-opt{justify-content:flex-start;text-align:left;font-size:13px}.news-cv{width:100%;border-radius:10px;border:2px solid var(--line);display:block}.news h4{color:var(--cream);font-size:14px;margin:8px 0 4px}.news-body{font-size:12.5px;line-height:1.5;color:var(--text)}.lesson-card{background:#2f7fc126;border:1.5px solid rgba(116,192,255,.5);border-radius:12px;padding:9px;margin:6px 0;font-size:12px;line-height:1.45}.lesson-card b{color:#9fd3ff;display:block;margin-bottom:3px}.lesson-card.good{border-color:var(--green);background:#2fae6626}.lesson-card.bad{border-color:var(--red);background:#e0533d26}.bubble.photo{padding:4px}.chat-img,.post-img{display:block;max-width:100%;border-radius:10px}.post-img{margin:6px 0;width:100%}.fb-post.mine{border-color:#e67e2280}.fb-post.solved{opacity:.85}.fb-actions.col{flex-direction:column}.comments{margin-top:8px;display:flex;flex-direction:column;gap:5px}.comment{background:#ffffff0f;border-radius:10px;padding:5px 8px;font-size:12px;display:flex;gap:6px;align-items:baseline;animation:bubbleIn .25s}.comment.mine{background:#5fd38f26}.comment b{color:var(--gold);font-size:11px;flex-shrink:0}.comment span{flex:1;word-break:break-word}.reply-link{color:var(--muted);font-size:12px}.comment-row{display:flex;gap:6px;align-items:flex-end}.comment-input{flex:1;resize:none;background:#0f0a08;border:1.5px solid var(--line-soft);border-radius:14px;padding:7px 10px;color:var(--text);font:inherit;font-size:13px;min-height:34px;user-select:text;-webkit-user-select:text}.comment-input.big{width:100%;min-height:70px;margin:6px 0}.comment-input:focus{outline:none;border-color:var(--gold)}.quick-replies{display:flex;gap:4px;flex-wrap:wrap}.composer{margin:0 8px 8px;padding:8px;border-radius:12px;background:#2a1d15;border:1.5px dashed var(--gold-deep)}.arcade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.arcade-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:linear-gradient(180deg,#3a2a1e,#261a12);border:1.5px solid var(--line);transition:transform .12s}.arcade-card:active{transform:scale(.95)}.arcade-card .ico{font-size:26px}.arcade-card b{font-size:11px;color:var(--cream);text-align:center;line-height:1.2}.arcade-card small{font-size:9.5px;color:var(--muted)}.game .panel-body{display:flex;flex-direction:column;align-items:center;gap:8px}.arcade-cv{width:100%;max-width:320px;height:auto;border-radius:12px;border:2px solid var(--line);touch-action:none;background:#120c08}.arcade-score{display:flex;justify-content:space-between;width:100%;max-width:320px;font-size:12px;font-weight:800;color:var(--gold)}.arcade-pad{display:grid;gap:6px;width:100%;max-width:320px;touch-action:none}.arcade-pad.n1{grid-template-columns:1fr}.arcade-pad.n2{grid-template-columns:1fr 1fr}.arcade-pad.n3{grid-template-columns:1fr 1fr 1fr}.arcade-pad.n4{grid-template-columns:repeat(4,1fr)}.arcade-pad .btn{font-size:20px;padding:12px 0;user-select:none;-webkit-user-select:none}.draw-tools{width:100%;max-width:320px;display:flex;flex-direction:column;gap:6px}.palette{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.swatch-btn{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.6);box-shadow:0 2px 4px #0006}.swatch{width:30px;height:30px;border-radius:8px;border:2px solid var(--line);flex-shrink:0}.clue{background:linear-gradient(180deg,#f6e6c4,#e8d2a2);color:#3a2410;border-radius:12px;padding:10px;margin-bottom:8px;border:2px solid #b8814e;box-shadow:inset 0 0 18px #8c5a2840}.clue.tracked{border-color:#e0533d}.clue.found{opacity:.6}.clue-head{display:flex;justify-content:space-between;align-items:center}.riddle{font-size:13.5px;font-weight:700;font-style:italic;margin:6px 0;line-height:1.45}.clue-hint{font-size:12px;color:#7a4a20;margin-bottom:6px}.clue .chip{background:#ffffff8c;color:#3a2410;border-color:#b8814e}.clue .chip.on{background:#e0533d;color:#fff}.album{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.album-item{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border-radius:10px;background:var(--wood-800);border:1.5px dashed var(--line-soft)}.album-item span{font-size:22px;filter:grayscale(1) opacity(.5)}.album-item.got{border-style:solid;border-color:var(--gold)}.album-item.got span{filter:none}.album-item small{font-size:9px;color:var(--muted);text-align:center}.pp-cover{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;margin-bottom:10px;background:linear-gradient(135deg,#1f4a3a,#12301f);border:2px solid #c8a24a;box-shadow:inset 0 0 0 3px #c8a24a40,var(--shadow)}.pp-emblem{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:#c8a24a2e;border:1.5px solid #c8a24a}.pp-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pp-id small{font-size:10px;color:#d9c48a;letter-spacing:.08em}.pp-id b{font-size:17px;color:#ffe7a0}.pp-bar{height:7px;border-radius:4px;background:#00000059;overflow:hidden}.pp-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffd152,#ffb43a);border-radius:4px;transition:width .4s}.pp-level{font-weight:800;color:#12301f;background:#ffd152;border-radius:10px;padding:6px 9px;font-size:13px}.pp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:4px}.pp-stat{background:var(--wood-800);border:1.5px solid var(--line-soft);border-radius:10px;padding:7px 4px;text-align:center;display:flex;flex-direction:column}.pp-stat b{font-size:18px;color:var(--gold)}.pp-stat small{font-size:10px;color:var(--muted)}.pp-chart{display:flex;gap:6px;height:86px;align-items:flex-end;padding:6px 8px;background:var(--wood-800);border-radius:10px;border:1.5px solid var(--line-soft)}.pp-col{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;gap:3px}.pp-stack{flex:1;width:70%;display:flex;flex-direction:column-reverse;border-radius:4px;overflow:hidden;background:#ffffff0a}.pp-stack i{display:block;width:100%}.pp-stack .w,.pp-legend .w:before{background:#ffd152}.pp-stack .t,.pp-legend .t:before{background:#5fc2e8}.pp-stack .s,.pp-legend .s:before{background:#8ad37a}.pp-col small{font-size:9px;color:var(--muted)}.pp-legend{display:flex;gap:12px;justify-content:center;font-size:10px;color:var(--muted);margin:5px 0 2px}.pp-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:-1px}.stamps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 6px;padding:10px 6px;border-radius:12px;background:linear-gradient(180deg,#f6ecd6,#ead9b4)}.stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;aspect-ratio:1;border-radius:50%;border:2px dashed rgba(90,60,30,.25);color:#5a3c1e73}.stamp .stamp-ico{font-size:20px;filter:grayscale(1) opacity(.35)}.stamp small{font-size:8px;text-align:center;line-height:1.1;padding:0 3px;max-width:100%;overflow:hidden}.stamp i{font-style:normal;font-size:8px;color:#c8901a;letter-spacing:-1px}.stamp.got{border:2.5px double var(--ink);color:var(--ink);background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);animation:stampIn .35s cubic-bezier(.2,1.6,.4,1)}.stamp.got .stamp-ico{filter:none}.stamp.got small{font-weight:700}@keyframes stampIn{0%{transform:scale(1.6);opacity:0}}.pp-parents-toggle{width:100%;margin-top:10px;padding:9px;border-radius:10px;background:var(--wood-800);border:1.5px solid var(--line-soft);color:var(--cream);font-weight:700;text-align:left}.pp-parents-toggle:after{content:"▾";float:right;transition:transform .2s}.pp-parents-toggle.open:after{transform:rotate(180deg)}.pp-parents{padding:8px 4px;display:flex;flex-direction:column;gap:6px}.pp-parents b{font-size:12px;color:var(--cream)}.tut{position:absolute;inset:0;z-index:400}.tut-spot{position:absolute;border-radius:14px;box-shadow:0 0 0 9999px #080503b8;border:2px solid var(--gold);transition:all .3s cubic-bezier(.3,1.2,.4,1);pointer-events:none;animation:tutPulse 1.4s ease-in-out infinite}.tut-spot.none{left:50%;top:50%;width:0;height:0;border:0;animation:none}@keyframes tutPulse{50%{border-color:#fff3c4}}.tut-card{position:absolute;left:16px;right:16px;max-width:420px;margin:0 auto;padding:14px;border-radius:14px;background:#1c130dfa;border:2px solid var(--gold-deep);box-shadow:var(--shadow);animation:toastIn .25s ease}.tut-card.center{top:50%;transform:translateY(-50%)}.tut-card b{display:block;font-size:16px;color:var(--gold);margin:6px 0 4px}.tut-card p{font-size:13px;color:var(--cream);line-height:1.45}.tut-dots{display:flex;gap:4px}.tut-dots i{width:6px;height:6px;border-radius:3px;background:var(--line-soft);transition:width .2s}.tut-dots i.on{width:16px;background:var(--gold)}.tut-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.tut-actions .ghost{margin-right:auto;opacity:.7}.story-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.story-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;background:linear-gradient(180deg,#f6ecd6,#ead9b4);color:#3a2410;border:2px solid #c8a46a;text-align:center}.story-card .ico{font-size:26px}.story-card b{font-size:12px;line-height:1.2}.story-card small{font-size:10px;color:#8a5a10}.story-card.locked{background:var(--wood-800);color:var(--muted);border-style:dashed;border-color:var(--line-soft)}.story-card.locked b{font-weight:500;font-size:10px}.story-title{color:var(--gold);font-size:16px;margin-bottom:6px;text-align:center}.story-gist{font-size:12px;color:var(--muted);background:var(--wood-800);padding:7px 9px;border-radius:9px;margin:6px 0}.story-page{background:linear-gradient(180deg,#fbf4e2,#efe0bf);color:#2e1d0e;border-radius:12px;padding:10px 10px 6px;margin:8px 0;box-shadow:inset 0 0 22px #8c5a2833}.story-page p{display:flex;gap:6px;align-items:flex-start;font-size:14px;line-height:1.45;margin-bottom:6px;font-family:Georgia,Times New Roman,serif}.story-page .say,.story-q .say{flex:none;width:24px;height:24px;border-radius:50%;background:#c8901a2e;font-size:12px}.story-q{display:flex;gap:8px;align-items:center;font-size:15px;margin:6px 0 10px}.talk-opt.ok{background:#2f7a4a;border-color:#8ad37a}.talk-opt.bad{background:#7a2f2f;border-color:#e07a6a}.hint.bad{color:#ff9a8a}.story-result{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;font-size:16px;color:var(--gold)}.story-result span{font-size:22px}.cheat-btn{position:absolute;left:10px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 150px);z-index:12;width:40px;height:40px;border-radius:50%;font-size:18px;background:#241912e6;border:2px dashed var(--gold);box-shadow:var(--shadow)}.cheats h4{margin:10px 0 6px;color:var(--gold)}.minimap.taiwan{width:100%;max-width:320px}.poi-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.poi-group small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffb45c;margin-bottom:4px}.poi-group .chips{justify-content:flex-start}.place-info{display:flex;flex-direction:column;gap:6px;margin-top:8px}.place-info b{font-size:14px;color:var(--cream)}.place-info .hint{text-align:left;margin:0}.trip.flight .trip-sign{background:#141828eb}#panels:has(.life-save){z-index:80}.dlg-en{display:flex;align-items:center;gap:6px;margin:-4px 0 10px;flex-wrap:wrap}.dlg-en-btn{min-width:40px;height:34px;padding:0 10px;border-radius:10px;font-size:17px;background:#6cc0ff1f;border:1.5px solid rgba(108,192,255,.45);transition:transform .1s,background .1s}.dlg-en-btn:active{transform:scale(.94);background:#6cc0ff4d}.dlg-en-btn.mic{background:#2fae6624;border-color:#2fae668c}.dlg-en-btn.mic.on{animation:lifeMic .9s ease-in-out infinite}@keyframes lifeMic{50%{box-shadow:0 0 0 6px #2fae6640}}.dlg-en-status{font-size:11.5px;color:var(--muted);flex:1;min-width:100px}.dlg-en-status.ok{color:#6fe09c}.dlg-en-status.bad{color:#ffb1a3}.life-nw{display:inline-block;font-size:9.5px;font-weight:800;padding:1px 6px;border-radius:999px;vertical-align:1px}.life-nw.need{background:#2fae662e;color:#7fe2a6;border:1px solid rgba(47,174,102,.5)}.life-nw.want{background:#ff8cbe26;color:#ffa9cb;border:1px solid rgba(255,140,190,.45)}.life-bag-wallet{margin:0 0 6px}.life-pots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.life-pot{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 4px;border-radius:12px;background:var(--wood-800);border:1.5px solid var(--line-soft)}.life-pot .ico{font-size:22px}.life-pot b{font-size:18px;color:var(--gold)}.life-pot small{font-size:10.5px;color:var(--muted);font-weight:700}.life-pot.piggy{border-color:#ff8cbe73}.life-pot.piggy b{color:#ffa9cb}.life-pot.gift b{color:#8fd0ff}.life-pot.bank b{color:#9fe3b8}.life-pots{grid-template-columns:repeat(4,1fr)}.life-budget{display:flex;flex-direction:column;gap:4px}.life-budget-bar{height:14px;border-radius:999px;background:var(--wood-900);border:1.5px solid var(--line-soft);overflow:hidden}.life-budget-bar i{display:block;height:100%;background:linear-gradient(90deg,#34c172,#ffd152);border-radius:999px;transition:width .4s}.life-budget.over .life-budget-bar i{background:linear-gradient(90deg,#f08c34,#e0533d)}.life-budget small{font-size:11px;color:var(--text);text-align:center}.life-warn{color:#ffb1a3!important;font-weight:700}.life-donut-row{display:flex;align-items:center;gap:14px;justify-content:center;margin:2px 0 6px}.life-donut{--need: 180deg;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:conic-gradient(#34c172 0 var(--need),#ff7eb6 var(--need) 360deg);box-shadow:0 0 0 2px var(--line-soft)}.life-donut span{width:58px;height:58px;border-radius:50%;background:#241812;display:grid;place-items:center;font-size:13px;font-weight:900;color:var(--gold)}.life-legend{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.life-legend span{display:flex;align-items:center;gap:6px}.life-legend i{width:12px;height:12px;border-radius:4px}.life-legend .need i{background:#34c172}.life-legend .want i{background:#ff7eb6}.life-tip{display:flex;flex-direction:column;gap:3px;padding:10px 12px;margin:6px 0 4px;border-radius:12px;background:#ffd15214;border:1.5px dashed rgba(255,209,82,.4);font-size:12px;line-height:1.45}.life-tip b{color:var(--gold);font-size:11px}.life-split-bar{display:flex;height:16px;border-radius:999px;overflow:hidden;margin:10px 0 8px;border:1.5px solid var(--line-soft)}.life-split-bar i{display:block;transition:flex .25s}.life-split-bar .spend,.life-split-row.spend .val{background:#f0a030}.life-split-bar .piggy,.life-split-row.piggy .val{background:#ff86ac}.life-split-bar .gift,.life-split-row.gift .val{background:#3f95d6}.life-split-bar .left{background:repeating-linear-gradient(45deg,#3d2a1d 0 4px,#2f2017 4px 8px)}.life-split-row{display:grid;grid-template-columns:1fr 40px 64px 40px;align-items:center;gap:6px;padding:5px 0}.life-split-row .lbl{font-size:13px;font-weight:800}.life-split-row .val{text-align:center;padding:6px 0;border-radius:9px;color:#1f1208;font-size:14px}.life-step{height:38px;border-radius:10px;font-size:20px;font-weight:900;background:var(--wood-600);border:1.5px solid var(--line)}.life-step:disabled{opacity:.3}.life-step:active:not(:disabled){transform:scale(.94)}.life-ad .panel-box{border-color:#ff3d7f;box-shadow:0 0 0 3px #ff3d7f59,0 14px 40px #000c}.life-ad-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 12px;margin:4px 0;border-radius:14px;background:repeating-linear-gradient(135deg,#ffd23a 0 14px,#ffbf1f 14px 28px);color:#3a0a1a;overflow:hidden}.life-ad-flash{font-size:22px;font-weight:1000;letter-spacing:1px;color:#fff;background:#e0164f;padding:3px 12px;border-radius:8px;transform:rotate(-3deg);animation:lifeFlash .5s steps(2) infinite}@keyframes lifeFlash{50%{background:#7a1cff;transform:rotate(3deg) scale(1.06)}}.life-ad-item{font-size:54px;animation:pop .8s ease-in-out infinite;filter:drop-shadow(0 4px 0 rgba(0,0,0,.2))}.life-ad-name{font-size:16px}.life-ad-prices{display:flex;gap:10px;align-items:baseline}.life-ad-prices s{font-size:13px;opacity:.7}.life-ad-prices span{font-size:24px;font-weight:1000;color:#c0164f}.life-ad-only{font-size:12px;font-weight:900;background:#3a0a1a;color:#ffd23a;padding:2px 10px;border-radius:999px}.life-ad-timer{font-weight:800;font-size:11px}.life-ad .panel-foot{flex-wrap:wrap}.life-ad .panel-foot .btn.ghost{flex-basis:100%}.life-ws-dots{display:flex;justify-content:center;gap:6px;margin:2px 0 8px}.life-ws-dots span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;background:var(--wood-700);border:1.5px solid var(--line-soft);color:var(--muted)}.life-ws-dots .cur{border-color:var(--gold);color:var(--gold)}.life-ws-dots .ok{background:#23894f;border-color:#34c172;color:#fff}.life-ws-dots .bad{background:#8e2a20;border-color:#e0533d;color:#fff}.life-ws-paper{background:#fbf6e8;color:#2a1c12;border-radius:12px;padding:10px 12px 12px;margin-bottom:8px;background-image:repeating-linear-gradient(180deg,transparent 0 21px,rgba(80,140,220,.18) 21px 22px);box-shadow:inset 4px 0 #e0533d59,0 3px #0000004d}.life-ws-paper .hint{color:#7a6450}.life-ws-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.life-ws-head b{font-size:14px;color:#b0461f}.life-ws-head small{font-size:10.5px;color:#7a6450;font-weight:700}.life-ws-q{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0}.life-ws-q b{font-size:18px;color:#2a1c12}.life-ws-paper .spell-slots .slot{color:#2a1c12;border-color:#b9a68c}.life-ws-paper .spell-slots.ok .slot{color:#1f7a45;border-color:#2fae66}.life-ws-prompt{font-size:15px;font-weight:700;line-height:1.5;text-align:center;margin:6px 0 10px}.life-ws-prompt.logic{font-size:20px;font-weight:900;letter-spacing:.5px}.life-ws-passage{position:relative;font-size:13.5px;line-height:1.6;padding:8px 10px 8px 40px;margin-bottom:6px;border-radius:10px;background:#ffdc8c59}.life-ws-say{position:absolute;left:6px;top:6px;width:28px;height:28px;border-radius:8px;background:#3f95d6;font-size:14px}.life-ws-opts{display:grid;grid-template-columns:1fr;gap:6px}.life-ws-opts.two{grid-template-columns:1fr 1fr}.btn.life-ws-opt,.btn.life-listen-opt{background:#fff;color:#2a1c12;border:2px solid #d9c7a8;font-size:14px;min-height:44px;padding:8px;white-space:normal;line-height:1.3}.btn.life-ws-opt.right,.btn.life-listen-opt.right{background:#d8f5e2;border-color:#2fae66;color:#145a32}.btn.life-ws-opt.wrong,.btn.life-listen-opt.wrong{background:#fde0da;border-color:#e0533d;color:#8e2a20}.btn.life-ws-opt:disabled,.btn.life-listen-opt:disabled{opacity:1}.life-ws .hint.bad{color:#ffb1a3}.life-ws-stamp{width:112px;height:112px;margin:6px auto 4px;border-radius:50%;display:grid;place-items:center;font-size:64px;font-weight:1000;border:6px double currentColor;transform:rotate(-12deg);animation:lifeStamp .45s cubic-bezier(.2,1.6,.4,1)}@keyframes lifeStamp{0%{transform:rotate(-12deg) scale(2.2);opacity:0}}.life-ws-stamp.gA{color:#ff5a4e}.life-ws-stamp.gB{color:#ffb02e}.life-ws-stamp.gC{color:#6cc0ff}.life-ws-stamp.mini{width:36px;height:36px;font-size:18px;border-width:3px;margin:0;animation:none}.life-ws-score{text-align:center;font-size:15px;font-weight:800}.life-ex-works{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.life-ex-work{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:10px;background:#fbf6e8;color:#2a1c12;font-size:11px;font-weight:700}.life-ex-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.life-ex-gallery figure{margin:0;padding:4px;background:#6b3f22;border-radius:6px;box-shadow:inset 0 0 0 2px #a0683c,0 3px #00000059}.life-ex-gallery img{width:100%;aspect-ratio:1;object-fit:cover;image-rendering:pixelated;display:block;background:#fff;border-radius:2px}.life-ex-stamps{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.life-ex-stamp{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 8px;border:2px dashed;border-radius:10px;font-size:20px;background:#ffffff0a}.life-ex-stamp small{font-size:9.5px;font-weight:800}.life-listen-player{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 10px}.life-big-play{width:64px;height:64px;border-radius:50%;font-size:28px;background:radial-gradient(circle at 35% 30%,#6cc0ff,#23679e);box-shadow:0 4px #173f62,0 0 0 4px #6cc0ff33;transition:transform .1s}.life-big-play:active{transform:translateY(2px);box-shadow:0 2px #173f62}.life-streak{font-size:12px;font-weight:900;color:#ffb347}.life-listen-opts{display:grid;grid-template-columns:1fr;gap:6px}.life-listen-fb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin-top:8px;padding:8px;border-radius:12px;background:var(--wood-800)}.life-listen-fb p{flex-basis:100%;text-align:center;font-size:13px;font-weight:700}.life-listen-fb.ok p{color:#6fe09c}.life-listen-fb.close p{color:#ffd152}.life-listen-fb.bad p{color:#ffb1a3}.btn.pulse{animation:lifeMic .9s ease-in-out infinite}.life-dict{display:flex;gap:6px}.life-dict-input,.life-code{flex:1;min-width:0;font:inherit;font-size:16px;padding:10px 12px;border-radius:10px;color:var(--cream);background:var(--wood-900);border:1.5px solid var(--line)}.life-dict-input:focus,.life-code:focus{outline:none;border-color:var(--gold)}.life-ff .panel-box{border-color:#d0453a}.life-ff .panel-box h3{color:#ffd84a;background:linear-gradient(180deg,#c0392b,#8e2a20);padding-bottom:10px;margin-bottom:8px}.life-ff-healthy{background:#2fae661a;border-radius:10px}.life-ff-compare{margin:10px 0 4px;padding:10px 12px;border-radius:12px;background:#fbf6e8;color:#2a1c12;font-size:12.5px;line-height:1.5}.life-ff-compare b{color:#b0461f}.life-ff-compare p b{color:#c0392b}.life-code{width:100%;font-size:11px;font-family:ui-monospace,monospace;resize:none;word-break:break-all;margin-bottom:4px}.life-start-code{align-self:center}.life-grade .chip{min-width:54px}.life-listen-modes{margin-bottom:8px}.life-save .btn.wide{margin-bottom:10px}.trip{position:absolute;inset:0;z-index:380;overflow:hidden;background:#120c08;animation:tripIn .45s ease both}.trip.out{animation:tripOut .38s ease forwards}@keyframes tripIn{0%{opacity:0}}@keyframes tripOut{to{opacity:0}}.trip-cv{position:absolute;inset:0;width:100%;height:100%;display:block}.trip-skip{position:absolute;top:max(10px,env(safe-area-inset-top));right:12px;z-index:2;background:#241812d1;border-color:var(--line-soft);color:var(--cream);box-shadow:var(--shadow)}.trip-cap{position:absolute;left:16px;right:16px;bottom:max(22px,calc(env(safe-area-inset-bottom) + 12px));display:flex;justify-content:center;pointer-events:none;min-height:3em}.trip-line{max-width:520px;padding:12px 16px;border-radius:14px;text-align:center;font-size:15px;line-height:1.45;font-weight:700;color:var(--cream);background:#241812eb;border:1.5px solid var(--line-soft);box-shadow:var(--shadow);animation:tripCap 2.4s ease both}@keyframes tripCap{0%{opacity:0;transform:translateY(10px)}12%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}.trip-sign{position:absolute;left:50%;top:90px;z-index:1;width:max-content;max-width:min(88%,520px);display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:10px;background:linear-gradient(180deg,#1d3f73,#12294d);color:#fff;font-weight:800;font-size:15px;line-height:1.3;border:2px solid #e8eef8;border-left:8px solid var(--gold);box-shadow:0 8px 22px #00000080;opacity:0;transform:translate(-50%,-16px);transition:opacity .4s ease,transform .5s cubic-bezier(.3,1.4,.5,1);pointer-events:none}.trip-sign:after{content:"";position:absolute;left:22%;right:22%;top:-14px;height:12px;border-left:3px solid #8f9aa8;border-right:3px solid #8f9aa8}.trip-sign.show{opacity:1;transform:translate(-50%)}.trip-sign-ico{font-size:18px;animation:tripBell .5s ease .2s 3 alternate}@keyframes tripBell{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}.tower{position:absolute;inset:0;z-index:380;display:flex;justify-content:center;overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at top,#241812f5,#0a0705f7);animation:tripIn .3s ease both}.tower-box{width:100%;max-width:640px;margin:auto 0;display:flex;flex-direction:column;gap:10px}.tower-head{text-align:center;padding:2px 0}.tower-head b{font-size:18px;color:var(--gold);letter-spacing:.3px;text-shadow:0 2px 0 rgba(0,0,0,.4)}.tower-view{position:relative;width:100%;aspect-ratio:4 / 3;max-height:52dvh;border-radius:16px;overflow:hidden;border:2px solid var(--gold-deep);box-shadow:var(--shadow),inset 0 0 0 1px #ffe6b426;background:#0c0806}@media(min-aspect-ratio:1/1){.tower-view{aspect-ratio:16 / 9}}.tower-cv{position:absolute;inset:0;width:100%;height:100%;display:block}.tower-badge{position:absolute;left:22px;top:12px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;color:#2a1805;background:linear-gradient(180deg,#ffd84a,#c8901a);border:1px solid #fff0b0;box-shadow:0 2px 6px #0006}.tower-card{padding:12px 14px;border-radius:14px;background:var(--wood-800);border:1.5px solid var(--line-soft);box-shadow:var(--shadow);color:var(--cream);font-size:14px;line-height:1.45;display:flex;flex-direction:column;gap:8px}.tower-close{align-self:center;min-width:140px}