:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}.world-body{font-family:Noto Sans TC,system-ui,sans-serif;background:#0a1226;color:#e8eefb;overflow:hidden;height:var(--wvh, 100vh);height:100dvh;position:relative;user-select:none}.world-canvas{position:fixed;inset:0;z-index:0;touch-action:none;cursor:grab}.world-loading{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#0a1226;color:#9fb0dc;font-size:.95rem;letter-spacing:.04em}button,.w-nav button{font:inherit;color:inherit}.w-top{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.7rem 1.1rem;background:linear-gradient(#0a1226ee,#0a122600);pointer-events:none;max-width:100vw}.w-top>*{pointer-events:auto}.w-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#e8eefb;font-weight:900;font-size:1.05rem;white-space:nowrap;flex-shrink:0}.w-brand span{white-space:nowrap}.w-brand-logo{width:26px;height:26px;object-fit:contain;flex-shrink:0}#world-logo-fallback[hidden],#world-mascot-fallback[hidden]{display:none!important}.w-nav{display:flex;gap:.3rem;background:#141d38cc;border:1px solid #26325a;border-radius:999px;padding:.25rem}.w-nav button{background:none;border:none;padding:.35rem .85rem;border-radius:999px;cursor:pointer;font-size:.88rem;color:#b9c6ea}.w-nav button:hover{background:#26325a;color:#fff}.w-hud{margin-left:auto;display:flex;align-items:center;gap:.6rem;background:#141d38cc;border:1px solid #26325a;border-radius:999px;padding:.3rem .5rem .3rem .7rem;min-width:0}.w-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;overflow:hidden;background:#26325a;flex-shrink:0}.w-mascot{width:100%;height:100%;object-fit:cover;border-radius:50%}.w-xp{min-width:130px}.w-icon-btn{flex-shrink:0}.w-xp-top{display:flex;justify-content:space-between;font-size:.72rem;color:#cdd7f5;font-weight:700}.w-xp-top #xp-text{color:#8a99c8;font-weight:500}.w-xp-bar{height:6px;border-radius:999px;background:#26325a;overflow:hidden;margin-top:3px}.w-xp-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#f2b134,#f0b94a);transition:width .5s ease}.w-icon-btn{background:none;border:none;cursor:pointer;color:#b9c6ea;display:grid;place-items:center;padding:.3rem;border-radius:8px}.w-icon-btn:hover{background:#26325a;color:#fff}.w-daily,.w-news{position:fixed;z-index:15;width:220px;background:#121b34e8;border:1px solid #26325a;border-radius:14px;padding:.8rem .9rem;backdrop-filter:blur(6px)}.w-daily{right:1.1rem;bottom:5.6rem}.w-daily.flash{animation:flash .9s ease}@keyframes flash{0%,to{box-shadow:0 0 #f2b13400}40%{box-shadow:0 0 0 4px #f2b13455}}.w-daily-head,.w-news-head{font-weight:900;font-size:.82rem;color:#f2b134;margin-bottom:.35rem}.w-news-head{color:#7bb0ff}.w-daily-status{font-size:.85rem;color:#d5def6}.w-daily.is-done{border-color:#2a6b47}.w-daily.is-done .w-daily-status{color:#6fe0a0}.w-news{left:1.1rem;bottom:5.6rem}.w-news-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.w-news-list a{color:#cdd7f5;text-decoration:none;font-size:.82rem;line-height:1.35;display:block}.w-news-list a:hover{color:#fff;text-decoration:underline}.w-panel{position:fixed;top:0;right:0;z-index:30;width:min(380px,92vw);height:100dvh;background:#0e1730f2;border-left:1px solid #26325a;padding:3.4rem 1.4rem 1.4rem;transform:translate(100%);transition:transform .4s cubic-bezier(.2,.7,.3,1);display:flex;flex-direction:column;overflow-y:auto;backdrop-filter:blur(8px)}.w-panel-close{position:absolute;top:1rem;right:1rem;background:#26325a;border:none;color:#cdd7f5;width:34px;height:34px;border-radius:9px;cursor:pointer;display:grid;place-items:center}.w-panel-close:hover{background:#34406e;color:#fff}.w-panel-island-art{display:block;width:100%;height:140px;object-fit:contain;object-position:center;margin:0 auto .7rem}.w-panel-zone{font-size:.78rem;font-weight:700}.w-panel-title{font-size:1.5rem;margin:.25rem 0 .35rem;line-height:1.25}.w-panel-audience{color:#9fb0dc;font-size:.86rem;margin:0 0 .9rem;line-height:1.5}.w-panel-guide{display:flex;align-items:flex-start;gap:.6rem;margin:0 0 1rem}.w-guide-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#26325a;display:grid;place-items:center;border:2px solid #f2b13455;box-shadow:0 0 0 3px #0e173080}.w-guide-mascot{width:100%;height:100%;object-fit:cover}.w-guide-bubble{position:relative;margin:0;flex:1;align-self:center;background:#17233f;border:1px solid #2e3c66;border-radius:4px 14px 14px;padding:.6rem .8rem;font-size:.85rem;line-height:1.5;color:#dbe4fa}.w-guide-bubble:before{content:"";position:absolute;left:-7px;top:14px;width:0;height:0;border:7px solid transparent;border-right-color:#17233f;border-left:0}.w-panel-prog{margin-bottom:1rem}.w-panel-prog span{font-size:.78rem;color:#b9c6ea;font-weight:700}.w-panel-prog .w-xp-bar{margin-top:.35rem}.w-panel-prog .w-xp-fill{background:linear-gradient(90deg,#4a90d9,#6fb0ff)}.w-lessons{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.4rem}.lesson-row{border:1px solid #26325a;border-radius:10px;background:#131d38}.lesson-row.is-done{border-color:#2a6b47;background:#12241c}.lesson-row.is-locked{opacity:.55}.lesson-row.is-empty{padding:.8rem;color:#8a99c8;font-size:.85rem;text-align:center}.lesson-link,.lesson-row>.lesson-num{display:flex}.lesson-link{align-items:center;gap:.6rem;padding:.6rem .7rem;text-decoration:none;color:#dbe4fa}.lesson-row:not(.is-locked) .lesson-link:hover{background:#1a274a;border-radius:10px}.lesson-row.is-locked{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem}.lesson-num{font-size:.78rem;font-weight:800;color:#7f8fbf;min-width:1.8em}.lesson-title{flex:1;font-size:.87rem;line-height:1.35}.lesson-badge{display:grid;place-items:center;color:#7f8fbf}.lesson-row.is-done .lesson-badge{color:#39d98a}.w-start{margin-top:auto;text-align:center;padding:.8rem;border-radius:12px;background:linear-gradient(90deg,#f2b134,#f0a92a);color:#1a1204;font-weight:900;text-decoration:none}.w-start:hover{filter:brightness(1.06)}.w-dock{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:.3rem;background:#121b34e8;border:1px solid #26325a;border-radius:16px;padding:.35rem;backdrop-filter:blur(8px)}.w-dock button,.w-dock a{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:none;border:none;cursor:pointer;color:#b9c6ea;text-decoration:none;padding:.45rem .9rem;border-radius:12px;font-size:.72rem;min-width:62px}.w-dock button:hover,.w-dock a:hover{background:#26325a;color:#fff}body.reader-open .w-dock,body.reader-open .w-daily,body.reader-open .w-news,body.reader-open .w-hint,body.reader-open .w-top{display:none!important}.w-overlay{position:fixed;inset:0;z-index:35;display:none;place-items:center;background:#060b18cc;padding:1.2rem}.w-overlay.is-open{display:grid}.w-overlay-panel{width:min(880px,96vw);max-height:86dvh;background:#0e1730;border:1px solid #26325a;border-radius:18px;display:flex;flex-direction:column;overflow:hidden}.w-overlay-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid #26325a}.w-overlay-head h2{margin:0;font-size:1.1rem}.w-overlay-head button{background:#26325a;border:none;color:#cdd7f5;width:34px;height:34px;border-radius:9px;cursor:pointer;display:grid;place-items:center}.overlay-grid{padding:1.2rem;overflow-y:auto}.overlay-empty{color:#8a99c8;text-align:center;padding:2rem}.overlay-grid.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem}.gallery-item{text-decoration:none;color:#cdd7f5;display:flex;flex-direction:column;gap:.4rem}.gallery-item img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid #26325a;background:#131d38}.gallery-item span{font-size:.8rem;line-height:1.35}.overlay-grid.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.badge-cell{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.badge-medal{width:52px;height:52px;border-radius:50%;display:grid;place-items:center}.badge-medal img{width:100%;height:100%;object-fit:contain;border-radius:50%}.badge-medal img.is-locked{filter:grayscale(1);opacity:.4}.badge-cell span{font-size:.82rem}.badge-cell small{font-size:.72rem;color:#8a99c8}.w-hint{position:fixed;bottom:.35rem;left:50%;transform:translate(-50%);z-index:10;margin:0;font-size:.7rem;color:#5f6f9c;pointer-events:none}.w-reader-backdrop{position:fixed;inset:0;z-index:44;background:#05080fcc;opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(2px)}.w-reader-backdrop.is-open{opacity:1;pointer-events:auto}.w-reader{position:fixed;top:0;right:0;z-index:45;width:min(760px,92vw);height:var(--wvh, 100vh);height:100dvh;background:#0c1424;border-left:1px solid #2b3a63;box-shadow:-20px 0 60px -20px #000000b3;padding:52px 12px 12px;transform:translate(105%);transition:transform .42s cubic-bezier(.2,.75,.25,1);display:flex;flex-direction:column}.w-reader.is-open{transform:none}.w-reader-grab{display:none}.w-reader-close{position:absolute;top:12px;right:14px;z-index:3;background:#1b2748;border:1px solid #2b3a63;color:#cdd7f5;width:36px;height:36px;border-radius:10px;cursor:pointer;display:grid;place-items:center}.w-reader-close:hover{background:#26325a;color:#fff}.w-reader-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#faf8f2;color:#18181b;border-radius:14px;padding:2.2rem clamp(1.1rem,4vw,2.4rem) 2.4rem;font-family:-apple-system,Helvetica Neue,Arial,Noto Sans TC,sans-serif}.w-reader-crumb{margin:0 0 .5rem;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b45309}.w-reader-title{font-family:Georgia,Times New Roman,"Noto Serif TC",serif;font-size:clamp(1.55rem,4.5vw,2.1rem);line-height:1.28;margin:0 0 1.4rem;color:#18181b}.w-reader-body{font-size:1.06rem;line-height:1.85;color:#232326;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.w-reader-body *{min-width:0}.w-reader-body>:first-child{margin-top:0}.w-reader-body h2{font-family:Georgia,"Noto Serif TC",serif;font-size:1.42rem;margin:2.2rem 0 .8rem;padding-left:.7rem;border-left:4px solid #b45309;color:#18181b}.w-reader-body h3{font-family:Georgia,"Noto Serif TC",serif;font-size:1.16rem;margin:1.7rem 0 .6rem;color:#18181b}.w-reader-body p{margin:1.05rem 0}.w-reader-body strong{color:#92400e}.w-reader-body em{color:#4b5563}.w-reader-body a{color:#b45309}.w-reader-body ul{padding-left:1.3rem}.w-reader-body ol{padding-left:1.4rem}.w-reader-body li{margin:.4rem 0}.w-reader-body ol li::marker{color:#b45309;font-weight:700}.w-reader-body hr{border:none;border-top:1px solid #eceae4;margin:2.4rem 0}.w-reader-body img{width:100%;height:auto;margin:1.4rem 0;border-radius:12px;display:block}.w-reader-body blockquote{margin:1.6rem 0;padding:1rem 1.3rem;background:#f4f1ea;border-left:4px solid #b45309;border-radius:0 8px 8px 0;color:#3f3f46}.w-reader-body :not(pre)>code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:#f2efe8;border:1px solid #e5e1d8;border-radius:6px;padding:.1em .4em;color:#92400e;word-break:break-word}.w-reader-body pre{margin:1.5rem 0;padding:1.1rem 1.2rem;border-radius:12px;background:#1e1e28;color:#e6e6ea;overflow-x:auto;line-height:1.6;font-size:.9rem;border:1px solid #2b2b3a;-webkit-overflow-scrolling:touch}.w-reader-body pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:none;border:0;padding:0;color:inherit;font-size:inherit}.w-reader-body table{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:.94rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.w-reader-body thead th{background:#f4f1ea;text-align:left;font-weight:700;color:#92400e}.w-reader-body th,.w-reader-body td{border:1px solid #eceae4;padding:.6rem .85rem;vertical-align:top}.w-reader-body tbody tr:nth-child(2n){background:#fbfaf8}.w-reader-body .callout{margin:1.6rem 0;padding:1rem 1.2rem;border-radius:12px;border:1px solid #eceae4;border-left:4px solid #b45309;background:#f7f4ee;font-size:.98rem;line-height:1.75}.w-reader-body .callout>:first-child{margin-top:0}.w-reader-body .callout>:last-child{margin-bottom:0}.w-reader-body .callout-title{display:block;font-weight:700;margin-bottom:.35rem;color:#92400e}.w-reader-body .callout.tip{border-left-color:#2f9e63}.w-reader-body .callout.tip .callout-title{color:#2f9e63}.w-reader-body .callout.warn{border-left-color:#d9822b;background:#fdf6ec}.w-reader-body .callout.warn .callout-title{color:#b5651d}.w-reader-body .callout.info{border-left-color:#2b7bb9;background:#eef5fb}.w-reader-body .callout.info .callout-title{color:#2b6ea3}.w-reader-body .steps{margin:1.6rem 0;display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;counter-reset:step}.w-reader-body .step{position:relative;padding:.9rem 1.1rem .9rem 3rem;border:1px solid #eceae4;border-radius:12px;background:#fff;max-width:100%;min-width:0;overflow-wrap:anywhere}.w-reader-body .step:before{counter-increment:step;content:counter(step);position:absolute;left:.9rem;top:.9rem;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:999px;background:#b45309;color:#fff;font-size:.85rem;font-weight:700}.w-reader-body .step>:first-child{margin-top:0}.w-reader-body .step>:last-child{margin-bottom:0}.w-reader-body .step h4{margin:0 0 .3rem;font-size:1rem}.w-reader-body .video-embed{position:relative;margin:1.6rem 0;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#000;border:1px solid #eceae4}.w-reader-body .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.w-reader-body .video-cap{margin:-.6rem 0 1.6rem;font-size:.82rem;color:#6b7280;text-align:center}.w-reader-sentinel{height:1px}.w-reader-nav{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:2.4rem 0 1.2rem}.w-reader-navbtn{display:flex;flex-direction:column;gap:.3rem;text-align:left;padding:.8rem 1rem;border:1px solid #e5e1d8;border-radius:12px;background:#f4f1ea;cursor:pointer;color:#18181b;font:inherit;min-height:1px}.w-reader-navbtn:hover:not(:disabled){border-color:#b45309;background:#fff}.w-reader-navbtn:disabled{opacity:0;pointer-events:none}.w-reader-navbtn.next{text-align:right;align-items:flex-end}.w-reader-navdir{font-size:.74rem;font-weight:700;color:#b45309;letter-spacing:.03em}.w-reader-navtitle{font-size:.92rem;font-weight:600;line-height:1.4;color:#232326;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.w-reader-blog{display:inline-block;font-size:.86rem;color:#6b7280;text-decoration:none;border-bottom:1px solid #d8d3c8;padding-bottom:1px}.w-reader-blog:hover{color:#b45309;border-color:#b45309}.w-reader.is-loading .w-reader-scroll{opacity:.4}.w-reader-state{max-width:34rem;padding:1.1rem 1.2rem;border:1px solid #e5e1d8;border-radius:12px;background:#f4f1ea;color:#4b5563}.w-reader-state p{margin:0 0 .9rem}.w-reader-state button{min-height:44px;padding:.65rem 1rem;border:0;border-radius:10px;background:#87ad81;color:#fff;font:inherit;font-weight:800;cursor:pointer}.w-reader-state button:hover{background:#719a6c}.w-quiz{margin:2rem 0 .5rem;padding:1.2rem 1.3rem;border-radius:14px;border:1px solid #e5e1d8;background:#f7f4ee}.w-quiz-head{font-family:Georgia,"Noto Serif TC",serif;font-size:1.2rem;font-weight:700;color:#92400e;display:flex;align-items:center;gap:.5rem}.w-quiz-head:before{content:"★";color:#d9822b}.w-quiz-sub{margin:.3rem 0 1rem;font-size:.82rem;color:#8a7a5c;font-weight:600}.w-quiz-q{margin:1rem 0 0;padding-top:1rem;border-top:1px dashed #e5ddcd}.w-quiz-q:first-of-type{border-top:0;padding-top:0}.w-quiz-qtext{margin:0 0 .7rem;font-weight:600;color:#232326;line-height:1.5}.w-quiz-opts{display:grid;gap:.5rem}.w-quiz-opt{text-align:left;padding:.65rem .85rem;border:1px solid #e0dac9;border-radius:10px;background:#fff;cursor:pointer;font:inherit;color:#232326;font-size:.92rem;line-height:1.4;transition:border-color .15s,background .15s}.w-quiz-opt:hover:not(:disabled){border-color:#d9822b}.w-quiz-opt:disabled{cursor:default}.w-quiz-opt.is-right{border-color:#2f9e63;background:#eaf7ef;color:#1c7a44;font-weight:700}.w-quiz-opt.is-wrong{border-color:#d9534f;background:#fdeeee;color:#b23b38;text-decoration:line-through}.w-quiz-explain{margin:.6rem 0 0;padding:.6rem .8rem;font-size:.85rem;line-height:1.55;color:#4b5563;background:#fff;border-left:3px solid #d9822b;border-radius:0 8px 8px 0}.w-conqueror{grid-column:1 / -1;display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:16px;margin-bottom:.4rem;border:1px solid #2e3c66;background:linear-gradient(120deg,#14203c,#0e1730)}.w-conqueror.is-got{border-color:#f2b13488;background:linear-gradient(120deg,#2a2413,#14203c);box-shadow:0 0 0 1px #f2b13433,0 12px 30px -12px #f2b13455}.w-conqueror-medal{flex-shrink:0;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#0e1730;border:2px solid #2e3c66}.w-conqueror.is-got .w-conqueror-medal{border-color:#f2b134;box-shadow:0 0 18px -2px #f2b13488}.w-conqueror-title{font-weight:900;font-size:1.1rem;color:#e8eefb}.w-conqueror.is-got .w-conqueror-title{color:#f2b134}.w-conqueror-desc{color:#9fb0dc;font-size:.8rem}@media(max-width:720px){.w-nav,.w-hint,.w-news{display:none}.w-dock{width:calc(100vw - 1.4rem);justify-content:space-around}.w-dock button,.w-dock a{min-width:0;flex:1}}@media(max-width:680px){.w-nav{display:none}.w-top{flex-wrap:wrap;row-gap:.45rem}.w-hud{margin-left:0;order:3;flex-basis:100%;width:fit-content;max-width:calc(100vw - 2.2rem)}.w-panel{width:100vw;max-height:82dvh;height:auto;top:auto;bottom:0;transform:translateY(100%);border-left:none;border-top:1px solid #26325a;border-radius:20px 20px 0 0;padding:1.9rem 1.2rem 1.4rem}.w-panel.is-open{transform:none}.w-panel:before{content:"";position:absolute;top:.6rem;left:50%;transform:translate(-50%);width:42px;height:5px;border-radius:999px;background:#3a4670}.w-panel-close{top:.8rem}.w-panel-island-art{height:96px}.w-daily{width:auto;right:.7rem;left:auto;bottom:5.4rem;padding:.5rem .7rem;border-radius:999px;display:flex;align-items:center;gap:.45rem}.w-daily-head{margin:0;font-size:.72rem}.w-daily-status{font-size:.72rem}.w-reader{width:100vw;height:var(--wvh, 100vh);height:100dvh;padding:0;border-left:none;box-shadow:none;border-radius:18px 18px 0 0;transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.75,.25,1)}.w-reader.is-open{transform:none}.w-reader-grab{display:block;position:absolute;top:0;left:0;right:0;z-index:3;height:30px;background:#0c1424;border-radius:18px 18px 0 0;display:grid;place-items:center}.w-reader-grab span{width:42px;height:5px;border-radius:999px;background:#3a4670;display:block}.w-reader-close{top:4px;right:10px;width:34px;height:34px}.w-reader-scroll{border-radius:0;padding:2.6rem 1.15rem 2.4rem}.w-reader-nav{grid-template-columns:1fr}.w-reader-navbtn.next{text-align:left;align-items:flex-start}}:root{color-scheme:light}.world-body{--paper: #fbf6e9;--paper-strong: #fffaf0;--ink: #4e493e;--muted: #8f8776;--line: #ded4bf;--sage: #87ad7b;--sage-dark: #648e61;--gold: #e5ad45;background:#f7f0e3;color:var(--ink)}.world-canvas{cursor:grab}.world-canvas canvas{display:block;cursor:grab;filter:saturate(.92) contrast(.98)}.world-canvas canvas.is-dragging{cursor:grabbing}.world-canvas canvas.is-landmark-hover{cursor:pointer}.world-loading{background:#f7f0e3;color:#8b806c;font-weight:700}.w-top{padding:22px 30px 0 42px;align-items:flex-start;background:none}.w-brand{gap:0;color:var(--ink);align-items:flex-start}.w-brand-logo,#world-logo-fallback{display:none!important}.w-brand-copy{display:flex;flex-direction:column;gap:2px}.w-brand-copy strong{display:block;font-size:clamp(2rem,3.3vw,3.7rem);line-height:.95;letter-spacing:-.06em;color:#6c9158;font-weight:900;text-shadow:0 3px 0 #49683f,0 6px 12px #7b6c4b33}.w-brand-copy strong b{color:#ecb54d;letter-spacing:-.08em;text-shadow:0 3px 0 #af7629,0 6px 12px #7b6c4b3d}.w-brand-copy small{margin:14px 0 0 15px;color:#856f52;font-size:.92rem;font-weight:700;letter-spacing:.16em}.w-nav{display:none}.w-hud{margin-left:auto;min-height:70px;gap:12px;padding:10px 12px;border:8px solid #e8dfce;border-radius:22px;background:#f7f1e6e8;box-shadow:0 8px 18px #776b5730,inset 0 1px #fff;backdrop-filter:blur(10px)}.w-coin{height:48px;padding:0 18px;display:flex;align-items:center;gap:9px;border:1px solid #e4dac5;border-radius:13px;background:#fffaf0;box-shadow:0 3px 8px #776b5722;font-size:1.05rem;font-weight:900}.w-coin img{width:24px;height:24px;filter:invert(70%) sepia(62%) saturate(680%) hue-rotate(357deg) brightness(96%)}.w-avatar{width:42px;height:42px;border:2px solid #e1d7c3;background:#fff}.w-xp{width:clamp(220px,24vw,370px);min-width:180px;padding-right:6px}.w-xp-top{color:#5b5447;font-size:.87rem}.w-xp-top #xp-text{color:#807766}.w-xp-bar{height:9px;background:#ddd8cb;margin-top:8px}.w-xp-fill{background:#68a879;box-shadow:inset 0 1px #a8d2af}.w-icon-btn{width:48px;height:48px;padding:0;border:1px solid #dfd5c1;border-radius:13px;background:#fffaf0;color:#8a8272;box-shadow:0 3px 8px #776b5722}.w-icon-btn:hover{background:#fff;color:#5d574c}.w-icon-btn img,.w-panel-close img{width:19px;height:19px;opacity:.65}.cozy-hotspots{position:absolute;inset:0;z-index:5;pointer-events:none}.cozy-hotspot{position:absolute;left:0;top:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:104px;padding:0 0 6px;border:0;background:none;color:#514b40;cursor:pointer;filter:drop-shadow(0 4px 5px #675d4938);opacity:1;will-change:transform,opacity;transition:opacity .16s ease}.cozy-hotspot.is-offscreen{opacity:0;pointer-events:none}.cozy-hotspot:focus{outline:none}.cozy-hotspot:focus-visible .cozy-hotspot-title{outline:3px solid #79a577;outline-offset:3px}.cozy-hotspot-title{position:relative;padding:9px 15px;border:1px solid #d9cfb9;border-radius:11px;background:#fffaf0f2;box-shadow:inset 0 1px #fff,0 3px 8px #61574124;font-size:.87rem;line-height:1;font-weight:900;white-space:nowrap}.cozy-hotspot-progress{position:relative;margin-top:0;padding:5px 10px;border:1px solid #d8cdb5;border-radius:9px;background:#fff9e9e8;font-size:.72rem;font-weight:800;color:#746b59}.cozy-hotspot-progress:before{content:"●";color:#ba9d61;margin-right:5px}.cozy-hotspot-progress:after{content:"";position:absolute;left:50%;bottom:-5px;width:9px;height:9px;background:#fff9e9;border-right:1px solid #d8cdb5;border-bottom:1px solid #d8cdb5;transform:translate(-50%) rotate(45deg)}.cozy-hotspot:hover .cozy-hotspot-title,.cozy-hotspot.is-selected .cozy-hotspot-title{border-color:#79a577;background:#f8fff1;color:#50714e;transform:translateY(-3px)}.cozy-hotspot.is-done .cozy-hotspot-progress{color:#4c7e58}.cozy-hotspot.is-done .cozy-hotspot-progress:before{color:#68a879}.cozy-hotspot.has-prerequisite .cozy-hotspot-progress{border-color:#8ea9a0;color:#547067}.cozy-hotspot.has-prerequisite .cozy-hotspot-progress:before{color:#6e9588}.w-panel{top:138px;right:18px;width:min(500px,33vw);height:min(585px,calc(100dvh - 260px));padding:28px 30px 24px;transform:translate(calc(100% + 32px));border:14px solid #9ac597;border-radius:32px;background:#fbf6e9f3;color:var(--ink);box-shadow:0 14px 30px #63594330;backdrop-filter:blur(13px);overflow-y:auto}.w-panel.is-open{transform:none}.w-panel-close{top:23px;right:21px;width:30px;height:30px;border:0;background:transparent;color:#817a6c}.w-panel-close:hover{background:#eee6d8;color:#554f45}.w-panel-chapter{margin:0 44px 12px 0;color:#7a7263;font-weight:700;font-size:.88rem;display:flex;align-items:center;gap:8px}.w-panel-chapter img,.w-panel-meta img{width:16px;height:16px;opacity:.65}.w-panel-guide,.w-panel-island-art,.w-panel-prog,.w-lessons{display:none!important}.w-panel-zone{font-size:.75rem;color:#877a60!important;font-weight:800;letter-spacing:.05em}.w-panel-title{margin:7px 0 9px;color:#403b34;font-size:clamp(1.55rem,2.1vw,2rem);letter-spacing:-.03em}.w-panel-audience{color:#756d60;font-size:.92rem;line-height:1.7;margin:0 0 18px}.w-panel-prereq{margin:-6px 0 18px;padding:9px 12px;border:1px solid #b8ccc3;border-radius:11px;background:#eef5ef;color:#547067;font-size:.78rem;font-weight:800}.w-panel-meta{display:flex;flex-wrap:wrap;gap:10px 24px;color:#756d60;font-size:.79rem;font-weight:700}.w-panel-meta span{display:inline-flex;align-items:center;gap:6px}.w-rewards{margin-top:22px;padding:14px;border:1px solid #ded4bf;border-radius:17px;background:#fffaf0a8}.w-rewards h3{margin:0 0 12px;font-size:.9rem}.w-rewards>div{display:grid;grid-template-columns:.8fr .8fr 1.4fr;gap:10px}.w-rewards span{min-width:0;height:76px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #e1d7c4;border-radius:13px;background:#fffaf1;color:#584f41}.w-rewards b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#5c98bd;color:#fff;font-size:.72rem;box-shadow:inset 0 -2px #326789}.w-rewards .coin-dot{background:#edb54a;color:#fff0a8;font-size:1.4rem;box-shadow:inset 0 -2px #ae7526}.w-rewards b img{width:21px;height:21px;filter:invert(1)}.w-rewards strong{font-size:.82rem;white-space:nowrap}.w-panel-actions{display:grid;grid-template-columns:1fr 58px;gap:13px;margin-top:auto;padding-top:20px}.w-start{margin:0;padding:15px;border:1px solid #6f9469;border-radius:15px;background:#82ad7b;color:#fffdf7;box-shadow:inset 0 1px #b7d4b2,0 5px 10px #5d765b2d;text-shadow:0 1px #496846;font-size:1.03rem}.w-favorite{border:1px solid #ded4bf;border-radius:15px;background:#fffaf0;color:#8c8474;font-size:2rem;line-height:1;cursor:pointer}.w-favorite:hover{color:#d99b7e;background:#fff}.w-favorite.is-active{color:#d98d75;background:#fff1e9}.w-favorite img{width:28px;height:28px;opacity:.62}.w-favorite.is-active img{filter:invert(64%) sepia(25%) saturate(1059%) hue-rotate(329deg) brightness(96%);opacity:1}.w-news{display:none}.w-dock{left:0;bottom:0;transform:none;width:100vw;height:104px;justify-content:center;gap:18px;padding:17px 370px 10px;border:0;border-radius:24px 24px 0 0;background:#fbf6e9ee;box-shadow:0 -10px 28px #6b624e20,inset 0 1px #fff;backdrop-filter:blur(13px)}.w-dock button,.w-dock a{min-width:82px;padding:8px 16px;border-radius:13px;color:#857c69;font-size:.75rem;font-weight:700}.w-dock img{width:25px;height:25px;filter:invert(69%) sepia(28%) saturate(785%) hue-rotate(4deg) brightness(91%)}.w-dock button:hover,.w-dock a:hover{background:#eee7d8;color:#5f584c}.w-dock button.is-active{background:#eee7d8;color:#63845f}.w-profile{position:fixed;left:22px;bottom:13px;z-index:24;width:318px;height:78px;display:flex;align-items:center;gap:14px;padding:9px 16px;border:1px solid #e3d9c7;border-radius:22px;background:#fffaf0;box-shadow:0 5px 16px #5b534329}.w-profile img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#e5e0d6}.w-profile>div{flex:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 10px}.w-profile strong{font-size:.9rem}.w-profile small{font-size:.75rem;color:#71695c}.w-profile span{grid-column:1 / -1;height:7px;border-radius:99px;background:#e2ddd1;overflow:hidden}.w-profile i{display:block;width:42%;height:100%;border-radius:inherit;background:#7cab7a}.w-daily{right:22px;bottom:15px;width:252px;height:74px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 17px;border:1px solid #e1d6c4;border-radius:18px;background:#fff9edea;color:#6a6255;box-shadow:0 5px 16px #5b534329;backdrop-filter:blur(10px)}.w-daily-head{margin:0;color:#7a6b55;font-size:.82rem}.w-daily-head{display:flex;align-items:center;gap:7px}.w-daily-head img{width:21px;height:21px;opacity:.72}.w-daily-status{color:#817767;font-size:.72rem;text-align:right}.w-daily.is-done{border-color:#8cb389}.w-daily.is-done .w-daily-status{color:#5f8c65}.w-guide-callout{position:fixed;right:20px;bottom:112px;z-index:18;display:flex;align-items:flex-end;gap:9px;pointer-events:none}.w-guide-callout p{margin:0 0 24px;padding:13px 18px;border:1px solid #e0d6c5;border-radius:14px;background:#fffaf0e8;box-shadow:0 5px 14px #5c544529;color:#746b5e;font-size:.78rem}.w-guide-callout img{width:82px;height:82px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 6px 7px #5c544540)}.w-hint{bottom:108px;color:#9b927f}.w-overlay{background:#6d675c66;backdrop-filter:blur(5px)}.w-overlay-panel{background:#fbf6e9;border-color:#d9cfbb;color:#4e493e}.w-overlay-head{border-color:#ded4bf}.w-overlay-head button{background:#ece5d7;color:#766e60}.gallery-item{color:#5f584c}.gallery-item img{border-color:#ddd3bf;background:#eee7d9}.badge-cell small,.overlay-empty{color:#8b8272}@media(max-width:1100px){.w-panel{width:390px}.w-dock{padding-inline:330px 270px;gap:6px}.w-dock button,.w-dock a{min-width:64px;padding-inline:10px}.w-profile{width:285px}.w-daily{width:230px}}@media(max-width:760px){.w-top{padding:15px 14px;align-items:flex-start;flex-wrap:nowrap}.w-brand-copy strong{font-size:1.8rem}.w-brand-copy small{margin:7px 0 0 4px;font-size:.62rem;letter-spacing:.08em}.w-hud{position:absolute;top:14px;right:10px;margin:0;order:initial;flex-basis:auto;width:190px;max-width:50vw;min-height:52px;border-width:5px;padding:6px;gap:6px}.w-coin{display:none}.w-avatar{width:34px;height:34px}.w-xp{width:120px;min-width:96px}.w-xp-top{font-size:.64rem}.w-icon-btn{display:none}.w-panel{width:calc(100vw - 20px);max-height:70dvh;height:auto;top:auto;right:10px;bottom:82px;padding:25px 18px 18px;transform:translateY(calc(100% + 110px));border-width:9px;border-radius:25px}.w-panel:before{background:#b5cbaa}.w-panel.is-open{transform:translateY(0)}.w-panel-title{font-size:1.35rem}.w-panel-audience,.w-panel-meta,.w-rewards{display:none}.w-panel-prereq{margin:0 0 10px;padding:7px 10px;font-size:.7rem}.w-panel-actions{padding-top:10px}.w-profile,.w-guide-callout{display:none}.w-dock{height:72px;padding:7px 6px 6px;gap:0}.w-dock button,.w-dock a{min-width:0;flex:1;padding:6px 3px}.w-dock img{width:23px;height:23px}.w-daily{bottom:76px;right:10px;width:auto;height:auto;padding:7px 10px;border-radius:999px}.w-daily-status,.w-hint{display:none}.cozy-hotspot{min-width:78px;gap:4px}.cozy-hotspot-title{max-width:156px;overflow:hidden;text-overflow:ellipsis;padding:6px 9px;font-size:.62rem}.cozy-hotspot-progress{margin-top:0;padding:4px 8px;font-size:.57rem}}