:root{--ink:#282924;--muted:#858077;--paper:#f5f2eb;--line:#ded9ce;--accent:#dc4446;--accent-soft:#f3e3df;font-family:Arial,'PingFang TC','Microsoft JhengHei',sans-serif;color:var(--ink);background:#eae6dd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0;background:none}button,svg{touch-action:manipulation}[hidden]{display:none!important}#game{height:100dvh;min-height:400px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 52% 45%,#f3efe7 0,#e8e3d9 60%,#dfd9ce 100%)}#world{position:absolute;inset:35px 0 38px;touch-action:none}#world canvas{width:100%;height:100%;display:block;outline:none}.grain{position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23978e7c' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#game>header{position:absolute;top:0;left:0;width:100%;height:88px;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}#game>header>*{pointer-events:auto}.brand{text-align:left;padding:0;font-size:20px;line-height:.95;font-weight:950;letter-spacing:-1px}.brand span{display:block;font-size:12px;letter-spacing:8px;margin-top:7px}.top-center{display:flex;align-items:center;gap:12px;color:#746f62;font-size:10px;letter-spacing:1.3px}.top-center .sun{font-size:24px;color:#bca064}.dot{color:#b7ad9b}.wallet{display:flex;gap:14px;align-items:center}.wallet>span{font-size:13px;display:flex;gap:7px;align-items:center;font-variant-numeric:tabular-nums}.coin{font-size:11px;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid #c6a061;color:#997329;background:#ebd8a7;font-style:normal}.heart{color:var(--accent);font-size:21px;font-style:normal}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-size:22px;background:#f8f5edc7;border:1px solid #dbd5c975;transition:background .2s}.icon-button:hover{background:white}.icon-button svg{width:18px;height:18px;stroke-width:1.5}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.location{position:absolute;top:116px;left:36px;max-width:400px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#8a8172}.location h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;font-size:48px;margin:6px 0 11px}.location h1 span{color:var(--accent)}.location p{font-size:11px;letter-spacing:1px;color:#797469;margin:0}.location button{pointer-events:auto;margin-top:16px}.profile{position:absolute;left:32px;bottom:156px;display:flex;align-items:center;gap:10px;background:#f4f0e5d6;backdrop-filter:blur(14px);padding:8px 10px 8px 4px;border:1px solid #fff9;border-radius:9px}.mini-avatar{width:44px;height:49px;background-image:url('./assets/avatar-atlas.png');background-size:176px 196px;background-position:0 0}.profile b{font-size:11px;display:block;margin-bottom:6px}.profile span{font-size:9px;color:#8b8378}.profile button{padding:0;width:35px;height:36px;margin-left:6px}.profile canvas{width:35px;height:35px;object-fit:contain}.quest-peek{position:absolute;right:32px;top:123px;width:235px;padding:17px 18px;background:#f9f6eee8;border:1px solid #fff9;border-radius:4px;box-shadow:0 8px 30px #766c5310;backdrop-filter:blur(14px)}.quest-peek button{padding:0;width:100%;text-align:left}.quest-heading{display:flex;justify-content:space-between;font-size:11px;margin:12px 0;gap:12px}.quest-heading b{font-size:10px;color:#9a8972;font-weight:400}.progress-track{height:3px;background:#e3ded2;display:block}.progress-track>span{display:block;background:#aa9276;height:100%;width:0;transition:width .4s}.quest-next{font-size:9px;color:#8c8171;margin-top:11px;display:block;line-height:1.6}.scene-tools{position:absolute;bottom:155px;right:32px;display:flex;gap:7px}.walk-hint{position:absolute;bottom:134px;left:50%;transform:translateX(-50%);font-size:10px;color:#756f62;white-space:nowrap;letter-spacing:.7px}.walk-hint span{margin:0 12px;color:#afa38e}.dock{position:absolute;bottom:47px;left:50%;transform:translateX(-50%);height:78px;display:flex;align-items:center;padding:6px 14px;border:1px solid #faf8eb18;border-radius:16px;background:linear-gradient(150deg,#30322cf5,#20231ef2);box-shadow:0 12px 30px #51493625;backdrop-filter:blur(20px);color:#e6e6d9}.dock button{height:64px;min-width:78px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:4px;border-radius:9px;transition:background .2s;color:#c7c8bb}.dock i{display:flex}.dock svg{width:23px;height:23px}.dock span{font-size:10px}.dock small{font-size:8px;opacity:.52;letter-spacing:1px}.dock button:hover,.dock button.active{background:#b3b29c1f;color:#fffdf1}.dock button.active:after{content:'';position:absolute;width:3px;height:3px;border-radius:3px;background:#d4c6aa;bottom:2px}.dock .dock-separator{height:34px;width:1px;background:#ddd5c429;margin:0 9px}.dock-separator+button{min-width:67px}footer{position:absolute;bottom:14px;left:32px;right:32px;display:flex;justify-content:space-between;color:#908779;font-size:8px;letter-spacing:1.7px}footer span:last-child{letter-spacing:1px}#loading{position:absolute;inset:0;z-index:30;background:#f0ece3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:opacity .5s}.loading-brand{font-size:35px;letter-spacing:-2px;line-height:.9;font-weight:950}.loading-line{width:140px;height:2px;background:linear-gradient(90deg,transparent,#a89579,transparent);animation:pulse 1.5s infinite}.loading-brand+p,#loading p{font-size:11px;color:#898070}@keyframes pulse{50%{opacity:.2}}#overlay{position:fixed;inset:0;z-index:40;background:#28292355;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:28px}#panel{background:#f5f2eb;width:min(950px,100%);max-height:90dvh;box-shadow:0 30px 100px #141b2555;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;animation:rise .25s ease-out}.panel-head{padding:26px 30px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-family:Georgia,'PingFang TC',serif;font-size:29px;font-weight:400;letter-spacing:-.6px;margin:6px 0 0}.panel-head .icon-button{background:#eae6dd;border:0;flex-shrink:0}#panel-content{padding:24px 30px 30px;overflow:auto;overscroll-behavior:contain}.panel-note{font-size:11px;line-height:1.9;color:#837b6e;margin:0 0 18px}.button{background:#2b302a;color:#fffdf1;min-height:40px;border-radius:5px;padding:10px 20px;font-size:11px;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button:hover{background:#43493d}.button.secondary{background:#e8e2d7;color:#4e5045}.button.light{background:#fffef8;color:#535747;border:1px solid #dbd5c8}.button.accent{background:var(--accent);color:white}.small-button{font-size:10px;padding:8px 12px;background:#f6f2e8d9;border:1px solid #ded7c9;border-radius:4px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:5px;margin-bottom:22px;flex-wrap:wrap}.tabs button{padding:8px 15px;border-radius:20px;font-size:10px;border:1px solid var(--line);color:#8c8477}.tabs button.active{color:#f6f2e5;background:#343a30;border-color:#343a30}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#eeeadf;border:1px solid #e2dcd1;border-radius:7px;overflow:hidden;padding:14px}.card-image{height:160px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#faf7ee,#e5dfd3);border-radius:4px;margin-bottom:14px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.card h3{font-family:Georgia,serif;font-weight:400;font-size:19px;letter-spacing:-.4px;margin:0 0 7px}.card p{font-size:10px;color:#847a6a;line-height:1.6;margin:0 0 13px}.card .card-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px}.price{font-size:12px;white-space:nowrap}.price i{font-style:normal;color:#b5965b;font-size:10px}.card .button{padding:8px 12px;min-height:33px;font-size:10px}.card .row .button{flex:1}.furniture-thumb{height:160px;width:100%;object-fit:contain!important;mix-blend-mode:normal!important}.wardrobe{display:grid;grid-template-columns:1fr 1.2fr;gap:28px}.fitting-stage{min-height:360px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#eeeadf,#e0d9cb);border-radius:6px;overflow:hidden}.fitting-stage:after{content:'';position:absolute;bottom:30px;width:150px;height:20px;border-radius:50%;background:#5c584b20;filter:blur(7px)}.fitting-avatar{width:300px;height:300px;background-image:url('./assets/avatar-atlas.png');background-size:1200px 1200px;z-index:1}.fitting-controls{position:absolute;bottom:16px;z-index:2;display:flex;gap:8px}.fitting-controls button{background:#f9f7efd4;min-width:54px;padding:7px 12px;border-radius:20px;font-size:10px}.outfit-card{display:flex;gap:15px;padding:15px;background:#ece7dd;border:1px solid #ded7c9;border-radius:6px;margin-bottom:12px}.outfit-card.selected{border-color:#a99a80}.outfit-card img{width:75px;height:80px;object-fit:contain;mix-blend-mode:multiply}.outfit-card h3{font-size:15px;margin:0 0 7px;font-weight:500}.outfit-card p{font-size:10px;color:#8a8174;margin:0 0 12px}.fitting-caption{position:absolute;top:20px;font-size:9px;letter-spacing:2px;color:#8a8173}.map-wrap{position:relative;width:100%;aspect-ratio:1.32;overflow:hidden;border-radius:6px;background:#adc5c2}.town-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.map-pin{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 4px #27302444)}.map-pin img{width:65px;height:65px;object-fit:contain;border-radius:50%;background:#fdfaf2;border:3px solid #fff7e2}.map-pin span{font-size:10px;background:#fffaf0;padding:5px 12px;border-radius:3px;margin-top:-5px;z-index:2}.map-pin:hover{scale:1.06}.map-caption{position:absolute;bottom:15px;left:20px;color:white;letter-spacing:1px;font-size:11px;text-shadow:0 1px 3px #333}.npc-image{height:140px;display:flex;justify-content:center;align-items:end;margin-bottom:15px;background:radial-gradient(ellipse,#f8f4ec,transparent)}.npc-image img{max-width:90%;height:130px;object-fit:contain}.npc-card .button{width:100%}.friend-progress{height:3px;background:#ddd4c6;margin:12px 0 14px}.friend-progress span{display:block;background:var(--accent);height:100%;min-width:2px}.friend-caption{display:flex;justify-content:space-between;font-size:9px;color:#978777;margin-bottom:8px}.dialogue{display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:center;padding:15px 0 25px}.dialogue>img{width:100%;max-height:200px;object-fit:contain}.dialogue blockquote{font-family:Georgia,'PingFang TC',serif;font-size:22px;line-height:1.8;margin:0 0 13px}.dialogue small{font-size:11px;color:#8b8070}.journal-field{display:block;width:100%;min-height:85px;border:1px solid #d6cebf;background:#fffcf5;border-radius:5px;padding:13px;font-size:12px;resize:vertical;color:#474b40}.label{display:block;font-size:10px;color:#8d8272;margin:15px 0 8px}.quest-list{display:grid;gap:10px}.quest-item{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #e0d9cc;border-radius:6px;background:#eee9df}.quest-item .check{width:25px;height:25px;border:1px solid #c9beaa;border-radius:50%;display:grid;place-items:center;color:#faf8ee;flex-shrink:0}.quest-item.complete .check{background:#8d9b7e;border-color:#8d9b7e}.quest-item b{display:block;font-size:12px;font-weight:500;margin-bottom:5px}.quest-item small{font-size:10px;color:#918473}.quest-item .button{margin-left:auto;min-height:30px;padding:7px 12px;white-space:nowrap}.reward{margin-top:20px;padding:20px;display:flex;justify-content:space-between;align-items:center;background:#e3ddcf;border-radius:6px}.reward b{font-size:15px;display:block;margin-bottom:5px}.reward small{font-size:10px;color:#877861}.themes{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.theme{border:1px solid #e0d9cd;background:#ebe6dc;border-radius:6px;padding:15px 6px;text-align:center}.theme.active{border:2px solid var(--accent);padding:14px 5px}.theme img{width:100%;height:76px;object-fit:contain}.theme b{font-size:11px;display:block;margin:7px 0}.theme small{font-size:9px;color:#8c8071}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.settings-grid h3{font-size:13px;font-weight:500;margin:4px 0 14px}.settings-grid input{padding:12px;width:100%;border:1px solid #d6cebf;background:#fffcf5;border-radius:5px;font-size:12px}.settings-grid p{font-size:11px;line-height:1.9;color:#8e8170}.notifications-list{display:grid;gap:10px}.notification{display:flex;align-items:start;gap:12px;padding:16px;background:#eee9de;border-radius:6px}.notification i{color:var(--accent);font-style:normal}.notification p{font-size:12px;line-height:1.7;margin:0 0 5px}.notification small{font-size:9px;color:#9a8a72}#interaction{position:absolute;bottom:160px;left:50%;transform:translateX(-50%);min-width:300px;max-width:calc(100% - 36px);padding:20px;background:#fbf8f0f2;border:1px solid #fff8;border-radius:8px;box-shadow:0 6px 40px #29291920;backdrop-filter:blur(20px);z-index:10}#interaction h3{font-family:Georgia,'PingFang TC',serif;font-size:20px;font-weight:400;margin:0 25px 8px 0}#interaction p{font-size:10px;line-height:1.7;color:#8d8172;margin:0 0 13px}#interaction .close{position:absolute;right:12px;top:12px;font-size:18px;color:#8d8172}#placement{position:absolute;bottom:144px;left:50%;transform:translateX(-50%);z-index:20;background:#293128ed;color:#fffbea;padding:13px 16px;border-radius:8px;display:flex;gap:12px;align-items:center;font-size:11px;white-space:nowrap}#placement span{color:#d3d3be;font-size:10px}#placement button{background:#f8f5e61a;border-radius:4px;padding:8px 11px;font-size:10px}#toast{position:fixed;top:94px;left:50%;transform:translate(-50%,-15px);max-width:90%;pointer-events:none;z-index:70;background:#2f382de8;color:#fff9ed;border-radius:6px;padding:12px 20px;font-size:12px;opacity:0;transition:.25s;box-shadow:0 7px 24px #26281e18;line-height:1.6}#toast.show{opacity:1;transform:translate(-50%,0)}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0}.board-cell{aspect-ratio:1;border:1px solid #ded7c8;border-radius:8px;background:#eae4d7;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:9px;color:#9b8d75}.board-cell.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.board-cell svg{width:28px;height:28px}.board-cell b{font-size:18px}.about-art{width:100%;height:auto;border-radius:5px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.empty{padding:30px;text-align:center;color:#8d8373;font-size:12px;line-height:2}.loading-error{max-width:500px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.location{left:50px;top:135px}.location h1{font-size:60px}.quest-peek{right:48px;top:140px}.profile{left:48px}#world{inset:15px 4vw 18px}}
@media(max-width:1100px){.top-center{display:none}.quest-peek{width:205px;right:24px;top:108px}.location{left:25px;top:111px}.location h1{font-size:40px}.location p{font-size:10px;max-width:200px;line-height:1.8}.profile{left:24px}.dock button{min-width:72px}.scene-tools{right:24px}}
@media(max-width:700px){#game>header{padding:15px 17px;height:65px;gap:12px}.brand{font-size:15px;letter-spacing:-.7px}.brand span{font-size:9px;letter-spacing:5.5px;margin-top:5px}.wallet{gap:9px}.wallet>span{font-size:11px;gap:4px}.coin{width:17px;height:17px;font-size:9px}.wallet .icon-button{width:30px;height:30px}.wallet .icon-button svg{width:15px;height:15px}.wallet .heart{font-size:17px}.location{top:90px;left:20px;max-width:100%}.location h1{font-size:36px;letter-spacing:-1.5px;margin:6px 0}.location .eyebrow{font-size:7px;letter-spacing:1.6px}.location p{font-size:9px;max-width:100%;letter-spacing:.4px}.quest-peek{right:18px;top:205px;width:144px;padding:12px}.quest-peek .eyebrow{font-size:7px}.quest-heading{font-size:9px;line-height:1.6;margin:8px 0}.quest-next{display:none}.profile{bottom:140px;left:16px;border:0;background:#f4f0e590;padding:3px 7px 3px 1px;gap:5px}.profile .mini-avatar{width:30px;height:37px;background-size:136px 148px}.profile b{font-size:9px;margin-bottom:4px}.profile span{font-size:7px}.profile button{width:28px;margin-left:0}.profile canvas{width:27px;height:27px}.scene-tools{bottom:142px;right:16px;gap:5px}.scene-tools .icon-button{width:29px;height:29px;font-size:18px}#world{inset:5px -60px 15px}.walk-hint{bottom:114px;font-size:8px;letter-spacing:.2px}.walk-hint span{margin:0 6px}.dock{bottom:36px;width:calc(100% - 24px);height:69px;justify-content:space-evenly;padding:5px 5px;border-radius:12px}.dock button{min-width:0;width:calc(100% / 7);height:56px;gap:5px}.dock svg{width:20px;height:20px}.dock span{font-size:8px}.dock small{font-size:6px;letter-spacing:.1px}.dock .dock-separator{display:none}.dock-separator+button{min-width:0}.dock button.active:after{bottom:0}footer{bottom:12px;left:18px;right:18px;font-size:6px;letter-spacing:.8px}footer span:last-child{letter-spacing:0}.wallet .icon-button:first-of-type{display:none}#overlay{padding:12px;align-items:end}#panel{max-height:calc(100dvh - 34px);border-radius:13px}.panel-head{padding:22px 20px 18px}.panel-head h2{font-size:27px}.panel-head .eyebrow{font-size:8px}.panel-head .icon-button{width:32px;height:32px}#panel-content{padding:19px 20px 24px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:10px}.card-image{height:120px}.card h3{font-size:16px}.card p{font-size:9px}.card .card-bottom{align-items:start;flex-direction:column}.card .button{font-size:9px;min-height:32px;padding:7px 10px}.card .card-bottom .button{width:100%}.wardrobe{grid-template-columns:1fr;gap:18px}.fitting-stage{min-height:290px}.fitting-avatar{width:250px;height:250px;background-size:1000px 1000px}.fitting-caption{top:13px}.fitting-controls{bottom:11px}.outfit-card{padding:12px}.settings-grid{grid-template-columns:1fr}.themes{grid-template-columns:repeat(3,1fr)}.theme img{height:70px}.dialogue{grid-template-columns:95px 1fr;gap:16px}.dialogue blockquote{font-size:17px}.dialogue small{font-size:10px}.map-wrap{aspect-ratio:.85}.map-pin img{width:46px;height:46px}.map-pin span{font-size:8px;padding:4px 6px}.npc-image{height:100px}.npc-image img{height:95px}.quest-item{padding:13px 11px;gap:9px}.quest-item b{font-size:10px}.quest-item small{font-size:8px}.quest-item .button{font-size:9px;padding:6px 9px}.reward{padding:14px}.reward b{font-size:12px}.reward .button{font-size:10px;padding:9px 12px}#interaction{bottom:185px;min-width:275px;padding:17px}#placement{bottom:181px;width:calc(100% - 30px);flex-wrap:wrap;justify-content:center;gap:8px}#placement span{font-size:9px}.board{grid-template-columns:repeat(4,1fr)}.two-col{grid-template-columns:1fr}#toast{top:69px;font-size:11px;padding:10px 15px}}
@media(max-height:600px) and (min-width:701px){.location{top:85px}.location h1{font-size:30px}.quest-peek{top:85px;padding:12px}.dock{bottom:26px;height:67px}.dock button{height:55px}.profile,.scene-tools{bottom:109px}.walk-hint{bottom:99px}footer{bottom:8px}.profile{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.outfit-thumb{width:80px;height:90px;flex-shrink:0;background-image:url('./assets/avatar-atlas.png');background-size:320px 360px;background-repeat:no-repeat}.outfit-thumb.large{width:150px;height:160px;background-size:600px 640px}

#panel{animation:none}@media(max-width:700px){.scene-tools .icon-button{width:34px;height:34px}.card .button{min-height:40px}}

.map-wrap{aspect-ratio:551/490}.town-image{object-fit:fill}.map-pin{width:19%;height:21%;border-radius:50%;filter:none}.map-pin img,.map-pin span{opacity:0;pointer-events:none}.map-pin:hover,.map-pin:focus-visible{scale:1;background:#ffffff13;outline:2px solid #fff9;outline-offset:2px}.map-caption{display:none}@media(max-width:700px){.map-wrap{aspect-ratio:551/490}}