:root{--sky: #8ecae6;--sky-deep: #219ebc;--sun: #ffb703;--gold: #f5c542;--gold-deep: #d99e0b;--cream: #fffbf0;--paper: #fff7e6;--ink: #3d3226;--ink-soft: #7a6a55;--leaf: #7fb069;--leaf-deep: #5c8a4a;--coral: #fb8500;--red: #e5533d;--red-deep: #c0392b;--purple: #9b6bc4;--line: #e8dcc4;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-full: 999px;--sh-sm: 0 2px 6px rgba(120, 90, 40, .12);--sh-md: 0 6px 18px rgba(120, 90, 40, .16);--sh-lg: 0 14px 34px rgba(120, 90, 40, .22);--ff: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;margin:0}body{font-family:var(--ff);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6;overscroll-behavior:none}.app-shell{min-height:100%}button{font-family:inherit;cursor:pointer;border:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--r-full);font-size:17px;font-weight:700;background:#fff;color:var(--ink);box-shadow:var(--sh-sm);transition:transform .12s,box-shadow .12s,filter .12s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,var(--gold) 0%,var(--sun) 100%);color:#6b4a00;box-shadow:0 4px 0 var(--gold-deep),var(--sh-sm)}.btn-primary:active{box-shadow:0 1px 0 var(--gold-deep)}.btn-green{background:linear-gradient(180deg,#9ed17f,var(--leaf));color:#24400f;box-shadow:0 4px 0 var(--leaf-deep)}.btn-green:active{box-shadow:0 1px 0 var(--leaf-deep)}.btn-red{background:linear-gradient(180deg,#f07767,var(--red));color:#fff;box-shadow:0 4px 0 var(--red-deep)}.btn-red:active{box-shadow:0 1px 0 var(--red-deep)}.btn-ghost{background:#ffffffb8;color:var(--ink);border:2px solid var(--line)}.btn-star{background:linear-gradient(180deg,#a9d6f5,var(--sky-deep));color:#fff;box-shadow:0 4px #14657a}.btn-star:active{box-shadow:0 1px #14657a}.btn-lg{padding:16px 34px;font-size:20px}.btn-sm{padding:8px 16px;font-size:14px}.item-bar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.item-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-full);background:#fff;border:2px solid var(--line);font-size:14px;font-weight:700;color:var(--ink);box-shadow:var(--sh-sm);transition:transform .1s,border-color .15s}.item-chip:hover:not(:disabled){border-color:var(--gold-deep)}.item-chip:active:not(:disabled){transform:scale(.97)}.item-chip:disabled{opacity:.55}.item-chip .ie{font-size:17px}.item-chip .q{color:var(--ink-soft);font-weight:600}.item-chip.on{background:#fff6d8;border-color:var(--gold);color:#7a5300}.hint-box{margin:12px 0 0;padding:12px 16px;border-radius:var(--r-md);background:#fff8e2;border:2px dashed var(--gold);font-size:15px;color:#7a5300;font-weight:600}.card{background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-sm);padding:18px;border:2px solid var(--line)}.card-pop{border-radius:var(--r-lg);box-shadow:var(--sh-md)}.flash-in{animation:cardFlash 1.1s ease-in-out 2}@keyframes cardFlash{0%,to{box-shadow:var(--sh-md)}50%{box-shadow:0 0 0 4px #f5b428a6,var(--sh-md)}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(180deg,#fffbf0fa,#fff7e6f0);border-bottom:2px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar .brand{font-weight:800;font-size:18px;letter-spacing:.5px}.topbar .spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--r-full);background:#fff;border:2px solid var(--line);font-weight:700;font-size:15px}.pill-score{background:linear-gradient(180deg,#fff3cf,#ffe49a);border-color:var(--gold);color:#7a5300}.pill-heart{background:#fff0ee;border-color:#f5b7ae;color:var(--red-deep)}.page{max-width:900px;margin:0 auto;padding:16px 16px 90px}.detain-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:16px;border-radius:var(--r-md);background:#fff4e2;border:2px dashed var(--coral);color:#8a5200;font-weight:800;font-size:15px}.foe-card{max-width:320px;text-align:center}.foe-card .foe-kind{display:inline-block;padding:2px 12px;border-radius:var(--r-full);font-size:12px;font-weight:800;color:#8a4b12;background:#ffe9c2;border:2px solid var(--gold)}.foe-card .foe-emoji{font-size:76px;line-height:1.15;margin:6px 0 2px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.28));animation:foeAppear .5s cubic-bezier(.2,1.5,.4,1)}@keyframes foeAppear{0%{opacity:0;transform:scale(.4) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.foe-card h3{font-size:21px}.foe-card .foe-scene{font-size:12px;color:var(--ink-soft);margin:4px 0 8px}.foe-card .foe-line{position:relative;margin:0 0 14px;padding:12px 14px;background:#fff7e2;border:2px solid var(--line);border-radius:var(--r-md);font-size:15px;font-weight:700;color:#6b4a16;text-align:left}.foe-card .foe-line:after{content:"";position:absolute;left:50%;top:-9px;translate:-50% 0;width:14px;height:14px;background:#fff7e2;border-left:2px solid var(--line);border-top:2px solid var(--line);transform:rotate(45deg)}.foe-card.k-big{border-color:var(--red);box-shadow:0 0 0 5px #e5533d24,var(--sh-lg)}.foe-card.k-big .foe-kind{background:#ffe0d6;border-color:var(--red);color:var(--red-deep)}.page-title{font-size:26px;font-weight:800;margin:8px 0 4px}.page-sub{color:var(--ink-soft);margin-bottom:18px}.home-hero{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:26px 22px;background:linear-gradient(135deg,#ffe9b0,#ffd36e 45%,#ffb703);box-shadow:var(--sh-md);margin-bottom:18px}.home-hero h1{margin:0 0 6px;font-size:30px;letter-spacing:1px;color:#6b4a00}.home-hero p{margin:0;color:#8a6414;font-weight:600}.home-hero .hero-kid{position:absolute;right:14px;bottom:-6px;font-size:84px;opacity:.95}.home-hero .hero-kid-emoji{display:inline-block;line-height:1;filter:drop-shadow(0 8px 8px rgba(0,0,0,.25));animation:heroBob 3.2s ease-in-out infinite}.home-hero .hero-kid-pet{position:absolute;right:-10px;bottom:8px;font-size:30px;line-height:1;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));animation:heroBob 2.3s ease-in-out infinite reverse}@keyframes heroBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.home-hero .hero-cloud{position:absolute;right:120px;top:12px;font-size:30px;opacity:.55}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:620px){.tile-grid{grid-template-columns:repeat(4,1fr)}}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 10px;border-radius:var(--r-md);background:#fff;border:2px solid var(--line);box-shadow:var(--sh-sm);transition:transform .12s;text-decoration:none;color:inherit;font:inherit;cursor:pointer;text-align:center}.tile:active{transform:scale(.96)}.tile .ico{font-size:34px;line-height:1}.tile .t{font-weight:700;font-size:15px}.tile .n{font-size:12px;color:var(--ink-soft)}.tile-play{background:linear-gradient(180deg,#fff6d8,#ffe9a8);border-color:var(--gold)}.map-viewport{position:relative;height:360px;border-radius:var(--r-lg);border:3px solid var(--line);box-shadow:var(--sh-md);overflow:hidden;background:linear-gradient(180deg,#8ecff0,#c6e8f7 44%,#e9f5d6)}.map-sky{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.map-sky .sun{position:absolute;left:8%;top:6%;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 40% 36%,#fff9d6,#ffd76b);box-shadow:0 0 40px #ffd66bd9}.map-sky .hill{position:absolute;bottom:62%;display:block;background:linear-gradient(180deg,#b9d9a8,#93c081);border-radius:50% 50% 0 0}.map-sky .h1{left:-3%;width:340px;height:104px}.map-sky .h2{left:32%;width:240px;height:66px;opacity:.85}.map-sky .h3{right:-2%;width:300px;height:88px}.map-haze{position:absolute;left:0;right:0;top:38%;height:56px;background:linear-gradient(180deg,#d9eef4,#d9eef400);pointer-events:none;z-index:2}.map-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:auto;overflow-y:hidden;perspective:820px;perspective-origin:50% 62%;scrollbar-width:thin}.map-track{position:relative;display:flex;align-items:flex-start;padding:150px 30px 170px;min-width:max-content;transform-style:preserve-3d;transform:rotateX(44deg);transform-origin:50% 100%;--g1: #d7eeb2;--g2: #a8d675;--g3: #7fbc55;--rd1: #e6d9b4;--rd2: #c3ac83;--rd3: #9d8a66;background:repeating-linear-gradient(102deg,rgba(0,0,0,.035) 0 7px,transparent 7px 26px),linear-gradient(180deg,var(--g1) 0%,var(--g2) 46%,var(--g3) 100%)}.map-track.r2{--g1: #f6e9b8;--g2: #e4cd85;--g3: #cbb063;--rd1: #f2e3c2;--rd2: #d3bb90;--rd3: #ab9068}.map-track.r3{--g1: #f7ceac;--g2: #e2a274;--g3: #c07c4d;--rd1: #efd8c2;--rd2: #cfa987;--rd3: #a37f60}.map-track.r4{--g1: #cdc3e8;--g2: #a293cf;--g3: #7b6ba8;--rd1: #ded6ef;--rd2: #b3a7d3;--rd3: #8a7cad}.map-track.r5{--g1: #bfd8b8;--g2: #8fb888;--g3: #628c5e;--rd1: #ddd8c4;--rd2: #b6b096;--rd3: #8d886f}.map-track.r6{--g1: #ffefbc;--g2: #f0d68a;--g3: #d4b35c;--rd1: #fbeecb;--rd2: #ddc795;--rd3: #b39c6a}.map-track .road{position:absolute;left:0;right:0;top:200px;height:60px;background:linear-gradient(180deg,var(--rd1),var(--rd2) 52%,var(--rd3));border-top:3px solid rgba(255,255,255,.55);border-bottom:3px solid rgba(0,0,0,.1);pointer-events:none}.path-line,.path-done{position:absolute;left:30px;top:227px;height:6px;border-radius:3px;pointer-events:none}.path-line{background:repeating-linear-gradient(90deg,rgba(255,255,255,.72) 0 9px,transparent 9px 18px)}.path-done{background:repeating-linear-gradient(90deg,var(--gold-deep) 0 9px,transparent 9px 18px);transition:width .9s ease}.walker{position:absolute;top:230px;width:0;height:0;transform-origin:50% 100%;transform:rotateX(-44deg);transition:left 1.25s cubic-bezier(.34,.02,.3,1);z-index:6}.walker .w-in{position:absolute;left:50%;bottom:0;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:2px}.walker .w-body{font-size:46px;line-height:1;filter:drop-shadow(0 7px 6px rgba(0,0,0,.32))}.walker .w-name{font-size:12px;font-weight:800;color:#fff;white-space:nowrap;padding:2px 9px;border-radius:var(--r-full);background:#281a0ca8}.walker.moving .w-body{animation:walkBob .34s ease-in-out infinite}.walker .w-pet{position:absolute;right:-14px;bottom:-2px;font-size:22px;line-height:1;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3))}.walker.moving .w-pet{animation:walkBob .26s ease-in-out infinite reverse}@keyframes walkBob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.walker.moving:after{content:"";position:absolute;left:0;bottom:-3px;translate:-50% 0;width:30px;height:10px;border-radius:50%;background:#ffffffa6;animation:walkDust .68s ease-out infinite}@keyframes walkDust{0%{opacity:.75;transform:scale(.6)}to{opacity:0;transform:scale(1.7) translateY(-4px)}}.node{position:relative;width:96px;height:80px;flex:0 0 auto}.node:before{content:"";position:absolute;left:50%;bottom:3px;translate:-50% 0;width:54px;height:15px;border-radius:50%;background:#0000002b;filter:blur(3px)}.node.big:before{width:66px;height:18px}.node .pawn{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;transform-origin:50% 100%;transform:rotateX(-44deg)}.node .dot{position:relative;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800;background:#e9e2d2;color:#a99d86;border:3px solid #d6ccb6;box-shadow:0 8px #00000021;transition:transform .18s}.node .dot .dot-emoji{font-size:34px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.node .dot .dot-no{position:absolute;right:-6px;bottom:-4px;min-width:20px;height:20px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;background:#3d3226d1;border-radius:var(--r-full)}.node .nm-foe{font-size:11px;font-weight:700;color:#8a4b12;text-shadow:0 1px 0 rgba(255,255,255,.95),0 0 5px rgba(255,255,255,.9)}.node.big .dot{border-color:var(--red)}.node.big .dot .dot-emoji{font-size:40px}.node .nm-wrap{position:absolute;top:100%;margin-top:7px;left:50%;translate:-50% 0;display:flex;flex-direction:column;align-items:center}.node .nm{font-size:12px;text-align:center;color:#4a3c26;max-width:100px;line-height:1.25;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.95),0 0 5px rgba(255,255,255,.9)}.node.cleared .dot{background:linear-gradient(180deg,#ffe89a,var(--gold));border-color:var(--gold-deep);color:#6b4a00}.node.current .dot{background:linear-gradient(180deg,#fff2c4,#ffd76b);border-color:var(--orange, var(--coral));box-shadow:0 8px #00000021,0 0 0 8px #fb85003d;animation:pulse 1.5s infinite}.node.big .dot{width:78px;height:78px;font-size:30px;border-width:4px}.node.current.big .dot{box-shadow:0 8px #00000021,0 0 0 10px #e5533d38}.node.cleared .nm,.node.current .nm{color:#2f2416;font-weight:800}.node .flag{position:absolute;left:50%;translate:-50% 0;top:-17px;font-size:18px}.node .lock{position:absolute;left:50%;top:-7px;translate:-50% 0;font-size:15px;opacity:.85}.region-bar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.region-chip{padding:6px 14px;border-radius:var(--r-full);font-size:13px;font-weight:700;background:#fff;border:2px solid var(--line)}.region-chip.active{background:var(--gold);border-color:var(--gold-deep);color:#6b4a00}.stage-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.seg-name{font-weight:800;font-size:18px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:12px;font-weight:700;background:#f0ead9;color:var(--ink-soft)}.badge-olympiad{background:#ffe6f0;color:#b3005e}.badge-star{background:#fff3cf;color:#8a6414}.badge-big{background:#ffe3de;color:var(--red-deep)}.progress-track{height:12px;border-radius:var(--r-full);background:#ece3cd;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,#9ed17f,var(--leaf));transition:width .3s}.battle-stage{position:relative;height:196px;margin-bottom:16px;border-radius:var(--r-lg);overflow:hidden;border:3px solid var(--line);box-shadow:var(--sh-md);--sk1: #a8dcff;--sk2: #eaf7ff;--gr1: #b6dd93;--gr2: #86bd63;--fr: #9ccb75;background:linear-gradient(var(--sk1),var(--sk2))}.battle-stage.r1{--sk1: #a8dcff;--sk2: #eaf7ff;--gr1: #b6dd93;--gr2: #86bd63;--fr: #9ccb75}.battle-stage.r2{--sk1: #ffd9a0;--sk2: #fff3dd;--gr1: #e8c88a;--gr2: #cfa95f;--fr: #dcbd80}.battle-stage.r3{--sk1: #ff9e6b;--sk2: #ffe0c4;--gr1: #d98b5c;--gr2: #b3623a;--fr: #c97a4c}.battle-stage.r4{--sk1: #7b6bb5;--sk2: #cfc4ea;--gr1: #6d618f;--gr2: #4f4569;--fr: #5f5480}.battle-stage.r5{--sk1: #4e6b58;--sk2: #b8cfbd;--gr1: #4f6b52;--gr2: #354b39;--fr: #435c48}.battle-stage.r6{--sk1: #ffd76e;--sk2: #fff6d4;--gr1: #f0cf7e;--gr2: #d9b256;--fr: #e6c46b}.bs-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--sk1),var(--sk2))}.bs-ground{position:absolute;left:-8%;right:-8%;bottom:0;height:74px;background:linear-gradient(var(--gr1),var(--gr2));clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)}.bs-far{position:absolute;bottom:62px;left:0;right:0;height:66px}.bs-far i{position:absolute;bottom:0;display:block;background:var(--fr);opacity:.85;border-radius:50% 50% 12% 12%/70% 70% 10% 10%}.bs-far i:nth-child(1){left:5%;width:120px;height:52px}.bs-far i:nth-child(2){left:33%;width:170px;height:66px;opacity:.7}.bs-far i:nth-child(3){right:4%;width:132px;height:44px}.bs-side{position:absolute;bottom:10px;display:flex;flex-direction:column;align-items:center;gap:4px}.hero-side{left:6%}.foe-side{right:6%}.bs-hp-row{display:flex;align-items:center;gap:6px}.hp-track{display:inline-block;width:92px;height:12px;border-radius:var(--r-full);background:#00000038;overflow:hidden}.hp-fill{display:block;height:100%;border-radius:var(--r-full);transition:width .45s ease}.foe-fill{background:linear-gradient(90deg,#ff8a65,#e53935)}.hero-fill{background:linear-gradient(90deg,#81c784,#43a047)}.hp-label{font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.bs-actor{position:relative;display:grid;place-items:center}.bs-emoji{font-size:58px;line-height:1;filter:drop-shadow(0 6px 5px rgba(0,0,0,.28));animation:bsBob 1.9s ease-in-out infinite}.hero-side .bs-emoji{font-size:64px}.bs-sidekick{position:absolute;right:-12px;bottom:-6px;font-size:26px;line-height:1;filter:drop-shadow(0 4px 3px rgba(0,0,0,.25));animation:bsBob 2.6s ease-in-out infinite}.foe-side.mid .bs-emoji{font-size:72px}.foe-side.big .bs-emoji{font-size:88px;animation-duration:1.4s}@keyframes bsBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.bs-shadow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:56px;height:12px;border-radius:50%;background:#0003;filter:blur(3px)}.bs-name{font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55);max-width:130px;text-align:center}.bs-bubble{position:relative;max-width:190px;margin-bottom:6px;padding:7px 11px;background:#fffdf4;color:#5b4322;border:2px solid #6b4a16;border-radius:14px;font-size:13px;font-weight:800;line-height:1.35;text-align:center;box-shadow:0 3px #0000002e;animation:bsBubble .3s cubic-bezier(.2,1.6,.4,1)}.bs-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;translate:-50% 0;width:12px;height:12px;background:#fffdf4;border-right:2px solid #6b4a16;border-bottom:2px solid #6b4a16;transform:rotate(45deg)}@keyframes bsBubble{0%{opacity:0;transform:scale(.6) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.bs-tag{position:absolute;left:10px;top:10px;padding:3px 10px;border-radius:var(--r-full);background:#00000057;color:#fff;font-size:12px;font-weight:800}@keyframes bsDash{0%{transform:translate(0) scale(1)}28%{transform:translate(14px) scale(1.05)}48%{transform:translate(58px) scale(1.12)}62%{transform:translate(50px) scale(1.06)}to{transform:translate(0) scale(1)}}@keyframes bsHit{0%,to{transform:translate(0) rotate(0)}14%{transform:translate(12px) rotate(-8deg)}34%{transform:translate(-9px) rotate(6deg)}54%{transform:translate(7px) rotate(-4deg)}74%{transform:translate(-4px) rotate(2deg)}}@keyframes bsStageShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-3px)}}.battle-stage.hero-atk .hero-side{animation:bsDash .9s ease-out}.battle-stage.hero-atk .foe-side{animation:bsHit .72s ease-out .32s}.battle-stage.foe-atk .foe-side{animation:bsDash .9s ease-out}.battle-stage.foe-atk .hero-side{animation:bsHit .72s ease-out .32s}.battle-stage.foe-atk{animation:bsStageShake .5s ease-out .32s}.battle-stage.hero-atk .foe-side .bs-emoji,.battle-stage.foe-atk .hero-side .bs-emoji{filter:drop-shadow(0 6px 5px rgba(0,0,0,.28)) grayscale(.6) brightness(1.35);transition:filter .18s ease}.battle-stage.foe-atk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#e539354d;animation:bsRedFlash .65s ease-out}@keyframes bsRedFlash{0%{opacity:0}22%{opacity:1}to{opacity:0}}.bs-fx{position:absolute;bottom:96px;font-size:30px;font-weight:900;color:#ff3d00;text-shadow:0 2px 0 #fff,0 0 10px rgba(255,255,255,.9);pointer-events:none;animation:bsFxUp 1.1s ease-out forwards}.fx-foe{right:12%}.fx-hero{left:12%}@keyframes bsFxUp{0%{opacity:0;transform:translateY(12px) scale(.6)}22%{opacity:1;transform:translateY(0) scale(1.2)}to{opacity:0;transform:translateY(-50px) scale(1)}}.bs-cue{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none}.cue-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#180e0480}.bs-cue>*:not(.cue-scrim){position:relative;z-index:1}.cue-line{display:flex;align-items:center;gap:30px}.cue-hero,.cue-foe{font-size:52px;line-height:1;filter:drop-shadow(0 6px 6px rgba(0,0,0,.45))}.cue-foe{font-size:64px}.cue-burst{font-size:38px;line-height:1}.cue-text{padding:5px 20px;border-radius:var(--r-full);background:#00000057;color:#fff;font-size:20px;font-weight:900;letter-spacing:.04em;text-shadow:0 2px 8px rgba(0,0,0,.7);animation:cueTextIn .34s ease-out both}.cue-stars{position:absolute;top:30px;display:flex;gap:26px}.cue-stars i{font-style:normal;font-size:22px;animation:cueStarPop 1.3s ease-out both}.cue-stars i:nth-child(2){animation-delay:.16s}.cue-stars i:nth-child(3){animation-delay:.32s}.bs-cue.encounter .cue-hero{animation:cueHeroIn .5s ease-out both}.bs-cue.encounter .cue-foe{animation:cueFoeIn .55s cubic-bezier(.2,1.4,.4,1) .12s both}.bs-cue.encounter .cue-burst{animation:cueBurst .6s ease-out .44s both}.bs-cue.defeat .cue-hero{animation:cueHeroIn .5s ease-out both}.bs-cue.defeat .cue-foe{animation:cueFoeDie 1.7s .3s ease-in both}.bs-cue.defeat .cue-burst{animation:cueBurst .6s .28s ease-out both}@keyframes cueHeroIn{0%{opacity:0;transform:translate(-90px) scale(.7)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes cueFoeIn{0%{opacity:0;transform:translate(170px) scale(.6) rotate(-14deg)}62%{opacity:1;transform:translate(-12px) scale(1.14) rotate(5deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}@keyframes cueFoeDie{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}18%{transform:translate(-14px) rotate(-12deg) scale(1.06)}36%{transform:translate(12px) rotate(12deg) scale(1.06)}54%{transform:translate(-9px) rotate(-16deg) scale(.98)}to{opacity:0;transform:translate(36px) rotate(320deg) scale(.15)}}@keyframes cueBurst{0%{opacity:0;transform:scale(0) rotate(-30deg)}55%{opacity:1;transform:scale(1.5) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes cueTextIn{0%{opacity:0;transform:translateY(14px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cueStarPop{0%{opacity:0;transform:translateY(10px) scale(.3)}30%{opacity:1;transform:translateY(-14px) scale(1.2)}to{opacity:0;transform:translateY(-44px) scale(.9)}}.q-card{background:#fff;border-radius:var(--r-lg);border:2px solid var(--line);box-shadow:var(--sh-md);padding:22px}.q-asker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.q-asker-emoji{font-size:30px;line-height:1;filter:drop-shadow(0 3px 3px rgba(0,0,0,.22));animation:qAskerBob 2.4s ease-in-out infinite}@keyframes qAskerBob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-4px) rotate(4deg)}}.q-asker-name{padding:4px 12px;border-radius:var(--r-full);background:#ffe9c2;border:2px solid var(--gold);color:#8a4b12;font-size:14px;font-weight:800}.q-asker .q-meta{margin-left:auto}.q-stem{font-size:21px;font-weight:700;line-height:1.6;white-space:pre-wrap;margin-bottom:18px}.q-meta{font-size:12px;color:var(--ink-soft);margin-bottom:10px}.opts{display:flex;flex-direction:column;gap:12px}.opt{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;border-radius:var(--r-md);background:var(--cream);border:3px solid var(--line);font-size:18px;font-weight:600;text-align:left;transition:transform .1s,border-color .15s,background .15s;width:100%}.opt:active{transform:scale(.985)}.opt .key{flex:0 0 30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--line);font-weight:800;font-size:15px}.opt.sel{border-color:var(--sky-deep);background:#eaf7fc}.opt.sel .key{background:var(--sky-deep);color:#fff;border-color:var(--sky-deep)}.opt.right{border-color:var(--leaf);background:#eef8e8}.opt.right .key{background:var(--leaf);color:#fff;border-color:var(--leaf)}.opt.wrong{border-color:var(--red);background:#fdeeeb}.opt.wrong .key{background:var(--red);color:#fff;border-color:var(--red)}.opt.disabled{opacity:.75}.opt.gone{opacity:.45;background:#f3efe6;border-style:dashed}.opt.gone>span:last-child{text-decoration:line-through}.feedback{margin-top:18px;border-radius:var(--r-md);padding:16px;border:2px solid}.feedback.ok{background:#f0f9ea;border-color:#b6dd9c}.feedback.no{background:#fdeeeb;border-color:#f3b5aa}.feedback h3{margin:0 0 8px;font-size:19px}.feedback .lbl{font-weight:800;color:var(--ink-soft);font-size:13px;letter-spacing:.5px}.feedback p{margin:4px 0 12px;white-space:pre-wrap}.fill-stem{line-height:2.6}.fill-gap{display:inline-block;width:58px;margin:0 5px;padding:3px 6px;border:none;border-bottom:3px solid var(--sun);border-radius:9px 9px 2px 2px;background:#fff6e0;font:inherit;font-weight:800;text-align:center;color:var(--ink);outline:none;transition:background .15s,border-color .15s}.fill-gap.wide{width:124px}.fill-gap:focus{background:#fff;border-bottom-color:var(--coral)}.fill-gap.right{border-bottom-color:var(--leaf-deep);background:#eaf6e4;color:#38622b}.fill-gap.wrong{border-bottom-color:var(--red-deep);background:#fdeceb;color:#96271a}.fill-gap.open{border-bottom-color:var(--sky-deep);background:#e8f6fb;color:#17566b}.fill-gap:disabled{cursor:default}.q-figure{margin:0 0 16px;text-align:center}.q-figure img{width:100%;max-width:420px;border-radius:var(--r-md);border:2px solid var(--line);background:#fff}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-col h4{margin:0 0 8px;font-size:14px;color:var(--ink-soft)}.match-item{padding:12px;border-radius:var(--r-sm);border:3px solid var(--line);background:var(--cream);margin-bottom:8px;font-weight:600;text-align:left;width:100%}.match-item.sel{border-color:var(--sky-deep);background:#eaf7fc}.match-item.done{opacity:.5}.voice-box{text-align:center;padding:20px;background:var(--cream);border-radius:var(--r-md);border:3px dashed var(--line)}.mic{font-size:54px}.voice-note{color:var(--ink-soft);font-size:13px;margin-top:8px}.result-hero{text-align:center;padding:30px 20px;border-radius:var(--r-lg);box-shadow:var(--sh-md)}.result-hero.win{background:linear-gradient(160deg,#fff6d8,#ffe49a)}.result-hero.lose{background:linear-gradient(160deg,#f2f2f2,#e2e2e2)}.result-hero .big{font-size:60px}.result-hero h1{margin:6px 0;font-size:28px}.stars{font-size:40px;letter-spacing:6px}.detail-list{margin:16px 0}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--line)}.detail-row:last-child{border-bottom:none}.detail-row .v{font-weight:800}.drop-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.drop-item{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--r-full);background:#fff;border:2px solid var(--gold);font-weight:700}.drop-item.egg{background:linear-gradient(180deg,#fff3cf,#ffe49a)}.pet-card{display:flex;gap:14px;align-items:center}.pet-avatar{width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;background:var(--cream);border:3px solid var(--line);flex:0 0 auto}.pet-avatar.following{border-color:var(--gold);box-shadow:0 0 0 5px #f5c54240}.bar{height:10px;border-radius:var(--r-full);background:#ece3cd;overflow:hidden;margin-top:4px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#ffd76b,var(--sun))}.bar.satiety>i{background:linear-gradient(90deg,#9ed17f,var(--leaf))}.bar.mood>i{background:linear-gradient(90deg,#f6a5c0,#e2769b)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.shop-item{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:var(--r-md);background:#fff;border:2px solid var(--line);box-shadow:var(--sh-sm)}.shop-item .ico{font-size:32px}.shop-item .nm{font-weight:700;font-size:15px}.shop-item .ds{font-size:12px;color:var(--ink-soft);min-height:32px}.shop-item .pr{font-weight:800;color:var(--gold-deep)}.shop-item.real{border-color:#ffd0b0;background:#fff8f2}.tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tab{padding:8px 18px;border-radius:var(--r-full);background:#fff;border:2px solid var(--line);font-weight:700;font-size:14px}.tab.on{background:var(--gold);border-color:var(--gold-deep);color:#6b4a00}.wrong-item{padding:14px;border-radius:var(--r-md);background:#fff;border:2px solid var(--line);margin-bottom:10px}.wrong-item .stem{font-weight:600;margin-bottom:6px}.wrong-item .tag{font-size:12px;color:var(--ink-soft)}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:var(--r-full);background:var(--red);color:#fff;font-size:12px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.stat{padding:14px;border-radius:var(--r-md);background:#fff;border:2px solid var(--line);text-align:center}.stat .n{font-size:24px;font-weight:800;color:var(--sky-deep)}.stat .l{font-size:12px;color:var(--ink-soft)}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.bar-row .lb{width:76px;font-size:13px;font-weight:700}.bar-row .tr{flex:1;height:14px;border-radius:var(--r-full);background:#ece3cd;overflow:hidden}.bar-row .tr>i{display:block;height:100%;background:linear-gradient(90deg,#8ecae6,var(--sky-deep))}.bar-row .pc{width:46px;text-align:right;font-size:13px;font-weight:700}.hot{color:var(--red-deep);font-weight:700}.switch{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px dashed var(--line)}.switch:last-child{border-bottom:none}.switch input{width:22px;height:22px}.detention{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:radial-gradient(ellipse at 50% 20%,rgba(80,50,20,.35),transparent 60%),#181008ed;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:24px}.detention h2{font-size:26px;margin:12px 0 4px}.timer{font-size:44px;font-weight:800;font-variant-numeric:tabular-nums}.detention .tip{max-width:460px;color:#e6d8c4;margin:14px 0 20px}.jail{position:relative;width:150px;height:170px;margin-bottom:4px}.jail-monster{position:absolute;left:-52px;top:-6px;font-size:44px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4));animation:jailLurk 2.8s ease-in-out infinite}@keyframes jailLurk{0%,to{transform:translate(0) rotate(-4deg)}50%{transform:translate(8px) rotate(5deg) scale(1.06)}}.jail-cage{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #6b543a;border-radius:14px;background:linear-gradient(180deg,#3c2a188c,#23180cbf);box-shadow:0 10px 26px #00000080,inset 0 0 18px #00000073;overflow:visible}.jail-bars{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0,transparent 20px,rgba(214,182,120,.95) 20px,rgba(214,182,120,.95) 26px);animation:jailRattle 3.2s ease-in-out infinite}.jail-bars:before{content:"";position:absolute;left:-4px;right:-4px;top:22px;height:8px;background:#d6b678f2;border-radius:4px}@keyframes jailRattle{0%,88%,to{transform:translate(0)}91%{transform:translate(-2.5px)}94%{transform:translate(2.5px)}97%{transform:translate(-1.5px)}}.jail-kid{position:absolute;left:50%;bottom:8px;transform:translate(-50%);font-size:64px;line-height:1;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));transform-origin:50% 100%;animation:jailSob 1.15s ease-in-out infinite}@keyframes jailSob{0%,to{transform:translate(-50%) scaleY(1)}30%{transform:translate(-50%) scaleY(.9) scaleX(1.06)}55%{transform:translate(-50%) scaleY(1.05) rotate(-2deg)}75%{transform:translate(-50%) scaleY(.94) rotate(2deg)}}.jail-tear{position:absolute;font-size:15px;opacity:0;pointer-events:none;animation:jailTear 1.6s linear infinite}.jail-tear.t1{left:40%;top:44%;animation-delay:0s}.jail-tear.t2{left:58%;top:44%;animation-delay:.55s}.jail-tear.t3{left:49%;top:40%;animation-delay:1.05s}@keyframes jailTear{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}to{opacity:0;transform:translateY(56px) scale(1.1)}}.jail-sob{position:absolute;right:-66px;top:4px;background:#fff;color:#5a3b1e;font-size:13px;font-weight:800;white-space:nowrap;padding:4px 10px;border-radius:12px 12px 12px 2px;box-shadow:0 3px 8px #00000059;animation:jailCry 1.15s ease-in-out infinite}@keyframes jailCry{0%,to{transform:scale(1) rotate(3deg)}40%{transform:scale(1.12) rotate(-2deg)}}.jail-floor{position:absolute;left:8%;right:8%;bottom:-12px;height:14px;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%)}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%);background:#3d3226f0;color:#fff;padding:12px 24px;border-radius:var(--r-full);font-weight:700;z-index:100;box-shadow:var(--sh-lg);max-width:88vw}.toast-enter-active,.toast-leave-active{transition:all .25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,12px)}.loading,.fatal{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:10px;text-align:center;padding:20px}.loading-cat{font-size:64px;animation:bob 1.2s infinite}.fatal-emoji{font-size:64px}.fatal code{background:#efe6d4;padding:2px 8px;border-radius:6px}.fatal .hint{color:var(--ink-soft);font-size:14px}.empty{text-align:center;padding:50px 20px;color:var(--ink-soft)}.empty .big{font-size:54px}.back-btn{font-size:22px;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--line);border-radius:var(--r-full);color:var(--ink);font-weight:800;box-shadow:var(--sh-sm);transition:transform .14s ease}.back-btn:active{transform:scale(.92)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.confetti i{position:absolute;font-size:22px;animation:fall 2.6s linear forwards}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes fall{0%{transform:translateY(-40px) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(420deg);opacity:.2}}@keyframes walk{0%{transform:translate(0)}to{transform:translate(var(--walk, 140px))}}.journey-game{--j-ink:#f2e8d0;--j-gold:#dfc18b;position:fixed;top:0;right:0;bottom:0;left:0;isolation:isolate;overflow:hidden;background:#173336;color:var(--j-ink);font-family:Microsoft YaHei,sans-serif;line-height:1.5}.journey-game button,.journey-game a{touch-action:manipulation}.world-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,28,28,.68),transparent 23%,transparent 68%,rgba(8,25,24,.85)),linear-gradient(90deg,rgba(9,26,25,.3),transparent 38%);z-index:1}.journey-header{position:absolute;inset:0 0 auto;z-index:6;height:92px;padding:22px 3.4%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff6df;pointer-events:none}.journey-header>*{pointer-events:auto}.journey-brand{display:flex;align-items:center;gap:13px}.seal{display:grid;place-items:center;background:#9e4436;border:1px solid #d9ad79;font-family:serif;width:43px;height:48px;font-size:27px;box-shadow:0 0 0 4px #84372955}.journey-brand small{display:block;font-size:10px;letter-spacing:3px;opacity:.7}.journey-brand strong{font-size:22px;letter-spacing:3px}.world-chapter{display:grid;text-align:center}.world-chapter span{font-size:11px;letter-spacing:2px;color:#e3d8be}.world-chapter strong{font-family:SimSun,serif;font-size:23px;font-weight:500;letter-spacing:4px}.world-wallet{display:flex;align-items:center;gap:12px;font-size:14px}.world-wallet>span{border:1px solid #c7d2bc44;border-radius:30px;padding:6px 14px;background:#10282555}.world-wallet button{color:#f1dec0;background:transparent;font-size:22px;padding:4px 10px}.journey-intro{position:absolute;z-index:2;top:23%;left:5%;pointer-events:none;text-shadow:0 2px 12px #15312c}.eyebrow{font-size:11px;letter-spacing:3px;color:#e9cf9b}.journey-intro h1{font-family:SimSun,serif;font-size:clamp(27px,3.4vw,54px);line-height:1.55;font-weight:400;letter-spacing:5px;margin:17px 0}.journey-intro p{font-size:12px;color:#e2dfce}.world-waypoints{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.world-pin{position:absolute;transform:translate(-50%,-25%);display:flex;align-items:center;flex-direction:column;min-width:100px;color:#fff2d2;background:transparent;pointer-events:auto;text-shadow:0 2px 6px #122d27;transition:filter .2s,opacity .2s;padding:3px}.pin-number{display:grid;place-items:center;width:43px;height:43px;border:1px solid #dfcf9d;border-radius:50%;background:#263f37ce;box-shadow:0 4px 14px #11282144;font-size:18px;font-family:serif}.world-pin.current .pin-number,.world-pin.selected .pin-number{background:#b28b4a;color:#fff9e5;box-shadow:0 0 0 5px #f4ce8330,0 0 25px #ffda8370}.world-pin.locked{opacity:.72}.world-pin.cleared .pin-number{background:#49694c}.pin-name{font-size:14px;font-weight:600;letter-spacing:1px;margin-top:10px}.world-pin small{font-size:10px;color:#e0d4b5}.world-pin:focus-visible{outline:2px solid #fff0ba;border-radius:8px}.world-pan{position:absolute;top:49%;z-index:6;color:#f3dfb4;background:#16363077;width:42px;height:70px;border:1px solid #d2c29955;font-size:40px;font-family:serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pan-left{left:18px}.pan-right{right:18px}.world-pan:disabled{opacity:.25}.world-pan:hover:not(:disabled){background:#556b4eaa}.journey-footer{position:absolute;bottom:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 3.4%;pointer-events:none}.journey-footer>*{pointer-events:auto}.journey-nav{display:flex;gap:24px}.journey-nav a{text-decoration:none;color:#ede3cb;display:grid;text-align:center;font-family:serif;font-size:19px;letter-spacing:2px}.journey-nav a span{font-family:sans-serif;letter-spacing:0;font-size:9px;color:#b9c5b4;margin-top:3px}.journey-nav a:hover{color:#ffe3a4}.journey-location{display:grid;text-align:center;font-size:10px;gap:5px;color:#dfd6be}.journey-location button{background:transparent;color:#e2c18b;padding:4px}.journey-primary{border:1px solid #eed2a0;border-radius:3px;background:linear-gradient(135deg,#e4c58a,#b8975c);color:#273a30;padding:11px 24px;font-size:15px;letter-spacing:2px;font-weight:700;box-shadow:inset 0 0 0 3px #d1b37b,0 5px 20px #061e1933}.journey-primary:disabled{opacity:.45;cursor:not-allowed}.journey-primary:hover:not(:disabled){filter:brightness(1.1)}.continue-journey{min-width:195px;display:grid;font-family:serif;font-size:20px}.continue-journey span{font-family:sans-serif;font-size:10px;letter-spacing:1px;font-weight:400}.encounter-panel{position:absolute;z-index:5;top:22%;right:7%;width:330px;max-width:37vw;padding:32px;background:linear-gradient(135deg,#142f2fef,#183f37ee);border:1px solid #cfb57d88;box-shadow:0 20px 60px #10231e66;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.encounter-panel h2{font-family:serif;font-size:32px;margin:12px 0}.encounter-panel h3{font-size:14px;color:#d1c9ac;font-weight:400;margin:0}.encounter-panel p{font-family:serif;font-size:16px;line-height:1.9;min-height:65px}.encounter-panel .journey-primary{width:100%}.panel-close{position:absolute;top:5px;right:9px;background:none;color:#d7c8ac;font-size:25px}.world-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;background:#173332ee;font-family:serif;font-size:22px;text-align:center;padding:30px}.landscape-prompt{display:none}.answer-pager{font-size:10px;color:#e5c588;background:#748d7133;padding:2px 5px;border:1px solid #b1b58c55;border-radius:3px}.detention-journey{background:#102923ed;z-index:20}.detention-card{width:min(800px,90vw);display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:35px;color:#eadfc1}.detention-copy h2{font-family:serif;font-size:27px;font-weight:400;margin:10px 0}.detention-copy .timer{font-size:23px;color:#e7c38c;margin:8px 0}.detention-copy p{font-size:12px;color:#c3cdb8}.detention-options{display:flex;gap:9px;flex-wrap:wrap}.detention-options .journey-primary,.detention-options .journey-back{font-size:12px;padding:8px 12px;letter-spacing:0}.jail-new{width:230px;height:225px;margin:0 auto;background:#091f1d77;border:1px solid #8c96765c;border-radius:45px 45px 5px 5px;overflow:hidden}.jail-avatar{position:absolute;top:12px;right:6px;bottom:0;left:6px;z-index:1}.jail-avatar .kid3d{background:transparent!important}.jail-new .jail-bars{top:0;right:0;bottom:0;left:0;z-index:2;background:repeating-linear-gradient(90deg,transparent 0,transparent 26px,#718071 27px,#283d37 32px);border:8px solid #7b846b;border-radius:45px 45px 5px 5px}.jail-new .jail-sob{z-index:3;top:10px;right:10px;font-size:15px;color:#2d4438;background:#e6d9b3;padding:3px 10px}.cage-tear{position:absolute;z-index:3;top:95px;width:5px;height:9px;border-radius:50%;background:#a7d5e1;animation:cage-tears 1.2s infinite}.cage-tear.one{left:105px}.cage-tear.two{left:124px;animation-delay:.4s}@keyframes cage-tears{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}.result-game{background:radial-gradient(ellipse at 25% 50%,#496653,#163531 55%,#0e2829)}.result-layout{position:absolute;top:19%;right:8%;bottom:18%;left:8%;display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.result-victory{display:flex;justify-content:center;flex-direction:column;text-align:center}.result-victory h1{font-family:serif;font-size:38px;font-weight:400;letter-spacing:5px;margin:12px 0}.result-rating{color:#eac988;letter-spacing:7px;font-size:30px}.result-victory p{font-size:12px;color:#c9d4bc;margin:9px 0}.result-score{font-size:62px;font-family:serif;color:#f0d69c;line-height:1.2;margin:12px 0}.result-score small{font-size:10px;letter-spacing:3px;display:block;margin-top:5px}.result-ledger{border:1px solid #c1af7a55;background:#15352f88;padding:24px 30px;display:flex;flex-direction:column;justify-content:center}.result-ledger h2{font-size:19px;letter-spacing:3px;font-family:serif;font-weight:400;margin:0 0 15px;color:#e6cc98}.result-ledger h3{font-size:13px;font-weight:400;color:#e6cc98;border-top:1px solid #c1af7a44;padding-top:13px;margin:12px 0 8px}.result-ledger-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;color:#cdd4c1}.result-ledger-row strong{color:#e8d4a7}.result-drop-list{display:flex;flex-wrap:wrap;gap:5px}.result-drop-list span{font-size:11px;border:1px solid #9fac8c66;padding:5px 8px;background:#70896122}.result-ledger>small,.result-ledger>p{font-size:10px;color:#c3cbb6}@media(max-height:600px)and (min-aspect-ratio:1/1){.result-layout{top:18%;right:7%;bottom:19%;left:7%;gap:7%}.result-victory h1{font-size:25px;margin:6px 0}.result-victory p{font-size:10px;margin:5px 0}.result-rating{font-size:23px}.result-score{font-size:39px;margin:6px 0}.result-ledger{padding:12px 18px}.result-ledger h2{font-size:15px;margin-bottom:5px}.result-ledger h3{font-size:11px;margin:5px 0;padding-top:6px}.result-ledger-row{font-size:11px;padding:2px 0}.result-drop-list span{font-size:9px;padding:3px 6px}}.battle-world{position:absolute;top:0;right:0;bottom:0;left:0}.battle-header{height:80px}.journey-back{background:#18342e88;color:#f0dfb6;border:1px solid #c2af7755;padding:9px 17px;font-size:13px}.battle-progress{position:absolute;top:79px;left:3.4%;right:3.4%;height:2px;background:#d7c8a330;z-index:7}.battle-progress i{display:block;height:100%;background:#e0bd79;transition:width .3s}.actor-label{position:absolute;z-index:2;bottom:14%;width:170px;text-align:center;transform:translate(-50%);text-shadow:0 2px 8px #102b24}.hero-label{left:24%}.enemy-label{left:47%;bottom:26%;width:135px}.actor-label small{display:block;font-size:10px;color:#e2c28e;letter-spacing:3px}.actor-label strong{font-size:17px;font-weight:500}.actor-label>span{font-size:10px;color:#e3d7bb}.actor-health{height:4px;background:#1d302aaa;border:1px solid #c1bfa333;margin:7px 0}.actor-health i{display:block;height:100%;background:#a9c793;transition:width .4s}.foe-health i{background:#bd7c62}.battle-impact{position:absolute;top:40%;font-family:serif;font-size:40px;color:#fff2aa;text-shadow:0 0 20px #f6c66d;z-index:3;animation:impact 1.2s both}.battle-impact.foe{left:45%}.battle-impact.hero{left:23%;color:#ffbca6}@keyframes impact{0%{transform:translateY(0) scale(.7);opacity:1}to{transform:translateY(-70px) scale(1.3);opacity:0}}.battle-announcement{position:absolute;bottom:5%;left:25%;transform:translate(-50%);font-family:serif;font-size:24px;letter-spacing:6px;z-index:2;color:#ffe0a3;animation:announce 2s both}@keyframes announce{0%{opacity:0;letter-spacing:13px}20%,80%{opacity:1}to{opacity:0}}.battle-game .dialogue-panel{position:absolute;z-index:4;top:19%;right:3.4%;bottom:7%;width:43%;padding:22px 25px;border-radius:4px;border:1px solid #c6b186aa;color:#efead9;background:linear-gradient(130deg,#163633f5,#1c3b37ee);box-shadow:0 15px 40px #08241e66;display:flex;flex-direction:column;gap:12px;margin:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dialogue-panel:before{content:"";position:absolute;left:-12px;top:42%;width:23px;height:23px;background:#173834;border-left:1px solid #c6b186aa;border-bottom:1px solid #c6b186aa;transform:rotate(45deg)}.dialogue-title{display:flex;align-items:center;gap:12px;border-bottom:1px solid #c7b38744;padding-bottom:12px;flex:none}.speaker-mark{display:grid;place-items:center;border:1px solid #d7b27166;width:36px;height:39px;color:#e3bc7c;font-size:20px;font-family:serif}.dialogue-title>div{display:grid}.dialogue-title small{font-size:9px;color:#cab794;letter-spacing:2px}.dialogue-title strong{font-size:18px;font-family:serif;font-weight:500;color:#f5ead0}.dialogue-counter{font-size:10px;margin-left:auto;text-align:right;color:#c2c8b7}.dialogue-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.spoken-line{font-size:10px;color:#b8c9b7}.question-body{flex:none;display:flex;gap:12px}.battle-game .q-stem{font-size:clamp(15px,1.55vw,22px);line-height:1.65;font-weight:500;color:#fff3d5;margin:0;white-space:pre-wrap}.dialogue-figure{width:75px;height:68px;object-fit:contain;background:#f3f0db;border-radius:5px}.answer-controls{flex:1;min-height:0;display:flex;align-items:center}.answer-controls>div{width:100%}.battle-game .opts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;width:100%}.battle-game .opt{padding:11px 12px;border:1px solid #c3be9f55;border-radius:4px;background:#78938116;box-shadow:none;color:#e9e9d9;display:flex;gap:9px;text-align:left;font-size:clamp(12px,1.15vw,17px);line-height:1.45;min-height:44px}.battle-game .opt .key{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;border:1px solid #b1b89666;background:none;color:#dfc18b;font-size:12px}.battle-game .opt.sel{background:#d5b77b33;border-color:#f0ce89}.battle-game .opt.sel .key{background:#dfc18b;color:#203b30}.battle-game .opt:disabled{opacity:.5;cursor:default}.battle-game .opt:hover:not(:disabled){border-color:#efd398}.dialogue-actions{display:flex;align-items:center;gap:10px;justify-content:space-between;border-top:1px solid #c7b38733;padding-top:12px;flex:none}.dialogue-actions>span{font-size:10px;color:#a6baa6;max-width:48%}.dialogue-actions .journey-primary{padding:9px 23px;font-size:14px;letter-spacing:1px;flex-shrink:0}.dialogue-pages{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:10px;color:#c0c6ae}.dialogue-pages button{background:#c2c49d15;color:#e8ce9a;padding:4px 9px;border:1px solid #bcba9766;border-radius:3px;font-size:11px}.dialogue-pages button:disabled{opacity:.25}.dialogue-hint{font-size:11px;background:#c2b27522;border:1px solid #c2b27555;padding:6px}.dialogue-feedback{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.dialogue-feedback h3{font-family:serif;color:#c7dfb4;font-size:23px;margin:5px 0 0}.dialogue-feedback.no h3{color:#e2b18f}.dialogue-feedback h3 small{font-family:sans-serif;font-size:12px;font-weight:400;margin-left:10px;color:#c7bb96}.feedback-text{white-space:pre-wrap;font-size:clamp(13px,1.2vw,17px);line-height:1.85;margin:0;flex:1}.battle-game .voice-note{font-size:10px;line-height:1.4;color:#b8c7b1;grid-column:1/-1;margin:0}.battle-game .voice-box{background:none;padding:0}.battle-game .voice-box .mic{display:none}.battle-game .fill-gap{background:#c3c99522;border:1px solid #c5bb8b;color:#fff1c8;max-width:110px;height:32px;font-size:16px}.battle-game .match-grid{gap:8px}.battle-game .match-col h4{color:#e1c58e;font-size:11px;margin:0 0 4px}.battle-game .match-item{background:#85997b22;border:1px solid #9eac8855;color:#e9e5cd;font-size:12px;padding:5px;margin-bottom:4px;min-height:28px}.battle-game .match-item.sel,.battle-game .match-item.done{border-color:#dfbc7a;background:#c3ac6a33}.battle-inventory{position:absolute;left:4%;bottom:3%;z-index:5;display:flex;gap:6px;max-width:45%;flex-wrap:wrap}.battle-inventory button{background:#18382eee;border:1px solid #c1b18377;color:#ead9b2;font-size:12px;padding:7px 10px}.practice-game{background:radial-gradient(ellipse at 25% 40%,#446457,#172f2d)}.practice-game .dialogue-panel{width:64%;right:18%}.practice-game .dialogue-panel:before{display:none}@media(max-height:600px)and (min-aspect-ratio:1/1){.journey-header{height:62px;padding:10px 3.4%;gap:10px}.journey-brand small{font-size:8px}.journey-brand strong{font-size:16px}.seal{width:29px;height:34px;font-size:20px}.world-chapter strong{font-size:17px}.world-chapter span{font-size:9px}.world-wallet{gap:6px;font-size:11px}.world-wallet>span{padding:4px 8px}.journey-intro{top:21%}.journey-intro h1{font-size:26px;margin:8px 0}.journey-intro p{font-size:10px}.journey-footer{padding:12px 3.4%;gap:12px}.journey-nav{gap:18px}.journey-nav a{font-size:16px}.journey-nav a span{font-size:8px}.continue-journey{min-width:145px;font-size:17px;padding:6px 15px}.journey-location{font-size:8px}.pin-number{width:30px;height:30px;font-size:15px}.pin-name{font-size:11px;margin-top:4px}.world-pin small{font-size:8px}.world-pin{min-width:75px}.world-pan{width:30px;height:48px;font-size:30px;top:45%}.pan-left{left:8px}.pan-right{right:8px}.encounter-panel{top:19%;padding:18px;max-width:35vw;width:300px}.encounter-panel h2{font-size:22px;margin:7px 0}.encounter-panel h3{font-size:11px}.encounter-panel p{font-size:13px;min-height:40px;margin:8px 0}.encounter-panel .eyebrow{font-size:8px}.journey-primary{font-size:12px;padding:8px 14px}.battle-progress{top:61px}.battle-game .dialogue-panel{top:20%;bottom:5%;padding:12px 16px;gap:7px;width:44%}.dialogue-title{gap:8px;padding-bottom:7px}.speaker-mark{width:25px;height:28px;font-size:16px}.dialogue-title strong{font-size:15px}.dialogue-title small,.dialogue-counter{font-size:8px}.dialogue-content{gap:5px}.spoken-line{font-size:9px;max-height:26px;overflow:hidden}.battle-game .q-stem{font-size:14px;line-height:1.5}.battle-game .opts{gap:6px}.battle-game .opt{min-height:32px;padding:6px 8px;font-size:12px;gap:6px}.battle-game .opt .key{width:19px;height:19px;font-size:10px}.dialogue-actions{padding-top:7px}.dialogue-actions .journey-primary{padding:6px 13px;font-size:12px}.actor-label{bottom:13%;width:120px}.enemy-label{bottom:23%;width:100px}.actor-label strong{font-size:13px}.actor-label small,.actor-label>span{font-size:8px}.dialogue-feedback h3{font-size:18px;margin:0}.feedback-text{font-size:12px;line-height:1.6}.dialogue-figure{width:50px;height:45px}.battle-announcement{font-size:17px}.dialogue-pages button{padding:2px 6px;font-size:10px}.practice-game .dialogue-panel{width:68%;right:16%}}@media(orientation:portrait)and (max-width:700px){.landscape-prompt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:radial-gradient(ellipse at 50% 30%,#456959,#102a2a);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:14px;padding:30px;color:#f0dec0}.landscape-prompt>span{font-size:70px;font-weight:200;color:#d3b47e}.landscape-prompt strong{font-family:serif;font-size:21px;font-weight:400;letter-spacing:2px}.landscape-prompt p{font-size:12px;color:#b8c8b7}}