@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Noto+Sans+TC:wght@500;700;900&display=swap";
:root{--sky:#fff4d6;--sky2:#ffe6c4;--cream:#fffaf0;--grass:#7ec98f;--grass-dark:#4fa56a;--berry:#ff7e9d;--berry-dark:#e85c80;--sun:#ffc94d;--sun-dark:#f0a92e;--sky-blue:#6ec6e8;--grape:#9b7ede;--choc:#5a3d2b;--choc-soft:#7a5a44;--gold:#c8a84b;--gold-dim:#a88c2e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px}body{color:var(--choc);background:radial-gradient(circle at 15% 12%,#ffc94d59,transparent 38%),radial-gradient(circle at 85% 8%,#6ec6e84d,transparent 35%),radial-gradient(circle at 50% 100%,#7ec98f66,transparent 55%),linear-gradient(180deg,var(--sky),var(--sky2));-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:Noto Sans TC,sans-serif;overflow-x:hidden}.cloud{opacity:.6;filter:blur(.3px);z-index:0;pointer-events:none;background:#fff;border-radius:50px;position:fixed}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud.c1{width:120px;height:38px;animation:38s linear infinite drift;top:8%;left:-130px}.cloud.c2{width:90px;height:30px;animation:50s linear -10s infinite drift;top:22%;left:-100px}.cloud.c3{width:150px;height:46px;animation:60s linear -30s infinite drift;top:5%;left:-160px}.cloud:before{width:50px;height:50px;top:-22px;left:18px}.cloud:after{width:38px;height:38px;top:-14px;left:55px}@keyframes drift{to{transform:translate(calc(100vw + 200px))}}.sidebar{border-right:3px solid var(--gold);z-index:100;background:#2a2217;width:240px;height:100vh;padding-top:20px;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:4px 0 12px #0000004d}.sidebar-header{text-align:center;color:var(--gold);border-bottom:2px solid var(--gold-dim);margin-bottom:12px;padding:0 16px 12px;font-family:"Baloo 2",cursive;font-size:1.1rem;font-weight:800}.sidebar-item{cursor:pointer;color:#d4c9b8;border:2px solid #0000;border-radius:14px;margin:8px 12px;padding:12px 16px;font-weight:700;transition:all .2s}.sidebar-item.active{background:var(--berry);color:#fff;border-color:var(--berry-dark)}.sidebar-item:hover{background:#ffffff1a;transform:translate(4px)}.sidebar-back{border:2px solid var(--gold-dim);cursor:pointer;text-align:center;color:var(--gold);background:0 0;border-radius:14px;margin:12px;padding:12px 16px;font-weight:700;transition:all .2s}.sidebar-back:hover{background:#c8a84b33;transform:translate(-4px)}.wrap{z-index:1;flex-direction:column;align-items:center;max-width:100%;margin-left:260px;padding:20px 18px 60px;display:flex;position:relative}.btn{cursor:pointer;letter-spacing:.05em;color:#fff;border:none;border-radius:20px;padding:18px 42px;font-family:"Baloo 2",Noto Sans TC,cursive;font-size:1.2rem;font-weight:700;transition:transform .12s,filter .15s;position:relative}.btn:active{transform:translateY(3px)}.btn-go{background:var(--berry);box-shadow:0 5px 0 var(--berry-dark)}.btn-sun{background:var(--sun);color:var(--choc);box-shadow:0 5px 0 var(--sun-dark)}.btn-grass{background:var(--grass);box-shadow:0 5px 0 var(--grass-dark)}.btn-ghost{color:var(--choc);background:#fff;box-shadow:0 5px #e0d2bc}.btn:disabled{color:#9b8d77;cursor:not-allowed;background:#d8cdbb;box-shadow:0 5px #c2b49c}.screen{width:100%;display:none}.screen.show{animation:.6s fadeUp;display:block}.intro-screen.show{justify-content:center;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:60px 16px 40px;display:flex;position:relative;overflow:hidden}.portal{filter:drop-shadow(0 8px 12px #00000026);margin:0 0 30px;font-size:6rem;animation:5s ease-in-out infinite spinpulse;display:inline-block}.portal img{object-fit:contain;border-radius:28px;width:280px;height:280px}@keyframes spinpulse{0%,to{transform:scale(1)rotate(-4deg)}50%{transform:scale(1.12)rotate(4deg)}}.intro h1{color:var(--choc);text-shadow:4px 4px #ffd98a;z-index:2;margin:0 0 20px;font-family:"Baloo 2",Noto Sans TC,cursive;font-size:4rem;font-weight:800;line-height:1.1}.scroll-box{background:var(--cream);border:4px dashed var(--sun);border-radius:26px;max-width:750px;margin:30px auto 36px;padding:40px 45px;position:relative;box-shadow:0 12px 30px #5a3d2b26}.scroll-box p{color:var(--choc-soft);font-size:1.35rem;font-weight:500;line-height:2.2}.scroll-box .hl{color:var(--berry-dark);font-weight:700}.scroll-box .hl2{color:var(--grass-dark);font-weight:700}.menu-head{text-align:center;width:100%;padding:24px 0 10px}.menu-head h2{color:var(--choc);text-shadow:2px 2px #ffd98a;font-family:"Baloo 2",Noto Sans TC,cursive;font-size:2.2rem;font-weight:800}.menu-head p{color:var(--choc-soft);margin-top:4px;font-weight:500}.level-grid{grid-template-columns:repeat(2,1fr);gap:18px;width:100%;max-width:760px;margin:24px auto 0;display:grid}.level-grid.cols-3{grid-template-columns:repeat(3,1fr);max-width:1000px}.level-grid.cols-4{grid-template-columns:repeat(4,1fr);max-width:1200px}@media (max-width:700px){.level-grid.cols-3,.level-grid.cols-4{grid-template-columns:1fr}}@media (min-width:701px) and (max-width:1000px){.level-grid.cols-4{grid-template-columns:repeat(2,1fr)}}.level-grid.single{grid-template-columns:minmax(0,360px);justify-content:center}.level-card{background:var(--cream);text-align:center;cursor:pointer;border:3px solid #0000;border-radius:24px;padding:22px 20px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 8px #5a3d2b1f}.level-card.open{border-color:var(--grass)}.level-card.open:hover{transform:translateY(-4px)}.level-card .lv-emoji{margin-bottom:8px;font-size:3.4rem;display:block}.level-card .lv-no{color:var(--berry-dark);letter-spacing:.1em;font-family:"Baloo 2",cursive;font-size:.85rem;font-weight:700}.level-card h3{color:var(--choc);margin:4px 0 6px;font-size:1.25rem}.level-card .lv-desc{color:var(--choc-soft);font-size:.85rem;line-height:1.6}.level-card .lv-tag{border-radius:20px;margin-top:10px;padding:4px 14px;font-size:.78rem;font-weight:700;display:inline-block}.lv-tag.ready{background:var(--grass);color:#fff}.recommended{border:3px solid var(--sun);background:linear-gradient(135deg,#fffaf0,#fff9e6);max-width:400px;margin:0 auto;box-shadow:0 8px 24px #ffc94d33}.level-badge{background:var(--sun);color:var(--choc);border-radius:12px;padding:4px 14px;font-size:.8rem;font-weight:700;position:absolute;top:12px;right:16px}.difficulty{color:var(--berry-dark);margin:8px 0;font-size:1rem;font-weight:700}.section-title{text-align:center;color:var(--choc-soft);width:100%;margin:30px 0 16px;font-size:1.15rem;font-weight:700}.level-cards-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:760px;margin:0 auto;display:grid}.topbar{align-items:center;gap:12px;width:100%;max-width:760px;margin:0 auto 14px;display:flex}.back-btn{color:var(--choc);cursor:pointer;background:#fff;border:none;border-radius:14px;padding:10px 18px;font-size:.95rem;font-weight:700;box-shadow:0 4px #e0d2bc}.back-btn:active{transform:translateY(2px)}.progressbar{background:var(--cream);border-radius:18px;flex-wrap:wrap;flex:1;align-items:center;gap:6px;padding:8px 10px;display:flex;box-shadow:inset 0 2px 6px #5a3d2b14}.pb-step{color:#b3a48d;background:#ece0cc;border-radius:10px;flex:1;justify-content:center;align-items:center;min-width:26px;height:30px;font-family:"Baloo 2",cursive;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.pb-step.active{background:var(--berry);color:#fff;transform:scale(1.18);box-shadow:0 3px 8px #e85c8066}.pb-step.done{background:var(--grass);color:#fff}.score-pill{background:var(--sun);color:var(--choc);box-shadow:0 4px 0 var(--sun-dark);white-space:nowrap;border-radius:16px;padding:8px 16px;font-family:"Baloo 2",cursive;font-size:.95rem;font-weight:700}.card{background:var(--cream);border-radius:28px;width:100%;max-width:760px;margin:0 auto;padding:22px 22px 28px;box-shadow:0 14px #5a3d2b1a,0 20px 40px #5a3d2b1f}.level-banner{background:linear-gradient(135deg,var(--grape),#8a6bd0);color:#fff;text-align:center;border-radius:16px;margin-bottom:18px;padding:14px 20px;font-size:1.2rem;font-weight:700}.scene{border:4px solid #fff;border-radius:22px;justify-content:center;align-items:center;width:100%;min-height:220px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -8px 20px #0000000f}.scene .scene-emoji{filter:drop-shadow(0 8px 10px #0000002e);font-size:6.5rem;animation:2.4s ease-in-out infinite bounce}.scene .scene-img{border-radius:18px;width:100%;height:auto;display:block;position:static}@keyframes bounce{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-14px)rotate(3deg)}}.scene .twinkle{font-size:1.4rem;animation:2s ease-in-out infinite tw;position:absolute}.scene .t1{animation-delay:0s;top:16px;left:22px}.scene .t2{animation-delay:.6s;top:30px;right:30px}.scene .t3{animation-delay:1.2s;bottom:24px;left:40px}@keyframes tw{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.scene-tag{color:var(--choc);background:#ffffffeb;border-radius:14px;padding:5px 14px;font-family:"Baloo 2",cursive;font-size:.82rem;font-weight:700;position:absolute;bottom:12px;right:14px}.story{text-align:center;color:var(--choc-soft);margin:18px 10px 6px;font-size:1.18rem;font-weight:500;line-height:2}.meaning{text-align:center;color:var(--grass-dark);margin-bottom:4px;font-size:.98rem;font-weight:700}.hint-text{text-align:center;color:var(--sun-dark);background:#fff9e6;border-radius:12px;width:100%;margin:8px 0;padding:8px 16px;font-size:.95rem;font-weight:700;display:inline-block}.idiom-row{border-bottom:3px dashed #e0d2bc;flex-wrap:wrap;justify-content:center;gap:14px;margin:26px 0 40px;padding-bottom:28px;display:flex}.slot,.fixed-char{border-radius:20px;justify-content:center;align-items:center;width:88px;height:88px;font-family:"Baloo 2",Noto Sans TC,cursive;font-size:2.8rem;font-weight:800;display:flex;position:relative}.fixed-char{background:var(--sky-blue);color:#fff;box-shadow:0 5px #4ba6cc}.slot{border:4px dashed var(--berry);color:var(--choc);background:#fff;transition:transform .15s,background .2s,border-color .2s}.slot .pos-hint{text-align:center;color:var(--berry-dark);font-size:.7rem;font-weight:700;position:absolute;bottom:-22px;left:0;right:0}.slot.over{border-color:var(--berry-dark);background:#ffe9f0;transform:scale(1.08)rotate(-2deg)}.slot.filled{cursor:pointer;background:var(--sun);color:var(--choc);box-shadow:0 5px 0 var(--sun-dark);border-style:solid}.slot.correct{background:var(--grass);color:#fff;border-color:var(--grass);box-shadow:0 5px 0 var(--grass-dark);animation:.45s pop}.slot.wrong{border-color:var(--berry-dark);background:#ffd9d9;animation:.4s shake}@keyframes pop{0%{transform:scale(.6)rotate(-12deg)}60%{transform:scale(1.2)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.bank-label{text-align:center;color:var(--choc-soft);letter-spacing:.15em;margin:34px 0 14px;font-size:.85rem;font-weight:700}.bank{background:#fff6;border-radius:24px;flex-wrap:wrap;justify-content:center;gap:16px;min-height:90px;margin-top:12px;padding:20px;display:flex}.tile{width:88px;height:88px;color:var(--grape);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:20px;justify-content:center;align-items:center;font-family:"Baloo 2",Noto Sans TC,cursive;font-size:2.8rem;font-weight:800;transition:transform .12s;display:flex;box-shadow:0 6px #d9c9f0,0 10px 18px #5a3d2b1f}.tile:active{cursor:grabbing}.tile.used{display:none}.tile-ghost{z-index:999;pointer-events:none;width:88px;height:88px;color:var(--grape);background:#fff;border-radius:20px;justify-content:center;align-items:center;font-family:"Baloo 2",cursive;font-size:2.8rem;font-weight:800;display:flex;position:fixed;transform:translate(-50%,-50%)scale(1.15)rotate(-5deg);box-shadow:0 14px 26px #5a3d2b4d}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.result{text-align:center;min-height:1.6em;margin-top:18px;font-family:"Baloo 2",Noto Sans TC,cursive;font-size:1.15rem;font-weight:700}.result-success{color:var(--grass-dark)}.result-error{color:var(--berry-dark)}.finish-inner{text-align:center;padding:30px 16px}.finish-inner .big{font-size:5rem;animation:3s ease-in-out infinite spinpulse;display:inline-block}.finish-inner h2{color:var(--choc);text-shadow:2px 2px #ffd98a;margin:14px 0;font-family:"Baloo 2",Noto Sans TC,cursive;font-size:2.2rem;font-weight:800}.finish-inner .score-ring{color:var(--berry-dark);margin:8px 0;font-family:"Baloo 2",cursive;font-size:2.8rem;font-weight:800}.finish-inner p{color:var(--choc-soft);font-size:1.05rem;font-weight:500;line-height:1.8}.finish-inner .practice-verdict{max-width:520px;color:var(--choc);margin:0 auto;font-size:1.12rem;font-weight:600}.finish-inner .diagnosis-details{max-width:520px;margin:22px auto 12px}.finish-inner .weak-round-tip{max-width:520px;margin:0 auto}.diagnosis-screen{text-align:center;width:100%;max-width:700px;margin:0 auto;padding:30px 20px}.diagnosis-screen h2{color:var(--choc);text-shadow:2px 2px #ffd98a;margin-bottom:10px;font-family:"Baloo 2",Noto Sans TC,cursive;font-size:2.2rem;font-weight:800}.score-display{margin:24px 0}.score-number{color:var(--berry-dark);font-family:"Baloo 2",cursive;font-size:4rem;font-weight:800}.score-outof{color:var(--choc-soft);margin-left:8px;font-size:1.3rem}.diagnosis-details{background:var(--cream);text-align:left;border-radius:16px;margin:20px 0;padding:20px 24px;box-shadow:0 6px #5a3d2b1a}.detail-row{border-bottom:2px solid #f0e4d0;justify-content:space-between;padding:12px 0;font-weight:600;display:flex}.detail-row:last-child{border-bottom:none}.detail-row .good{color:var(--grass-dark);font-weight:700}.detail-row .warning{color:var(--berry-dark);font-weight:700}.weak-round-tip{border:3px dashed var(--sun);color:var(--choc);text-align:center;text-wrap:pretty;word-break:keep-all;line-break:strict;background:#fff4e0;border-radius:16px;margin:4px 0 8px;padding:14px 22px;font-size:1.05rem;font-weight:700;line-height:1.85}@media (max-width:520px){.weak-round-tip .nb{white-space:normal}}.analysis-box{text-align:left;margin:24px 0}.strengths,.weaknesses{background:#fff;border-radius:12px;margin-bottom:14px;padding:18px 20px;box-shadow:0 4px #5a3d2b14}.strengths{border-left:5px solid var(--grass)}.weaknesses{border-left:5px solid var(--berry)}.strengths h4,.weaknesses h4{color:var(--choc);margin:0 0 10px;font-size:1.1rem}.strengths ul,.weaknesses ul{padding:0;list-style:none}.strengths li,.weaknesses li{color:var(--choc-soft);padding:6px 0}.recommendation-box{border-left:5px solid var(--sun);text-align:left;background:#fff9e6;border-radius:12px;margin:20px 0;padding:20px 24px;box-shadow:0 4px #5a3d2b14}.recommendation-box h4{color:var(--choc);margin:0 0 10px;font-size:1.15rem}.recommendation-box p{color:var(--choc-soft);margin:0;font-size:1rem;line-height:1.9}@media (max-width:900px){.sidebar{width:200px}.wrap{margin-left:220px}}@media (max-width:600px){html{font-size:16px}.sidebar{border-right:none;border-bottom:2px solid var(--gold);gap:8px;width:100%;height:auto;margin-bottom:16px;padding:12px;display:flex;position:relative;overflow-x:auto}.wrap{margin-left:0}.sidebar-item{white-space:nowrap;margin:0;padding:8px 14px;font-size:.9rem}.sidebar-back{white-space:nowrap;margin:0 8px 0 0}.sidebar-header{display:none}.intro h1{font-size:2.4rem}.portal img{width:200px;height:200px}.scroll-box{padding:24px 20px}.scroll-box p{font-size:1.1rem}.level-grid,.level-cards-grid{grid-template-columns:1fr}.slot,.fixed-char,.tile{border-radius:16px;width:66px;height:66px;font-size:2.1rem}.scene{min-height:180px}.scene .scene-emoji{font-size:5rem}.pb-step{min-width:20px;height:26px;font-size:.7rem}}.learn-img-box{background:#faf5ea;border:4px solid #fff;border-radius:20px;justify-content:center;align-items:center;width:100%;min-height:300px;display:flex;overflow:hidden;box-shadow:0 8px 20px #5a3d2b26}.learn-img{width:100%;height:auto;display:block}.learn-placeholder{text-align:center;color:var(--choc-soft);padding:60px 20px}.learn-story{padding:20px 8px 4px}.learn-story h3{color:var(--choc);text-align:center;margin-bottom:12px;font-family:"Baloo 2",Noto Sans TC,cursive;font-size:1.6rem;font-weight:800}.learn-kid{color:var(--choc-soft);background:var(--cream);border-left:5px solid var(--sun);border-radius:14px;padding:16px 20px;font-size:1.12rem;font-weight:500;line-height:2}.btn-text{color:var(--grape);cursor:pointer;background:0 0;border:none;margin:14px auto 0;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:underline;display:block}.learn-full{color:var(--choc-soft);border-left:5px solid var(--grape);background:#f5efe2;border-radius:14px;margin-top:12px;padding:16px 20px;font-size:.98rem;line-height:2}.learn-full-label{color:var(--choc);margin-top:16px;font-size:1rem;font-weight:700}.drill-round-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.drill-round-tag{color:#8a7a62;background:#ece0cc;border-radius:14px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .3s}.drill-round-tag.active{background:var(--berry);color:#fff;transform:scale(1.06)}.drill-round-tag.done{background:var(--grass);color:#fff}.drill-desc{text-align:center;color:var(--choc-soft);margin:-8px 0 14px;font-size:.95rem;font-weight:500}.free-idiom-grid{grid-template-columns:repeat(5,1fr);gap:14px;width:100%;max-width:900px;margin:20px auto;display:grid}.free-idiom-card{background:var(--cream);text-align:center;cursor:pointer;border:3px solid #0000;border-radius:18px;padding:16px 10px;transition:transform .15s;box-shadow:0 6px #5a3d2b1a}.free-idiom-card:hover{transform:translateY(-3px)}.free-idiom-card.selected{border-color:var(--berry);box-shadow:0 6px 0 var(--berry-dark);background:#fff0f5}.free-idiom-emoji{margin-bottom:6px;font-size:2.2rem;display:block}.free-idiom-name{color:var(--choc);font-size:1.2rem;font-weight:800}.free-idiom-tag{color:var(--choc-soft);margin-top:2px;font-size:.85rem}.free-mode-grid{grid-template-columns:repeat(5,1fr);gap:14px;width:100%;max-width:900px;margin:0 auto;display:grid}.free-mode-card{background:var(--cream);text-align:center;cursor:pointer;border:3px solid var(--sky-blue);border-radius:18px;padding:18px 10px;transition:transform .15s;box-shadow:0 6px #5a3d2b1a}.free-mode-card:hover{border-color:var(--berry);transform:translateY(-3px)}.free-mode-card .lv-emoji{margin-bottom:8px;font-size:2.4rem;display:block}.free-mode-card h3{margin:4px 0;font-size:1rem}.free-mode-card .lv-desc{font-size:.78rem}@media (max-width:700px){.free-idiom-grid,.free-mode-grid{grid-template-columns:repeat(2,1fr)}}.scene.scene-text{border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:150px;display:flex}.scene-meaning-main{color:var(--choc);text-align:center;background:#fffc;border-radius:18px;max-width:90%;margin:0;padding:20px 26px;font-family:Noto Sans TC,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.8}.scene-blank-hint{color:var(--choc-soft);background:#fff9;border-radius:14px;padding:8px 20px;font-size:1.05rem;font-weight:700}.guide-wrap{z-index:200;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.guide-avatar{background:linear-gradient(160deg,var(--berry),var(--grape));cursor:pointer;border:4px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .15s;display:flex;box-shadow:0 8px 20px #5a3d2b40}.guide-avatar:hover{transform:scale(1.08)rotate(-4deg)}.guide-avatar:active{transform:scale(.95)}.guide-face{filter:drop-shadow(0 2px 3px #0003);font-size:2rem}.guide-bubble{border:3px solid var(--sun);background:#fff;border-radius:20px 20px 4px;max-width:280px;padding:16px 34px 16px 18px;animation:.25s guidePop;position:relative;box-shadow:0 10px 26px #5a3d2b38}.guide-bubble p{color:var(--choc);margin:0;font-size:.95rem;font-weight:600;line-height:1.65}.guide-close{color:var(--choc-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 6px;font-size:1.1rem;line-height:1;position:absolute;top:8px;right:10px}.guide-close:hover{background:#f0e4d0}@keyframes guidePop{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:600px){.guide-wrap{bottom:14px;right:14px}.guide-avatar{width:52px;height:52px}.guide-face{font-size:1.6rem}.guide-bubble{max-width:calc(100vw - 100px)}}.text-scale-ctrl{z-index:150;background:#fff;border-radius:16px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:fixed;top:16px;left:270px;box-shadow:0 4px 12px #5a3d2b26}.text-scale-ctrl .ts-label{color:var(--choc-soft);margin-right:2px;font-size:.85rem;font-weight:800}.text-scale-ctrl button{color:var(--choc);cursor:pointer;background:#f0e4d0;border:none;border-radius:10px;padding:5px 10px;font-size:.82rem;font-weight:700;transition:all .15s}.text-scale-ctrl button.active{background:var(--berry);color:#fff}.text-scale-ctrl button:hover:not(.active){background:#e6d6ba}@media (max-width:900px){.text-scale-ctrl{left:220px}}@media (max-width:600px){.text-scale-ctrl{width:fit-content;margin:0 auto 10px;position:static}}.wrap.text-scale-sm{font-size:.9rem}.wrap.text-scale-lg{font-size:1.15rem}.wrap.text-scale-lg .learn-kid,.wrap.text-scale-lg .learn-full,.wrap.text-scale-lg .story,.wrap.text-scale-lg .meaning{font-size:1.2em}.wrap.text-scale-sm .learn-kid,.wrap.text-scale-sm .learn-full,.wrap.text-scale-sm .story,.wrap.text-scale-sm .meaning{font-size:.92em}.portal-flash{z-index:300;pointer-events:none;background:radial-gradient(circle at 50% 40%,#ffffffd9,#fff0 60%);animation:.5s ease-out forwards flashFade;position:fixed;inset:0}@keyframes flashFade{0%{opacity:1}to{opacity:0}}.confetti{z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;line-height:1;animation-name:confettiFall;animation-timing-function:linear;animation-fill-mode:forwards;position:fixed;top:-10vh}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.1;transform:translateY(118vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.lv-last-score{color:var(--berry-dark);background:#fff0f5;border-radius:12px;margin-top:4px;padding:6px 14px;font-size:.9rem;font-weight:700}.history-list{flex-direction:column;gap:10px;max-width:500px;margin-top:16px;margin-left:auto;margin-right:auto;display:flex}.history-item{background:var(--cream);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 20px;transition:transform .12s;display:flex;box-shadow:0 4px #5a3d2b1a}.history-item:hover{transform:translate(4px)}.history-date{color:var(--choc-soft);font-weight:600}.history-score{color:var(--berry-dark);font-family:"Baloo 2",cursive;font-size:1.15rem;font-weight:800}.history-arrow{color:var(--choc-soft);font-size:1.3rem}.history-inline{border-top:2px dashed #e0d2bc;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;display:flex}.history-inline-row{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.85rem;display:flex}.hero{aspect-ratio:23/10;justify-content:flex-end;align-self:stretch;align-items:center;width:calc(100% + 36px);min-height:280px;max-height:60vh;margin:-20px -18px 22px;display:flex;position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:30% 46%;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:linear-gradient(100deg,#fff4d600 38%,#fff2d059 55%,#fff1cdb8 74%,#fff1cdd1 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:clamp(12px,2.2vw,26px);width:min(52%,700px);padding:0 clamp(14px,2.6vw,44px);display:flex;position:relative}.hero-title{letter-spacing:.05em;color:#3a2412;text-shadow:-2px -2px #ffe6a8,2px -2px #ffe6a8,-2px 2px #ffe6a8,2px 2px #ffe6a8,-4px 0 #ffe6a8,4px 0 #ffe6a8,0 -4px #ffe6a8,0 4px #ffe6a8,0 7px #d9a441,0 14px 26px #3c230a61;font-family:"Baloo 2",Noto Sans TC,cursive;font-size:clamp(1.9rem,4.4vw,4.2rem);font-weight:800;line-height:1.15}.hero .scroll-box{background:#fffaeced;border-width:3px;max-width:100%;margin:0;padding:clamp(12px,1.7vw,24px) clamp(14px,2.1vw,30px);box-shadow:0 10px 26px #3c230a47}.hero .scroll-box p{text-wrap:pretty;word-break:keep-all;line-break:strict;font-size:clamp(.86rem,1.02vw,1.12rem);line-height:1.9}.nb{white-space:nowrap}.unit-accordion{flex-direction:column;gap:16px;width:100%;max-width:1600px;margin:0 auto;display:flex}.unit-block{background:var(--cream);border-radius:22px;overflow:hidden;box-shadow:0 6px #5a3d2b1a}.unit-block-header{align-items:center;gap:14px;padding:18px 24px 10px;display:flex}.unit-block-title{text-align:left;flex:1}.unit-block-title h3{color:var(--choc);margin-bottom:4px;font-size:1.5rem}.unit-block-title p{color:var(--choc-soft);font-size:1rem}.unit-block-arrow{color:var(--berry-dark);font-size:1rem}.unit-block-list{grid-template-columns:repeat(10,1fr);gap:10px;max-width:none;margin:0;padding:6px 22px 22px}.unit-block-list .free-idiom-card{padding:12px 6px;box-shadow:0 4px #5a3d2b1a}.unit-block-list .free-idiom-emoji{margin-bottom:4px;font-size:1.9rem}.unit-block-list .free-idiom-name{font-size:1.05rem}.unit-block-list .free-idiom-tag{font-size:.78rem}@media (max-width:1500px){.unit-block-list{grid-template-columns:repeat(5,1fr);gap:12px}}@media (max-width:1000px){.unit-block-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.hero{aspect-ratio:4/3;justify-content:center;align-items:flex-end;max-height:none;padding-bottom:16px}.hero-img{object-position:50% 32%}.hero:after{background:linear-gradient(#fff1cd00 34%,#fff1cdcc 62%,#fff1cdeb 100%)}.hero-content{width:100%;padding:0 16px}.hero-title{font-size:clamp(1.8rem,7vw,2.6rem)}.hero .scroll-box p{font-size:.95rem}}@media (max-width:700px){.unit-block-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.unit-block-header{padding:14px 16px 8px}.unit-block-title h3{font-size:1.25rem}}.battle-scoreboard{background:var(--cream);border-radius:999px;align-items:center;gap:10px;padding:6px 14px;display:flex;box-shadow:0 4px #5a3d2b1f}.bs-side{align-items:center;gap:6px;display:flex}.bs-label{color:var(--choc-soft);font-size:.85rem;font-weight:700}.bs-num{font-family:"Baloo 2",cursive;font-size:1.4rem;font-weight:800;line-height:1}.bs-me .bs-num{color:var(--grass-dark)}.bs-ai .bs-num{color:var(--grape)}.bs-vs{color:var(--gold-dim);font-size:.75rem;font-weight:800}.bs-ai.thinking .bs-label{animation:1s ease-in-out infinite aiBlink}@keyframes aiBlink{0%,to{opacity:1}50%{opacity:.35}}.battle-timer{align-items:center;gap:12px;width:100%;max-width:760px;margin:0 auto 14px;display:flex}.bt-bar{background:#ffffffa6;border-radius:999px;flex:1;height:14px;overflow:hidden;box-shadow:inset 0 2px 4px #5a3d2b2e}.bt-fill{background:linear-gradient(90deg,var(--grass),var(--grass-dark));border-radius:999px;height:100%;transition:width .1s linear}.bt-fill.urgent{background:linear-gradient(90deg,var(--berry),var(--berry-dark))}.bt-num{color:var(--choc);text-align:right;min-width:52px;font-family:"Baloo 2",cursive;font-size:1.3rem;font-weight:800}.bt-num.urgent{color:var(--berry-dark);animation:.6s ease-in-out infinite aiBlink}.battle-ai-status{text-align:center;min-height:1.5em;margin:10px 0 2px;font-size:.98rem;font-weight:700}.ai-thinking{color:var(--grape)}.ai-wrong{color:var(--grass-dark)}.ai-correct{color:var(--berry-dark)}.ai-beaten{color:var(--gold-dim)}.battle-final{justify-content:center;align-items:stretch;gap:16px;max-width:460px;margin:20px auto 6px;display:flex}.bf-side{background:var(--cream);border:3px solid #0000;border-radius:20px;flex:1;padding:16px 10px;box-shadow:0 6px #5a3d2b1f}.bf-side.bf-winner{border-color:var(--sun);background:#fff4e0}.bf-name{color:var(--choc-soft);margin-bottom:4px;font-size:1rem;font-weight:700}.bf-score{color:var(--choc);font-family:"Baloo 2",cursive;font-size:2.6rem;font-weight:800;line-height:1}.bf-vs{color:var(--gold-dim);align-self:center;font-family:"Baloo 2",cursive;font-weight:800}.bf-total{color:var(--choc-soft);margin-bottom:6px;font-size:.98rem}.round-pick-card .lv-desc{min-height:2.6em}@media (max-width:600px){.battle-scoreboard{gap:6px;padding:4px 10px}.bs-num{font-size:1.15rem}.bs-label{font-size:.75rem}.bt-num{min-width:44px;font-size:1.1rem}.bf-score{font-size:2rem}}.bot-face{object-fit:cover;border-radius:14px;display:inline-block;box-shadow:0 3px 8px #5a3d2b2e}.bs-ai.thinking .bot-face{animation:1s ease-in-out infinite aiBlink}.guide-avatar{background:0 0;border:3px solid #fff;border-radius:20px;width:72px;height:72px;padding:0;overflow:hidden}.guide-face{justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex}.guide-face .bot-face{width:100%;height:100%;box-shadow:none;border-radius:0}@media (max-width:600px){.guide-avatar{border-radius:16px;width:56px;height:56px}}.battle-ai-status{justify-content:center;align-items:center;gap:10px;min-height:58px;display:flex}.bf-name{flex-direction:column;align-items:center;gap:6px;display:flex}.battle-arena{max-width:760px;margin-left:0;padding-top:62px}.battle-hud{background:var(--cream);border:3px solid var(--grass);border-radius:24px;margin-bottom:22px;padding:20px 24px;box-shadow:0 7px #5a3d2b1f}.battle-clock-row{border-bottom:2px dashed #e0d2bc;grid-template-columns:1fr;gap:18px;padding-bottom:16px;display:grid}.battle-clock-row>div{flex-direction:column;gap:3px;display:flex}.battle-time-value{color:var(--berry-dark);font-size:2rem;font-weight:800}.battle-clock-row small{color:var(--choc-soft);font-size:.85rem}.battle-player{flex-direction:column;align-items:center;gap:6px;display:flex}.battle-points{color:var(--choc);font-size:2rem}.battle-points small{font-size:1rem}.player-avatar{height:68px;font-size:48px;line-height:68px}.battle-player>span:last-child{color:var(--choc-soft);font-size:.9rem}.battle-round-caption{border-top:2px dashed #e0d2bc;margin-top:10px;padding-top:12px;font-weight:700}.battle-arena>.card{box-sizing:border-box;width:100%;margin-left:0}@media (max-width:600px){.battle-arena{padding-top:12px}.battle-hud{padding:16px}.battle-time-value{font-size:1.6rem}.battle-players{gap:12px}}.battle-arena{align-self:flex-start}.ai-answer-track{background:#e9dfcd;border:2px solid #dfd1b9;border-radius:999px;height:24px;margin:12px 0 8px;overflow:hidden}.ai-answer-fill{background:linear-gradient(90deg,var(--grass),var(--grape));border-radius:999px;height:100%;transition:width .1s linear}.ai-progress-seconds{float:right;color:var(--berry-dark);font-variant-numeric:tabular-nums;margin-left:12px}.battle-arena{max-width:1200px}.battle-arena.show{grid-template-columns:minmax(260px,310px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.battle-hud{margin-bottom:0;padding:20px 18px}.battle-clock-row{gap:0;padding-bottom:12px}.battle-players{gap:12px;padding:14px 0 6px}.battle-player{gap:4px}.battle-points{font-size:1.7rem}.battle-arena .level-banner{margin-bottom:14px;padding:12px}.battle-arena .scene-meaning-main{padding:16px 20px;font-size:1.2em}.battle-arena .idiom-row{flex-wrap:nowrap;gap:12px;margin:22px 0 18px;padding-bottom:22px}.battle-arena .slot,.battle-arena .fixed-char,.battle-arena .tile{border-radius:16px;flex-shrink:0;width:72px;height:72px;font-size:2.3rem}.battle-arena .bank{gap:12px;min-height:0;margin-top:0;padding:16px 12px}.battle-arena .result{margin-top:12px}@media (max-width:1100px){.battle-arena.show{grid-template-columns:minmax(0,1fr);max-width:760px}.battle-hud{padding:16px 20px}.battle-players{gap:18px;padding:8px 0}.battle-player{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:48px 1fr;justify-items:start;column-gap:10px;display:grid}.battle-player .battle-points{grid-area:1/2}.battle-player>.player-avatar,.battle-player>.bot-face{grid-area:1/1/4;font-size:36px;line-height:48px;width:48px!important;height:48px!important}.battle-player>b,.battle-player>span:last-child{grid-column:2}.battle-round-caption{margin-top:4px;padding-top:8px}.battle-clock-row{padding-bottom:10px}}@media (max-width:600px){.battle-arena.show{gap:16px}.battle-hud{padding:14px}.battle-arena>.card{padding:16px 12px}.battle-arena .slot,.battle-arena .fixed-char,.battle-arena .tile{border-radius:12px;width:56px;height:56px;font-size:1.8rem}.battle-arena .idiom-row,.battle-arena .bank{gap:8px}.battle-arena .scene-meaning-main{padding:12px;font-size:1.05em}.battle-player>span:last-child{font-size:.8rem}}.battle-arena{width:100%;max-width:none}.battle-arena.show{flex-direction:column;align-items:stretch;gap:20px;max-width:none;display:flex}.battle-hud{box-sizing:border-box;width:100%;padding:18px 26px}.battle-clock-row{padding-bottom:12px}.battle-players{grid-template-columns:1fr 1fr;gap:28px;padding:12px 0;display:grid}.battle-player{text-align:left;grid-template-rows:auto auto;grid-template-columns:64px auto auto;justify-content:center;align-items:center;column-gap:18px;display:grid}.battle-player>.player-avatar,.battle-player>.bot-face{grid-area:1/1/3;font-size:46px;line-height:64px;width:64px!important;height:64px!important}.battle-player>.battle-points{grid-area:1/3/3;margin-left:18px;font-size:2.2rem}.battle-player>b{grid-area:1/2;font-size:1.1rem}.battle-player>span:last-child{grid-area:2/2;font-size:.9rem}.battle-round-caption{margin-top:0;padding-top:10px}.battle-arena>.card{width:100%;max-width:none;padding:24px 28px}.battle-arena .scene.scene-text{min-height:120px}.battle-arena .scene-meaning-main{max-width:94%;padding:18px 28px;font-size:clamp(1.2rem,1.7vw,1.7rem)}.battle-arena .idiom-row{gap:18px;margin:22px 0 20px;padding-bottom:22px}.battle-arena .slot,.battle-arena .fixed-char,.battle-arena .tile{border-radius:18px;width:clamp(72px,6vw,100px);height:clamp(72px,6vw,100px);font-size:clamp(2.3rem,3vw,3.3rem)}.battle-arena .bank{gap:18px;min-height:0;padding:16px}@media (max-width:600px){.battle-arena.show{gap:16px}.battle-hud{padding:14px}.battle-players{gap:12px}.battle-player{grid-template-columns:40px 1fr;justify-content:stretch;gap:4px 8px}.battle-player>.player-avatar,.battle-player>.bot-face{grid-row:1/4;font-size:30px;line-height:40px;width:40px!important;height:40px!important}.battle-player>.battle-points{grid-area:1/2;margin-left:0;font-size:1.5rem}.battle-player>b{grid-row:2;font-size:1rem}.battle-player>span:last-child{grid-row:3;font-size:.8rem}.battle-arena>.card{padding:16px 12px}.battle-arena .slot,.battle-arena .fixed-char,.battle-arena .tile{border-radius:12px;width:56px;height:56px;font-size:1.8rem}.battle-arena .idiom-row,.battle-arena .bank{gap:8px}.battle-arena .scene-meaning-main{padding:12px;font-size:1.1rem}}.dingding-picture{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pixel-dingding{box-shadow:none!important;background:0 0!important;border-radius:0!important}.guide-avatar .guide-face{justify-content:center;align-items:center;display:flex}.guide-avatar{width:96px;height:96px}.battle-player>.dingding-picture{grid-area:1/1/3}@media (max-width:600px){.battle-player>.dingding-picture{grid-row:1/4}.battle-player>.dingding-picture .bot-face{width:40px!important;height:40px!important}.guide-avatar{width:80px;height:80px}.guide-avatar .bot-face{width:68px!important;height:68px!important}}.pet-home{max-width:1320px;color:var(--choc);margin:auto;padding:32px 32px 100px}.pet-home nav{flex-wrap:wrap;gap:12px;display:flex}.pet-home header{text-align:center;margin:40px 0}.pet-home h1{margin:8px 0;font-size:clamp(2rem,4vw,3.5rem)}.pet-home h2{margin-bottom:14px;font-size:1.45rem}.pet-home p{margin:10px 0;line-height:1.9}.pet-home select,.pet-home input{font:inherit;color:inherit;background:#fff;border:2px solid #b8d4bc;border-radius:12px;max-width:100%;padding:10px}.pet-nest{background:#fffaf0;border:3px solid #7dc995;border-radius:36px;grid-template-columns:280px 1fr;gap:36px;padding:32px;display:grid;box-shadow:0 10px #c9c5a4}.pet-stage{background:radial-gradient(#d8edcf,#0000 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.pet-growth progress{accent-color:#9275c9;width:100%;height:24px}.pet-growth .btn{margin:12px 10px 0 0;padding:14px 18px;font-size:1rem}.pet-look{isolation:isolate;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.pet-look.dressed:before{content:"";background:hsl(var(--pet-hue) 50% 70%);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);z-index:-1;border-radius:10px;position:absolute;inset:42% 14% 2%}.pet-look.dressed:after{content:"";background:hsl(var(--pet-hue) 55% 48%);z-index:1;border-radius:4px;height:12%;position:absolute;inset:8% 25% auto}.pet-hat{z-index:2;font-size:1.4em;line-height:1;position:absolute;top:-5%;left:35%}.pet-badge{background:#fff5d8;border:2px solid #dfbd5d;border-radius:50%;padding:4px;font-size:1.4em;line-height:1;position:absolute;bottom:8%;right:0}.pet-letter,.pet-profile{background:#fffaf0;border:2px solid #e5d4ae;border-radius:24px;margin:30px 0;padding:28px}.pet-letter p{max-width:75ch}.pet-profile form{flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0;display:flex}.pet-collection-head{justify-content:space-between;align-items:center;gap:24px;margin:40px 0 20px;display:flex}.pet-collection{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.pet-costume{text-align:center;background:#fffaf0;border:2px dashed #d8cbb6;border-radius:24px;flex-direction:column;align-items:center;padding:24px 18px;display:flex}.pet-costume.owned{border:3px solid #80c89a}.pet-costume h3{margin-top:16px}.pet-costume p{flex:1;font-size:.95rem}.pet-costume small{margin:8px 0 16px;line-height:1.8}.pet-costume button{width:100%;font-size:1rem}.pet-costume button:disabled{opacity:.6;cursor:default}.pet-level{text-align:center;background:#fffaf0;border-radius:12px;padding:4px 10px;font-size:12px;display:block}.pet-bubble{width:min(380px,100vw - 32px);max-height:min(60vh,480px);overflow:auto}.pet-bubble p{font-size:16px;line-height:1.9}.pet-bubble .back-btn{margin:8px 6px 0 0;padding:8px 12px;font-size:14px;display:inline-block}.pet-quiet .guide-avatar{pointer-events:none;opacity:.75}.pet-quiet img{visibility:hidden}.pet-quiet .pet-look{background:url(/images/dingding-pixel/idle.png) 50%/contain no-repeat}@media (max-width:900px){.pet-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-nest{grid-template-columns:1fr}.pet-collection-head{display:block}}@media (max-width:480px){.pet-home{padding:18px 14px 80px}.pet-nest{padding:20px}.pet-costume{padding:20px 10px}.pet-costume h3{font-size:1.1rem}.pet-profile,.pet-letter{padding:20px}.pet-profile input{width:100%}.pet-bubble{max-height:50vh}}.pet-wake{z-index:99;font-size:14px;position:fixed;bottom:18px;right:18px}.guide-wrap.pet-left{right:auto;left:max(16px,calc(var(--sidebar-w,240px) + 16px))}.pet-left .guide-bubble{left:0;right:auto}.pet-home button:focus-visible,.pet-home a:focus-visible,.pet-home input:focus-visible,.pet-home select:focus-visible{outline-offset:4px;outline:3px solid #8965c6}@media (max-width:768px){.guide-wrap.pet-left{left:16px}}.pet-care-actions{flex-wrap:wrap;gap:14px;display:flex}.pet-care-actions .btn{padding:14px 20px;font-size:1rem}.pet-care-actions button:disabled{opacity:.5;cursor:default}.pet-chat textarea{box-sizing:border-box;width:100%;font:inherit;color:var(--choc);border:2px solid #c6b3e5;border-radius:12px;margin:10px 0;padding:12px;display:block}.pet-chat-log{max-height:320px;overflow:auto}.pet-chat-log p{white-space:pre-wrap;background:#f0eafb;border-radius:14px;padding:12px}.pet-chat-log .user{background:#e4f2e3}.pet-chat small{margin-top:15px;display:block}.pet-chat .btn{padding:12px 20px;font-size:1rem}.game-music-toggle{z-index:40;color:#71563e;cursor:pointer;background:#fff9ed;border:2px solid #d9cba9;border-radius:18px;padding:8px 12px;font-size:14px;font-weight:700;position:fixed;top:10px;right:14px;box-shadow:0 3px #d9cba9}@media (max-width:600px){.game-music-toggle{padding:6px 9px;font-size:12px;top:8px;right:8px}}
.dd-home{--dd-ink:#d9f5ef;--dd-cyan:#74e0d6;--dd-gold:#f0c879;width:100%;height:100dvh;min-height:560px;color:var(--dd-ink);box-sizing:border-box;background:#0c2028;grid-template-rows:62px minmax(0,1fr) 194px;gap:10px;padding:12px clamp(12px,3vw,48px);font-family:Noto Sans TC,sans-serif;display:grid;overflow:hidden}.dd-header{align-items:center;gap:22px;min-width:0;display:flex}.dd-title{align-items:center;gap:10px;display:flex}.dd-title h1{color:#edf9ef;white-space:nowrap;margin:0;font-size:22px}.dd-status-dot,.dd-room-label>span{background:#8bebcb;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #74e0d6}.dd-stats{color:#f0d5a5;align-items:center;gap:24px;margin-left:auto;font-size:15px;display:flex}.dd-stats>span:first-child{align-items:center;gap:12px;display:flex}.dd-stats progress{accent-color:#74e0d6;width:80px;height:7px}.dd-key{box-sizing:border-box;color:#defbf5;cursor:pointer;background:linear-gradient(#244b55,#16343f);border:1px solid #548c95;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:7px 16px;font:500 14px Noto Sans TC,sans-serif;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;box-shadow:inset 0 1px #8ec4c82e,0 2px #06171d}.dd-key:hover{background:#2d616a;transform:translateY(-1px)}.dd-key:active{transform:translateY(1px)}.dd-key:disabled{opacity:.45;cursor:default}.dd-key>span{color:#91eeeb;font-size:20px;line-height:1}.dd-key small{opacity:.7;font-size:11px}.dd-key:focus-visible,.dd-send:focus-visible,.dd-outfit:focus-visible,.dd-conversation input:focus-visible{outline-offset:3px;outline:2px solid #ffd685}.dd-room{background:#122c35;border:1px solid #4d6e72;border-radius:10px;min-height:0;position:relative;overflow:hidden;box-shadow:0 8px 28px #02090d80}.dd-room-art{object-fit:cover;object-position:center 58%;width:100%;height:100%;display:block}.dd-room-label{background:#0b252ce8;border:1px solid #719b8d70;border-radius:4px;align-items:center;gap:9px;padding:7px 12px;font-size:12px;display:flex;position:absolute;top:14px;left:16px}.dd-resident{filter:drop-shadow(0 12px 7px #0008);justify-content:center;align-items:flex-end;width:clamp(145px,21vw,290px);height:75%;max-height:340px;display:flex;position:absolute;bottom:6%;left:42%}.dd-resident picture{width:100%;display:block}.dd-resident img{width:100%;height:auto;image-rendering:pixelated;display:block}.dd-resident.dd-sleep{width:clamp(135px,18vw,260px);bottom:15%;left:70%}.dd-room-hotspot{cursor:pointer;background:0 0;border:0;width:21%;height:66%;position:absolute;bottom:6%;left:42%}.dd-room:has(.dd-sleep) .dd-room-hotspot{bottom:15%;left:70%}.dd-room-hotspot:focus-visible{outline-offset:-15px;outline:2px dashed #a7f5df}.dd-outfit-pin{font-size:24px;position:absolute;bottom:8%;right:0}.dd-floor-label{color:#b9d1ce;background:#0d2831bf;border-radius:3px;padding:5px 10px;font-size:11px;position:absolute;bottom:12px;left:16px}.dd-console{grid-template-rows:40px minmax(0,1fr);gap:10px;width:100%;min-width:0;max-width:1120px;margin:0 auto;display:grid}.dd-actions{align-items:center;gap:9px;display:flex}.dd-learn{color:#f5d7a2;border-color:#b8a276;margin-left:auto}.dd-conversation{box-sizing:border-box;background:#142e37;border:1px solid #43656d;border-radius:8px;grid-template-rows:minmax(0,1fr) 16px;grid-template-columns:minmax(0,1fr) minmax(260px,40%);gap:5px 20px;min-height:0;padding:12px 16px;display:grid}.dd-speech{scrollbar-width:thin;min-height:0;overflow:auto}.dd-speech strong{color:#91e3d2;margin-bottom:5px;font-size:12px;display:block}.dd-speech strong span{color:#91a9ad;margin-left:7px;font-size:10px}.dd-speech p{color:#e8eee5;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.7}.dd-conversation form{background:#0c222b;border:1px solid #496d77;border-radius:6px;align-self:center;min-width:0;height:42px;display:flex;overflow:hidden}.dd-conversation input{color:#e4f7ee;background:0 0;border:0;flex:1;min-width:0;padding:10px 12px;font:14px Noto Sans TC,sans-serif}.dd-send{color:#eafff3;cursor:pointer;background:#407b80;border:0;flex-shrink:0;width:42px;font-size:23px}.dd-send:disabled{opacity:.4;cursor:default}.dd-api-note{color:#8ea4a9;grid-column:1/-1;font-size:10px;line-height:16px}.dd-closet{color:#d9efeb;box-sizing:border-box;background:#102b34;border:1px solid #6fa1a3;border-radius:14px;width:min(820px,90vw);max-height:85dvh;padding:24px;overflow:auto}.dd-closet::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061318c9}.dd-closet header{justify-content:space-between;align-items:center;display:flex}.dd-closet p{margin:12px 0;font-size:13px;line-height:1.6}.dd-wardrobe-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.dd-outfit{color:#c8e6e1;cursor:pointer;background:#1c3942;border:1px solid #45626a;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;display:flex}.dd-outfit:disabled{opacity:.5;cursor:default}.guide-wrap .pet-bubble{color:#e1f5e9;background:#153b43;border:1px solid #70aaa8;border-radius:12px;width:250px;max-height:170px;padding:14px 16px;box-shadow:0 6px 18px #153b4326}.guide-wrap .pet-bubble p{color:#e1f5e9;margin:0 12px 8px 0;font-size:13px;line-height:1.7}.guide-wrap .pet-bubble .guide-close{color:#bce6e0}.guide-wrap .pet-bubble .back-btn{color:#e1f5e9;min-height:28px;box-shadow:none;background:#285963;border:1px solid #6f9c9e;border-radius:5px;margin:3px;padding:4px 9px;font-size:12px}.guide-wrap .guide-avatar{box-shadow:none;background:0 0;border:0}.guide-wrap .pet-level{padding:3px 8px;font-size:10px}@media (max-width:700px){.dd-home{grid-template-rows:48px minmax(0,1fr) 222px;gap:8px;height:100dvh;min-height:580px;padding:8px}.dd-header{gap:10px}.dd-title h1{font-size:17px}.dd-header>.dd-key{padding:5px 8px;font-size:12px}.dd-stats{gap:10px;font-size:12px}.dd-stats progress{display:none}.dd-key{min-height:34px;padding:6px 10px;font-size:12px}.dd-actions{gap:5px}.dd-actions .dd-key>span{font-size:16px}.dd-actions small{display:none}.dd-resident{width:190px;max-height:230px;bottom:4%;left:33%}.dd-resident.dd-sleep{width:160px;left:55%}.dd-conversation{grid-template-rows:minmax(0,1fr) 36px 12px;grid-template-columns:1fr;gap:4px;padding:8px 10px}.dd-conversation form{height:36px}.dd-api-note{font-size:9px;line-height:12px}.dd-speech p{font-size:13px}.dd-speech strong{margin-bottom:1px}.dd-room-label{font-size:10px;top:8px;left:8px}.dd-floor-label{font-size:9px}.dd-wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.dd-key{transition:none}}.dd-help section{border-top:1px solid #365760;margin-top:18px;padding-top:14px}.dd-help h3{color:#a8f0df;margin-bottom:10px;font-size:16px}.dd-help dl{grid-template-columns:130px 1fr;gap:10px;font-size:13px;line-height:1.7;display:grid}.dd-help dd{margin:0}.dd-help p{font-size:13px;line-height:1.8}.dd-growth-title{color:#a9c6c5;margin-left:6px;font-size:10px}.dd-help-trigger{margin-left:auto}.dd-stats{margin-left:0}.dd-actions .dd-key small{font-size:10px;display:inline}.dd-outfit small{white-space:normal;line-height:1.5}.dd-wardrobe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-wrap.pet-roaming{z-index:80;align-items:center;gap:3px;width:88px;transition:top 3s ease-in-out,left 3s ease-in-out}.pet-roaming .guide-avatar{justify-content:center;align-items:center;width:72px;height:72px;text-decoration:none;display:flex}.pet-roaming .pet-level{white-space:nowrap;font-size:10px}.pet-pause{color:#3d6358;cursor:pointer;background:#fef8e8;border:1px solid #86b4a5;border-radius:6px;padding:3px 5px;font-size:10px}.pet-roaming.pet-quiet{transition:none}.pet-roaming.pet-quiet .guide-avatar{pointer-events:none}.pet-roaming .guide-avatar:focus-visible,.pet-pause:focus-visible{outline-offset:2px;outline:2px solid #9275c9}@media (max-width:700px){.dd-header{gap:7px}.dd-help-trigger{padding:5px 7px;font-size:11px}.dd-growth-title{display:none}.dd-stats{gap:7px;margin-left:auto}.dd-actions{flex-wrap:wrap}.dd-actions .dd-key{gap:4px;padding:5px 7px}.dd-actions .dd-key small{font-size:9px}.dd-actions .dd-learn{display:none}.dd-wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-help dl{grid-template-columns:90px 1fr}}@media (max-width:600px){.guide-wrap.pet-roaming{width:68px}.pet-roaming .guide-avatar{width:56px;height:56px}.pet-roaming .guide-avatar .pet-look,.pet-roaming .guide-avatar .bot-face{width:52px!important;height:52px!important}.pet-roaming .pet-level{padding:3px;font-size:9px}.pet-roaming .pet-pause{font-size:9px}}@media (prefers-reduced-motion:reduce){.guide-wrap.pet-roaming{transition:none}}.guide-wrap.pet-roaming{pointer-events:none;gap:0;width:64px;max-width:none;transition:top 2s linear,left 2s linear;position:fixed}.pet-roaming .guide-avatar{pointer-events:auto;width:56px;height:56px}.pet-roaming .pet-level,.pet-roaming .pet-pause{display:none}.pet-roaming .pet-look,.pet-roaming .bot-face{width:52px!important;height:52px!important}.dd-next-level{color:#b4d6d0;font-size:10px}.dd-story-quiz textarea{box-sizing:border-box;color:#effaf6;width:100%;font:inherit;resize:vertical;background:#081f29;border:1px solid #689e9c;border-radius:8px;margin:10px 0;padding:12px;display:block}.dd-question{color:#f0d39b;font-size:18px!important}.dd-quiz-actions{flex-wrap:wrap;gap:8px;display:flex}.dd-quiz-result{background:#193f47;border-left:3px solid #74e0d6;margin:16px 0;padding:12px}.dd-story-quiz small{color:#a9c9c6;margin-top:16px;font-size:11px;display:block}.dd-actions{flex-wrap:nowrap}.dd-key{white-space:nowrap}.dd-stats>span:first-child{flex-wrap:wrap;gap:6px}.dd-closet{margin:auto}@media (max-width:700px){.dd-home{grid-template-rows:88px minmax(180px,1fr) 300px;gap:8px;height:100dvh;min-height:640px;padding:8px}.dd-header{grid-template-rows:36px 42px;grid-template-columns:auto 1fr auto;gap:6px;display:grid}.dd-title{justify-content:center}.dd-stats{grid-column:1/-1;justify-content:center;gap:16px;width:100%;margin:0;display:flex}.dd-growth-title{display:inline}.dd-stats progress{width:48px;display:inline}.dd-next-level{display:inline}.dd-stats>span:first-child{justify-content:center;max-width:190px}.dd-help-trigger{margin:0}.dd-console{grid-template-rows:auto minmax(0,1fr);gap:8px}.dd-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.dd-actions .dd-key{flex-wrap:wrap;gap:3px;min-height:34px;padding:5px 4px;font-size:11px}.dd-actions .dd-learn{margin:0;display:flex}.dd-actions .dd-key small{font-size:9px}.dd-room-art{object-fit:cover;object-position:center}.dd-resident{width:150px;max-height:180px;bottom:8%;left:50%;transform:translate(-50%)}.dd-resident.dd-sleep{width:140px;bottom:10%;left:65%}.dd-room-hotspot{width:40%;bottom:8%;left:30%}.dd-room:has(.dd-sleep) .dd-room-hotspot{bottom:10%;left:45%}.dd-floor-label{max-width:85%;font-size:9px}.dd-room-label{max-width:85%}.dd-conversation{grid-template-rows:minmax(80px,1fr) 40px auto;gap:6px}.dd-conversation form{height:40px}.dd-conversation input{font-size:16px}.dd-api-note{line-height:1.4}.dd-closet{width:calc(100vw - 24px);padding:16px}.dd-help dl{grid-template-columns:1fr;gap:4px}.dd-help dd{margin-bottom:10px}}@media (max-width:600px){.wrap{box-sizing:border-box;width:100%;margin-left:0!important;padding-left:14px!important;padding-right:14px!important}.hero{max-width:100%;margin-inline:auto}.hero img{object-fit:contain;max-width:100%}.guide-wrap.pet-roaming{width:64px}.dd-title h1{font-size:16px}.dd-stats{font-size:11px}.dd-growth-title,.dd-next-level{font-size:9px}}@media (prefers-reduced-motion:reduce){.guide-wrap.pet-roaming{transition:none}}.dd-home{--dd-ink:var(--choc);--dd-cyan:var(--grass-dark);--dd-gold:var(--sun-dark);background:radial-gradient(circle at 15% 12%,#ffe6a5aa,transparent 45%),radial-gradient(circle at 85% 8%,#cee5dfaa,transparent 40%),linear-gradient(160deg,var(--sky),var(--sky2));color:var(--choc);grid-template-rows:62px minmax(0,1fr) 224px}.dd-title h1{color:var(--choc)}.dd-status-dot,.dd-room-label>span{background:var(--grass);box-shadow:none}.dd-stats,.dd-growth-title,.dd-next-level{color:var(--choc-soft)}.dd-stats progress{accent-color:var(--grass-dark)}.dd-key{background:var(--cream);color:var(--choc);border:2px solid #e9dac2;border-radius:15px;font-weight:700;box-shadow:0 3px #dfd0b8}.dd-key:hover{border-color:var(--grass);background:#fff0d3}.dd-key>span{color:var(--grape)}.dd-key small{color:var(--choc-soft);opacity:1}.dd-room-label,.dd-floor-label{color:var(--choc);background:#fffaf0ee;border:1px solid #e5d5b9;border-radius:12px}.dd-actions{justify-content:center;gap:12px}.dd-actions .dd-key{flex:1;max-width:250px}.dd-conversation{background:var(--cream);border:2px solid #e4d6bd;border-radius:22px;grid-template-rows:minmax(0,1fr) 42px;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 18px;box-shadow:0 5px #ded3b9}.dd-speech strong{color:var(--grass-dark)}.dd-speech strong span{color:var(--choc-soft)}.dd-speech p{color:var(--choc);font-size:14px}.dd-conversation form{background:#fff;border:2px solid #e7d9c1;border-radius:14px;width:100%;height:42px;margin:0}.dd-conversation input{color:var(--choc)}.dd-conversation input::placeholder{color:#8e7a68}.dd-send{background:var(--berry);color:#fff}.dd-chat-reward{color:#407c50;background:#e6f4df;border-radius:10px;margin-top:8px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.dd-closet{background:var(--cream);color:var(--choc);border:3px solid var(--grass);border-radius:24px}.dd-closet::backdrop{background:#59493366}.dd-help section{border-color:#e4d6bd}.dd-help h3{color:var(--choc)}.dd-help dt{color:var(--grass-dark)}.dd-outfit{color:var(--choc);background:#fff;border:2px solid #e7d8c1;border-radius:14px}.dd-outfit.unlocked{border-color:var(--grass)}.battle-players{grid-template-columns:minmax(0,1fr) minmax(130px,.8fr) minmax(0,1fr);align-items:center;gap:14px}.battle-verdict{text-align:center;color:var(--choc);overflow-wrap:anywhere;background:#f2eafb;border-radius:18px;padding:14px 10px;font-size:1rem;font-weight:700;line-height:1.6}.battle-player{grid-template-rows:auto auto auto;grid-template-columns:64px auto;gap:4px 14px;min-width:0}.battle-player>.battle-points{grid-area:1/2;margin-left:0}.battle-player>.dingding-picture{grid-row:1/4}.battle-player>b{grid-area:2/2}.battle-player>span:last-child{grid-area:3/2}@media (max-width:700px){.dd-home{grid-template-rows:88px minmax(180px,1fr) 284px}.dd-console{grid-template-rows:78px minmax(0,1fr)}.dd-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dd-actions .dd-key{max-width:none;min-height:34px;font-size:12px}.dd-conversation{grid-template-rows:minmax(0,1fr) 40px;gap:6px;padding:10px 12px}.dd-conversation input{font-size:16px}.dd-conversation form{height:40px}.dd-chat-reward{font-size:11px}}@media (max-width:600px){.battle-players{grid-template-columns:minmax(0,1fr) minmax(85px,.85fr) minmax(0,1fr);gap:6px}.battle-player{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.battle-player>.battle-points{font-size:1.4rem}.battle-player>b{font-size:.85rem}.battle-player>span:last-child{font-size:.7rem}.battle-verdict{border-radius:12px;padding:10px 6px;font-size:.8rem}}.dd-home{grid-template-rows:62px minmax(200px,1fr) clamp(310px,40dvh,440px);gap:16px;min-height:640px;padding-bottom:18px}.dd-title h1{font-family:"Baloo 2",Noto Sans TC,sans-serif;font-size:24px}.dd-room{border:4px solid #fff9eb;border-radius:32px;box-shadow:0 5px #b9d5ab}.dd-room-art{filter:none}.dd-console{grid-template-rows:46px minmax(0,1fr);gap:14px;max-width:none}.dd-actions .dd-key{background:#fff9ed;border-color:#e8cfad;border-radius:22px;min-height:42px}.dd-actions .dd-key:nth-child(2){background:#ffe8ef;border-color:#f0c5d3}.dd-actions .dd-key:nth-child(3){background:#eee6ff;border-color:#d5c7ec}.dd-actions .dd-key:nth-child(4){background:#e5f3df;border-color:#c5ddb9}.dd-conversation{background:#fffdf5;border:3px solid #e6cdaa;border-radius:30px;grid-template-rows:minmax(0,1fr) 54px;gap:14px;padding:20px 26px;position:relative;box-shadow:0 6px #dfcfb5}.dd-conversation:before{content:"";background:#fffdf5;border-top:3px solid #e6cdaa;border-left:3px solid #e6cdaa;width:20px;height:20px;position:absolute;top:-12px;left:calc(50% - 10px);transform:rotate(45deg)}.dd-speech strong{color:#866346;margin-bottom:8px;font-size:17px}.dd-speech strong span{font-size:12px;font-weight:500}.dd-speech p{max-width:76ch;font-size:clamp(16px,1.25vw,20px);line-height:1.85}.dd-conversation form{background:#fff;border-color:#eadbc2;border-radius:20px;height:54px}.dd-conversation input{padding:12px 16px;font-size:17px}.dd-send{background:#d95380;width:66px;font-size:16px;font-weight:700}.dd-chat-reward{padding:7px 12px;font-size:14px}@media (max-width:700px){.dd-home{grid-template-rows:88px minmax(150px,1fr) clamp(330px,43dvh,420px);gap:12px;min-height:630px;padding:8px 10px 14px}.dd-title h1{font-size:19px}.dd-console{grid-template-rows:78px minmax(0,1fr);gap:12px}.dd-actions{gap:6px}.dd-actions .dd-key{min-height:34px;font-size:12px}.dd-conversation{border-radius:26px;grid-template-rows:minmax(0,1fr) 48px;gap:10px;padding:14px 16px}.dd-speech p{font-size:16px;line-height:1.75}.dd-speech strong{font-size:15px}.dd-conversation form{height:48px}.dd-conversation input{padding:10px;font-size:16px}.dd-send{width:54px}.dd-resident{width:clamp(95px,20vh,150px);max-height:75%}.dd-room-label{padding:5px 9px}.dd-room{border-radius:26px}}.dd-home{grid-template-rows:100px minmax(160px,1fr) clamp(360px,43dvh,480px);min-height:720px}.dd-header{grid-template-rows:48px 44px;grid-template-columns:auto 1fr auto;gap:8px 16px;display:grid}.dd-title{justify-content:center}.dd-title h1{font-size:32px}.dd-header>.dd-key{min-height:44px;font-size:20px}.dd-help-trigger{margin:0}.dd-stats{grid-column:1/-1;justify-content:center;gap:26px;margin:0;font-size:20px}.dd-stats>span:first-child{gap:10px;max-width:none}.dd-growth-title,.dd-next-level{font-size:16px}.dd-stats progress{width:80px;height:10px}.dd-key,.dd-actions .dd-key{min-height:50px;font-size:20px}.dd-actions .dd-key{gap:8px;max-width:none}.dd-actions .dd-key small{font-size:16px}.dd-key>span{font-size:24px}.dd-console{grid-template-rows:56px minmax(0,1fr)}.dd-room-label,.dd-floor-label{font-size:16px}.dd-speech strong{font-size:22px}.dd-speech strong span{font-size:17px}.dd-speech p{font-size:24px;line-height:1.7}.dd-conversation input{font-size:21px}.dd-send{width:80px;font-size:20px}.dd-chat-reward,.dd-speech [role=alert] small{font-size:18px}.dd-closet h2{font-size:28px}.dd-closet h3{font-size:23px}.dd-closet p,.dd-help p,.dd-help dl{font-size:18px;line-height:1.8}.dd-outfit strong{font-size:19px}.dd-outfit small{font-size:15px}.dd-help dl{grid-template-columns:160px 1fr}@media (max-width:1100px) and (min-width:701px){.dd-actions .dd-key{flex-wrap:wrap;gap:0 6px;padding:5px 8px}.dd-actions .dd-key small{flex-basis:100%}.dd-console{grid-template-rows:74px minmax(0,1fr)}.dd-stats{gap:16px;font-size:18px}}@media (max-width:700px){.dd-home{grid-template-rows:140px minmax(130px,1fr) clamp(390px,47dvh,470px);gap:10px;min-height:710px}.dd-header{grid-template-rows:44px 86px;gap:8px}.dd-title h1{font-size:24px}.dd-header>.dd-key{padding:6px 10px;font-size:16px}.dd-stats{text-align:center;grid-template-columns:1fr 1fr;gap:5px 12px;font-size:17px;display:grid}.dd-stats>span:first-child{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:5px 8px}.dd-growth-title,.dd-next-level{font-size:14px}.dd-stats progress{width:60px}.dd-next-level{flex-basis:100%}.dd-console{grid-template-rows:110px minmax(0,1fr);gap:12px}.dd-actions .dd-key{gap:2px 5px;min-height:52px;padding:5px 7px;font-size:17px}.dd-actions .dd-key>span{font-size:20px}.dd-actions .dd-key small{flex-basis:100%;font-size:14px}.dd-room-label,.dd-floor-label{font-size:14px}.dd-room-label{max-width:calc(100% - 20px)}.dd-floor-label{bottom:8px;left:8px}.dd-speech strong{font-size:20px}.dd-speech strong span{font-size:15px}.dd-speech p{font-size:20px;line-height:1.65}.dd-conversation input{font-size:18px}.dd-send{width:62px;font-size:18px}.dd-chat-reward,.dd-speech [role=alert] small{font-size:16px}.dd-help dl{grid-template-columns:1fr}.dd-closet h2{font-size:24px}.dd-outfit strong{font-size:18px}}.dd-actions .dd-key,.dd-actions .dd-key small{line-height:1.2}@media (max-width:700px){.dd-console{grid-template-rows:122px minmax(0,1fr)}.dd-actions{row-gap:8px}}.dd-home{grid-template-rows:100px minmax(190px,1fr) clamp(300px,35dvh,400px)}.dd-room{box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid;overflow:visible;container-type:size}.dd-room-scene{border-radius:24px;width:min(100cqw,177.68cqh);height:min(100cqh,56.28cqw);position:relative;overflow:hidden;box-shadow:0 0 0 4px #fff9eb,0 6px 0 4px #b9d5ab}.dd-room-art{object-fit:contain;object-position:center;width:100%;height:100%}.dd-resident,.dd-resident.dd-sleep{filter:drop-shadow(0 6px 4px #0005);width:22%;height:42%;max-height:none;display:block;bottom:5%;left:50%;transform:translate(-50%)}.dd-resident.dd-sleep{width:18%;height:34%;bottom:23%;left:81%}.dd-resident picture{width:100%;height:100%;display:block}.dd-resident img{object-fit:contain;object-position:center bottom;width:100%;height:100%}.dd-room-hotspot{width:22%;height:42%;bottom:5%;left:39%}.dd-room:has(.dd-sleep) .dd-room-hotspot{width:18%;height:34%;bottom:23%;left:72%}.dd-room-label{padding:5px 8px;font-size:14px;top:8px;left:8px}.dd-floor-label{padding:3px 8px;font-size:14px;bottom:6px;left:8px}@media (max-width:700px){.dd-home{grid-template-rows:140px minmax(160px,1fr) clamp(390px,47dvh,470px);min-height:740px}.dd-room-scene{border-radius:18px}.dd-room-label{padding:3px 6px;font-size:12px;top:5px;left:5px}.dd-floor-label{padding:2px 6px;font-size:12px;bottom:4px;left:5px}}@media (min-width:901px){.dd-home{grid-template-rows:100px minmax(0,1fr);grid-template-columns:minmax(0,1.85fr) minmax(350px,1fr);gap:18px 24px;height:100dvh;min-height:650px;padding:14px 24px 24px}.dd-header{grid-column:1/-1}.dd-room{grid-area:2/1;align-self:stretch}.dd-console{grid-area:2/2;grid-template-rows:134px minmax(0,1fr);gap:18px;height:100%;min-height:0}.dd-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.dd-actions .dd-key{flex-wrap:wrap;gap:3px 6px;min-height:60px;padding:8px 6px;font-size:19px}.dd-actions .dd-key small{flex-basis:100%;font-size:16px}.dd-conversation{grid-template-rows:minmax(0,1fr) 56px;padding:20px}.dd-conversation:before{left:28px}.dd-speech p{font-size:23px;line-height:1.7}.dd-conversation input{padding:10px;font-size:19px}.dd-send{width:66px}.dd-room-label,.dd-floor-label{font-size:16px}}@media (min-width:701px) and (max-width:900px){.dd-home{grid-template-rows:100px auto minmax(360px,1fr);height:auto;min-height:100dvh;overflow:visible}.dd-room{aspect-ratio:1672/941;height:auto;container-type:normal}.dd-room-scene{width:100%;height:100%}}@media (max-width:700px){.dd-home{grid-template-rows:140px auto minmax(390px,1fr);gap:14px;height:auto;min-height:100dvh;overflow:visible}.dd-room{aspect-ratio:1672/941;height:auto;container-type:normal}.dd-room-scene{width:100%;height:100%}.dd-console{min-height:390px}}@media (max-width:900px){.dd-home{grid-template-columns:minmax(0,1fr)}.dd-room{width:100%;min-width:0}.dd-room-scene{width:100%;min-width:0;max-width:100%}.dd-header,.dd-console{min-width:0}}@media (min-width:701px){.dd-home{grid-template-rows:100px auto minmax(350px,auto);grid-template-columns:minmax(0,1fr);gap:20px;height:auto;min-height:100dvh;padding:14px clamp(16px,3vw,48px) 28px;overflow:visible}.dd-header{grid-area:1/1}.dd-room{aspect-ratio:1672/941;grid-area:2/1;width:100%;min-width:0;height:auto;container-type:normal}.dd-room-scene{width:100%;min-width:0;max-width:100%;height:100%}.dd-console{grid-area:3/1;grid-template-rows:64px minmax(270px,1fr);gap:18px;height:auto;min-height:350px}.dd-actions{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.dd-actions .dd-key{gap:5px;min-height:54px;padding:8px;font-size:20px}.dd-actions .dd-key small{flex-basis:auto;font-size:16px}.dd-conversation{grid-template-rows:minmax(170px,1fr) 56px;padding:20px 26px}.dd-conversation:before{left:calc(50% - 10px)}.dd-speech p{font-size:24px}.dd-conversation input{font-size:21px}}@media (min-width:701px) and (max-width:1000px){.dd-actions .dd-key{font-size:18px}.dd-actions .dd-key small{flex-basis:100%}}@media (min-width:701px){.dd-home{grid-template-rows:88px auto minmax(290px,auto);grid-template-columns:minmax(0,1200px);justify-content:center;gap:16px;padding:12px 24px 24px}.dd-header{grid-template-rows:42px 38px}.dd-title h1{font-size:28px}.dd-room{aspect-ratio:auto;height:clamp(300px,46dvh,500px);min-height:0}.dd-room-scene{border-radius:24px;width:100%;height:100%}.dd-room-art{object-fit:cover;object-position:center 54%}.dd-resident{width:17%;height:48%;max-height:220px;bottom:5%}.dd-resident.dd-sleep{width:15%;height:38%;max-height:180px;bottom:22%}.dd-room-hotspot{width:17%;height:48%;bottom:5%;left:41.5%}.dd-room:has(.dd-sleep) .dd-room-hotspot{width:15%;height:38%;bottom:22%;left:73.5%}.dd-console{grid-template-rows:54px minmax(220px,1fr);gap:14px;min-height:290px}.dd-actions .dd-key{min-height:48px;font-size:19px}.dd-conversation{grid-template-rows:minmax(125px,1fr) 52px;gap:10px;padding:16px 22px}.dd-conversation form{height:52px}}@media (min-width:701px) and (max-width:900px){.dd-console{grid-template-rows:68px minmax(220px,1fr)}}.dd-room-art{opacity:.65;object-position:center!important}.dd-action-bubble{z-index:4;color:#654c38;text-align:center;background:#fffdf6;border:2px solid #d9c8a7;border-radius:22px;width:max-content;max-width:calc(100% - 32px);padding:12px 22px;font-size:clamp(16px,1.5vw,22px);font-weight:700;position:absolute;top:8%;left:50%;transform:translate(-50%);box-shadow:0 5px #dacdaf55}.dd-action-bubble:after{content:"";background:#fffdf6;border-bottom:2px solid #d9c8a7;border-right:2px solid #d9c8a7;width:16px;height:16px;position:absolute;bottom:-10px;left:calc(50% - 8px);transform:rotate(45deg)}.dd-home .dd-resident,.dd-home .dd-resident.dd-sleep{width:40%;height:68%;max-height:340px;animation:3s ease-in-out infinite dd-breathe;bottom:3%;left:50%;transform:translate(-50%)}.dd-home .dd-resident>img{object-fit:contain;filter:drop-shadow(0 10px 8px #586b5226);width:100%;height:100%}.dd-home .dd-room:has(.dd-sleep) .dd-room-hotspot{width:30%;height:65%;bottom:3%;left:35%}.dd-action-symbol{filter:drop-shadow(0 2px 2px #fff);font-size:clamp(24px,4vw,48px);position:absolute;bottom:30%;left:55%}.dd-shy .dd-action-symbol{color:#ed729a}.dd-sleep .dd-action-symbol{color:#8269b0;font-size:28px;bottom:65%}.dd-help-table{overflow-x:auto}.dd-help table{border-collapse:collapse;width:100%;font-size:17px;line-height:1.6}.dd-help th,.dd-help td{text-align:left;border-bottom:1px solid #dfd2b8;padding:12px 10px}.dd-help th{color:#4e6647;background:#e8f2df}.dd-help li{margin:9px 0;line-height:1.65}.dd-help ul,.dd-help ol{padding-left:26px}@keyframes dd-breathe{0%,to{translate:0}50%{translate:0 -5px}}@media (max-width:700px){.dd-action-bubble{padding:7px 12px;font-size:15px;top:4%}.dd-home .dd-resident,.dd-home .dd-resident.dd-sleep{width:48%;height:62%}.dd-help table{font-size:15px}.dd-help th,.dd-help td{padding:9px 7px}}@media (prefers-reduced-motion:reduce){.dd-home .dd-resident{animation:none}}.dd-home .dd-resident,.dd-home .dd-resident.dd-sleep{width:55%;height:76%;max-height:390px;bottom:1%}.dd-home .dd-room-hotspot{width:40%;height:74%;bottom:1%;left:30%}.dd-home .dd-room:has(.dd-sleep) .dd-room-hotspot{width:40%;height:74%;bottom:1%;left:30%}.dd-action-bubble{padding:8px 20px;top:3%}@media (max-width:700px){.dd-home .dd-resident,.dd-home .dd-resident.dd-sleep{width:62%;height:70%;bottom:0}.dd-action-bubble{font-size:14px}}.dd-home .dd-resident{animation:none}.dd-home .dd-resident picture{width:100%;height:100%;display:block}.dd-home .dd-resident picture img{object-fit:contain;filter:drop-shadow(0 8px 6px #586b5226);width:100%;height:100%}.dd-quick-guide{color:#654c38;background:#fffaf0;border:2px solid #e5d4ae;border-radius:20px;grid-area:4/1;min-width:0;padding:16px 22px}.dd-quick-guide summary{cursor:pointer;font-size:20px;font-weight:700;line-height:1.6}.dd-quick-guide summary:focus-visible{outline-offset:4px;outline:3px solid #9275c9}.dd-quick-guide section{border-bottom:1px solid #e5d4ae;padding:8px 0}.dd-chat-reward ul,.completion-reward ul{margin:8px 0 0;padding-left:24px;line-height:1.6}.completion-reward{color:#365e3a;background:#e4f4dc;border-radius:14px;margin:16px 0;padding:12px 18px;font-weight:700}.dd-stats{flex-wrap:wrap}.dd-stats>span{white-space:normal}@media (max-width:700px){.dd-quick-guide{padding:14px 12px}.dd-quick-guide summary{font-size:17px}.dd-quick-guide table{min-width:320px}.dd-header{min-height:150px}.dd-stats{gap:8px}.dd-stats>span{font-size:15px}}.dd-animation{width:100%;height:100%;position:relative}.dd-home .dd-animation .dd-animation-layer,.dd-home .dd-animation-fallback{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:none;position:absolute;inset:0}.dd-bond-decor{pointer-events:none;z-index:1;justify-content:space-between;font-size:clamp(20px,3vw,40px);display:flex;position:absolute;inset:20% 6% auto}.dd-bond-decor span{letter-spacing:7px;text-shadow:0 2px 4px #fff8;border-top:2px solid #c7ad8b;padding-top:6px}.dd-decor-hearts{color:#d17791}.dd-decor-stars{color:#d8ab43;text-shadow:0 0 14px #ffedb0}.dd-decor-garden{inset:auto 5% 12%}.dd-decor-garden span{letter-spacing:0;border:0}.dd-decoration-options{flex-wrap:wrap;gap:12px;display:flex}.dd-decoration-options .dd-key{flex-direction:column;flex:1;gap:7px;min-width:150px;display:flex}.dd-decoration-options .dd-key small{font-size:14px}.dd-decoration-options [aria-pressed=true]{outline:3px solid #7bc78b}.dd-decoration-options button:disabled{opacity:.65;cursor:default}@media (max-width:700px){.dd-bond-decor{font-size:20px}.dd-bond-decor span{letter-spacing:1px}.dd-decoration-options .dd-key{min-width:130px}}.dd-home{grid-template-rows:88px minmax(220px,1fr) 260px;grid-template-columns:minmax(0,1200px);justify-content:center;gap:14px;max-width:none;height:100dvh;min-height:640px;padding:12px 24px 20px;overflow:visible}.dd-home .dd-room{aspect-ratio:auto;height:100%;min-height:0}.dd-home .dd-console{grid-template-rows:52px minmax(0,1fr);gap:12px;height:100%;min-height:0}.dd-home .dd-conversation{grid-template-rows:minmax(0,1fr) 48px;gap:8px;min-height:0;padding:12px 20px}.dd-home .dd-conversation form{height:48px}.dd-home .dd-speech{min-height:0;overflow-y:auto}.dd-home .dd-speech p{margin:8px 0;font-size:21px;line-height:1.55}.dd-help{max-width:760px}.dd-help h3{font-size:21px}.dd-help li{margin:7px 0;font-size:18px;line-height:1.55}@media (max-width:700px){.dd-home{grid-template-rows:116px minmax(200px,1fr) 290px;gap:10px;min-height:660px;padding:8px 12px 14px}.dd-home .dd-header{grid-template-rows:40px 68px;min-height:0}.dd-home .dd-console{grid-template-rows:90px minmax(0,1fr);gap:10px}.dd-home .dd-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dd-home .dd-actions .dd-key{min-height:40px;font-size:16px}.dd-home .dd-speech p{font-size:18px}.dd-home .dd-conversation{padding:10px 12px}.dd-help li{font-size:16px}}.dd-home .dd-room-art{object-fit:cover}.dd-sound-toggle{z-index:5;color:#71563e;font:inherit;cursor:pointer;background:#fff9ed;border:1px solid #b4c9a5;border-radius:18px;padding:7px 12px;font-size:14px;position:absolute;bottom:12px;right:12px}#pet-music-control{z-index:5;position:absolute;bottom:52px;right:12px}#pet-music-control .game-music-toggle{padding:7px 12px;font-size:14px;position:static}.dd-help-current{background:#e8f2df;border-radius:16px;padding:14px 18px}.dd-help table caption{text-align:left;color:#71563e;padding:12px 0;font-weight:700}.dd-help table{table-layout:fixed}.dd-help thead th{background:#dcebcf}.dd-help tbody th{background:#f7f0df;font-weight:600}.dd-help tbody tr:nth-child(2n) td{background:#fffdf6}.dd-help th,.dd-help td{overflow-wrap:anywhere}.dd-help section{margin:24px 0}@media (max-width:600px){.dd-help table{font-size:14px}.dd-help th,.dd-help td{padding:8px 5px}.dd-help-current{font-size:16px!important}}.dd-help th,.dd-help td{overflow-wrap:normal;word-break:normal;vertical-align:top}.dd-help table{min-width:460px}.dd-help .dd-completion-table{min-width:480px}.dd-completion-table th:first-child{width:36%}.dd-completion-table td{white-space:nowrap;font-variant-numeric:tabular-nums}.dd-mode-name{white-space:nowrap;margin-bottom:5px;display:block}.dd-mode-condition{white-space:nowrap;font-size:.9em;font-weight:400;line-height:1.7;display:block}.dd-help-table{overscroll-behavior-x:contain}@media (max-width:600px){.dd-help .dd-completion-table{table-layout:fixed;min-width:0}.dd-completion-table th:first-child{width:34%}.dd-completion-table th,.dd-completion-table td{padding:9px 4px;font-size:13px}.dd-completion-table thead th{font-size:12px}}.dd-key-dialog{max-width:560px}.dd-key-dialog form{gap:10px;margin:12px 0;display:grid}.dd-key-dialog label{font-weight:700}.dd-key-row{gap:8px;display:flex}.dd-key-row input{border:2px solid #e9dac2;border-radius:12px;flex:1;min-width:0;padding:10px 12px;font-family:monospace;font-size:16px}.dd-key-dialog .dd-key-remember{align-items:flex-start;gap:8px;font-size:15px;font-weight:500;display:flex}.dd-key-remember input{margin-top:4px}.dd-key-status code{word-break:break-all;background:#fff3dc;border-radius:6px;padding:2px 6px}.dd-key-dialog [role=alert]{color:#b8325a;margin:0}.dd-key-trigger{position:relative}.dd-key-label{font-weight:inherit;margin-left:4px}.dd-key-dot{background:#e0567f;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:4px}@media (max-width:700px){.dd-home{grid-template-rows:auto auto auto;gap:10px;height:auto;min-height:100dvh;padding:8px 12px 16px;overflow:visible}.dd-home .dd-header{flex-wrap:wrap;align-items:center;gap:8px;height:auto;min-height:0;display:flex}.dd-home .dd-header>a.dd-key{flex:none;order:1}.dd-home .dd-title{flex:1;order:2;justify-content:center;min-width:0}.dd-home .dd-title h1{font-size:22px}.dd-home .dd-help-trigger{flex:none;order:3;min-height:40px;padding:6px 10px;font-size:15px}.dd-home .dd-key-trigger{order:4;min-width:44px;padding:6px 8px}.dd-key-label{display:none}.dd-home .dd-stats{flex-wrap:wrap;flex:100%;order:5;justify-content:center;gap:4px 14px;margin:0;font-size:15px;display:flex}.dd-home .dd-stats>span{font-size:15px}.dd-home .dd-stats>span:first-child{flex:100%;justify-content:center;gap:4px 8px}.dd-home .dd-room{aspect-ratio:1/.82;height:auto;min-height:0}.dd-home .dd-console{grid-template-rows:auto auto;gap:10px;height:auto}.dd-home .dd-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-home .dd-conversation{grid-template-rows:auto 48px;min-height:0}.dd-home .dd-speech{min-height:120px;overflow:visible}.dd-home .dd-speech p{font-size:18px;line-height:1.6}.dd-home .dd-speech [role=alert]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dd-home .dd-speech [role=alert] .dd-key{min-height:38px;padding:5px 10px;font-size:15px}.dd-key-dialog{padding:16px}.dd-key-dialog h2{font-size:21px}.dd-key-dialog p{font-size:16px}}@media (min-width:701px){.dd-home .dd-header{grid-template-columns:auto 1fr auto auto}.dd-home .dd-stats{grid-column:1/-1}.dd-home .dd-console{grid-template-rows:auto minmax(0,1fr)}}@media (min-width:701px) and (max-width:1000px){.dd-home{grid-template-rows:auto minmax(300px,48dvh) auto;height:auto;min-height:100dvh}.dd-home .dd-conversation{grid-template-rows:auto 52px}.dd-home .dd-speech{min-height:110px;overflow:visible}}.dd-help .dd-help-lead{color:#654c38;text-align:center;margin:14px 0 10px;font-size:20px}@media (max-width:600px){.dd-help .dd-help-lead{font-size:17px}}.dd-key-dialog .dd-key-intro{background:#fff6e4;border-radius:14px;margin:10px 0;padding:10px 14px;font-size:17px;line-height:1.9}.dd-key-dialog .dd-key-status{margin:6px 0;font-size:15px}.dd-key-dialog ul.dd-key-intro{gap:8px;list-style:none;display:grid}.dd-key-intro li{flex-wrap:wrap;align-items:baseline;gap:2px 12px;display:flex}.dd-key-intro strong,.dd-key-intro span{white-space:nowrap}@media (max-width:600px){.dd-key-dialog .dd-key-intro{font-size:16px;line-height:1.6}.dd-key-intro li{flex-direction:column;gap:0}.dd-key-intro span{padding-left:26px}}.dd-home .dd-action-bubble{top:12%}@media (max-width:700px){.dd-home .dd-action-bubble{top:10%}}@media (min-width:701px){.dd-home .dd-actions{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:700px){.dd-home .dd-actions .dd-key:last-child:nth-child(odd){grid-column:1/-1}}@media (min-width:701px){.dd-home.dd-home{grid-template-rows:auto auto auto;grid-template-columns:min(1600px,177.7dvh - 419.372px,100vw - 32px);align-content:start;height:auto;min-height:100dvh}.dd-home.dd-home .dd-room{aspect-ratio:1672/941;height:auto;min-height:0}.dd-home.dd-home .dd-console{grid-template-rows:auto;height:auto;min-height:0}}@media (max-width:700px){.dd-home.dd-home{grid-template-rows:auto auto auto;align-content:start;height:auto;min-height:100dvh}.dd-home.dd-home .dd-room{aspect-ratio:1/1.12;height:auto;min-height:0}.dd-home.dd-home .dd-console{grid-template-rows:auto;height:auto;min-height:0}}@media (min-width:701px){.dd-home.dd-home .dd-resident,.dd-home.dd-home .dd-resident.dd-sleep{width:58%;height:60%;max-height:none;bottom:3%;left:50%;transform:translate(-50%)}}.dd-home.dd-home .dd-action-bubble{border-radius:26px;padding:14px 28px;font-size:clamp(18px,1.7vw,26px);top:24%}.dd-home.dd-home .dd-stats{text-align:left;justify-content:flex-start}.dd-home.dd-home .dd-stats>span:first-child{justify-content:flex-start}@media (min-width:701px){.dd-home.dd-home .dd-stats{justify-content:space-between;align-items:center}.dd-home.dd-home .dd-stats>span{align-items:center;gap:8px;display:inline-flex}}@media (max-width:700px){.dd-home.dd-home .dd-action-bubble{padding:9px 16px;font-size:16px;top:22%}}.dd-xpbar{vertical-align:middle;box-sizing:border-box;background:#efe3cf;border:2px solid #dcc6a4;border-radius:999px;justify-content:center;align-items:center;min-width:170px;height:32px;margin:0 6px;padding:0 14px;display:inline-flex;position:relative;overflow:hidden}.dd-xpbar i{background:linear-gradient(90deg,#a8e6bd,#56b984);border-radius:999px 0 0 999px;position:absolute;top:0;bottom:0;left:0}.dd-xpbar b{letter-spacing:.06em;color:#2f1f12;white-space:nowrap;text-shadow:0 0 3px #fff,0 0 3px #fff,0 1px #fff;font-size:17px;font-weight:900;position:relative}@media (max-width:700px){.dd-xpbar{min-width:136px;height:28px}.dd-xpbar b{font-size:15px}}.dd-bondbar,.dd-foodbar{margin:0}.dd-foodbar{background:linear-gradient(90deg,#fff1c9,#ffe19a);border-color:#e8c97f}.dd-bondbar i{background:linear-gradient(90deg,#ffd0de,#ff8fb1)}