:root{color:#294c3d;font-synthesis:none;--ink:#294c3d;--muted:#7a8874;--green:#28664e;--cream:#faf9ee;--line:#e4e8d8;background:#dce9df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.6}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:4px;outline:3px solid #ba9650}svg{flex-shrink:0;width:22px;height:22px}button{border:0}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;font-weight:650}h1{font-size:38px;line-height:1.1}h2{font-size:30px}h3{font-size:22px}p{line-height:1.7}kbd{background:#f7f7ed;border:1px solid #d4ddcd;border-bottom-width:2px;border-radius:5px;padding:3px 6px;font:600 11px/1 inherit}button kbd{color:inherit;background:#ffffff18;border-color:#ffffff35;margin-left:14px}.game-shell{height:100svh;min-height:420px;position:relative;overflow:hidden}.world-canvas{touch-action:none;width:100%;height:100%;display:block;outline:none!important}.topbar{pointer-events:none;justify-content:space-between;align-items:center;gap:24px;padding:25px 32px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-icon{background:#f9faecdc;border:1px solid #fff9;border-radius:14px;place-items:center;width:43px;height:45px;display:grid;box-shadow:0 4px 14px #3659410b}.brand-icon svg{stroke-width:1.9px;width:27px;height:27px}.brand strong{letter-spacing:-.07em;font-size:28px;line-height:.95;display:block}.brand-dot{color:#88a478}.brand small{letter-spacing:.28em;margin-top:6px;font-size:8px;font-weight:650;display:block}.world-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf9edc9;border:1px solid #fff8;border-radius:40px;align-items:center;gap:10px;padding:11px 17px;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 20px #274c3310}.live-dot{background:#70a377;border-radius:50%;width:6px;height:6px;display:inline-block}.badge-divider{opacity:.2;margin:0 1px}.season-label{color:#7b8c73;font-size:11px;font-weight:400}.top-actions{align-items:center;gap:9px;display:flex}.icon-button{background:0 0;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:inline-grid}.icon-button:hover{background:#e8eddc}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf9edd9;border:1px solid #ffffffe0;box-shadow:0 4px 18px #2644330b}.wardrobe-button,.primary{background:var(--green);color:#f9faef;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:14px 18px;font-size:12px;font-weight:650;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 5px 10px #1b463a14}.wardrobe-button:hover,.primary:hover{background:#1d513e}.primary:active{transform:translateY(1px)}.wardrobe-button svg{width:19px;height:19px}.welcome-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf9eff2;border:1px solid #fff7;border-radius:22px;width:310px;padding:25px 26px;position:absolute;top:135px;left:32px;box-shadow:0 16px 50px #334e3713}.welcome-icon{color:#a58d55;border:1px solid #e3dcc3;border-radius:50%;place-items:center;width:37px;height:37px;margin-bottom:21px;display:grid}.eyebrow{letter-spacing:.14em;color:#8c976f;font-size:9px;font-weight:750;line-height:1.5}.welcome-card h1{margin:13px 0 17px}.welcome-card>p:not(.eyebrow){color:#7d8b75;font-size:12px;line-height:1.85}.welcome-card .primary{justify-content:space-between;width:100%;margin-top:24px}.welcome-card>small{text-align:center;color:#929a86;margin-top:13px;font-size:9px;display:block}.location-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf9efd9;border:1px solid #ffffff90;border-radius:17px;align-items:center;gap:12px;padding:16px 18px;display:flex;position:absolute;top:120px;left:32px}.location-symbol{background:#e6ecdc;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.location-card small{letter-spacing:.12em;color:#8b987c;font-size:8px;display:block}.location-card strong{margin:3px 0;font-size:14px;font-weight:650;display:block}.location-card div>span{color:#88907b;font-size:10px}.game-controls{pointer-events:none;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:58px;left:32px;right:32px}.game-controls>*{pointer-events:auto}.desktop-help{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf9eede;border:1px solid #fff9;border-radius:15px;align-items:center;gap:12px;padding:13px 17px;font-size:10px;display:flex}.desktop-help>div{flex-direction:column;align-items:center;gap:3px;display:flex}.key-row{gap:3px;display:flex}.desktop-help kbd{padding:3px 5px;font-size:8px}.desktop-help small{color:#8b957e;margin-top:4px;font-size:8px;display:block}.desktop-help>svg{width:18px}.control-divider{background:#dce0cf;width:1px;height:30px;margin:0 2px}.view-actions{gap:8px;margin-left:auto;margin-right:195px;display:flex}.interaction-button{color:#365b46;white-space:nowrap;background:#faf9ee;border:1px solid #fff;border-radius:14px;align-items:center;gap:10px;padding:13px 18px;font-size:12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #203d3220}.interaction-button kbd{color:#fff;background:#28664e;margin:0;padding:7px 8px}.mini-map{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf9eee6;border:1px solid #fff8;border-radius:20px;width:168px;padding:13px;position:absolute;bottom:54px;right:32px;box-shadow:0 8px 30px #203d3210}.map-title{letter-spacing:.05em;align-items:center;gap:6px;font-size:8px;font-weight:650;display:flex}.map-title svg{width:13px;height:13px}.map-north{opacity:.6;margin-left:auto;font-size:9px}.mini-map>svg{width:100%;height:130px;margin:8px 0 0}.mini-map small{text-align:center;color:#8c967f;font-size:9px;display:block}.guest-badge{color:#56735c;text-shadow:0 1px #e3eada70;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:20px;left:32px}.guest-badge>span:not(.live-dot){opacity:.6}.touch-pad{display:none}.toast{color:#f3f8e9;z-index:20;background:#264f40;border-radius:40px;align-items:center;gap:10px;padding:13px 20px;font-size:12px;display:flex;position:absolute;bottom:145px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #16352924}.toast svg{width:18px}.loading-pill{background:var(--cream);border-radius:40px;padding:18px 24px;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-card{background:var(--cream);text-align:center;border-radius:24px;width:calc(100% - 40px);max-width:450px;padding:32px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.error-card p{color:var(--muted);margin:20px 0;font-size:14px}.error-card>a{margin-top:18px;font-size:12px;display:block}.error-card>svg{width:40px;height:40px;margin-bottom:20px}.modal{color:var(--ink);background:var(--cream);overscroll-behavior:contain;border:1px solid #ffffffb0;max-height:calc(100svh - 36px);padding:0;box-shadow:0 24px 90px #1e3e3c35}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#253e3735}.drawer{border-radius:24px;width:430px;height:calc(100svh - 36px);margin:18px 18px 18px auto;overflow:auto}.drawer-header{justify-content:space-between;align-items:center;padding:24px 26px 18px;display:flex}.drawer-header h2{margin-top:7px}.wardrobe-content{padding:0 26px 20px}.preview-stage{background:radial-gradient(at 50% 30%,#f3eddb 0,#e6ecdb 80%);border-radius:17px;height:255px;position:relative;overflow:hidden}.demo-tag{letter-spacing:.1em;z-index:1;background:#faf9ec85;border:1px solid #ffffffa0;border-radius:20px;padding:6px 8px;font-size:8px;font-weight:600;position:absolute;top:13px;left:13px}.avatar-preview{z-index:1;position:absolute;inset:0}.avatar-preview canvas{touch-action:none;width:100%;height:100%;display:block}.preview-note{text-align:center;color:#8a957c;pointer-events:none;font-size:8px;position:absolute;bottom:10px;left:0;right:0}.preview-note svg{vertical-align:middle;width:12px;height:12px;margin-right:4px}.preview-orbit{filter:blur(5px);background:#a0b78b3b;border-radius:50%;width:130px;height:23px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.wardrobe-copy{min-height:90px;margin:20px 0 17px}.wardrobe-copy h3{font-size:23px}.wardrobe-copy p{color:#88917c;margin-top:7px;font-size:11px;line-height:1.7}.slot-tabs{border-bottom:1px solid var(--line);gap:5px;padding-bottom:12px;display:flex;overflow:auto}.slot-tabs button{color:#929b87;background:0 0;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:57px;padding:9px 5px 7px;font-size:8px;display:flex}.slot-tabs button.active{color:#3b674d;background:#e2ead8}.slot-tabs svg{width:20px;height:20px}.item-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px;display:grid}.item-card{text-align:left;background:0 0;border:1px solid #e3e7d8;border-radius:13px;min-width:0;padding:7px}.item-card.selected{background:#edf1e5;border:1.5px solid #7e9f77;padding:6.5px}.item-art{background:color-mix(in srgb, var(--item-color) 15%, #f5f2e6);border-radius:9px;justify-content:center;align-items:center;height:72px;display:flex;position:relative}.item-art>svg{width:46px;height:46px;fill:var(--item-color);stroke:var(--item-accent);stroke-width:1.15px}.equipped-check{color:#fff;background:#3c7054;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;bottom:5px;right:5px}.equipped-check svg{width:11px;height:11px}.item-card strong{letter-spacing:-.02em;margin:8px 0 4px;font-size:9px;font-weight:650;display:block}.item-card small{color:#929a86;font-size:8px;display:block}.outfit-actions{align-items:center;gap:15px;margin-top:20px;display:flex}.outfit-actions .primary{flex:1}.text-button{color:#768869;text-underline-offset:3px;background:0 0;padding:9px 0;font-size:11px;text-decoration:underline}.wardrobe-footnote{color:#99a089;border-top:1px solid var(--line);gap:9px;margin-top:21px;padding-top:15px;font-size:9px;line-height:1.6;display:flex}.wardrobe-footnote svg{width:17px;height:17px}.empty-slot{color:var(--muted);padding:22px 0;font-size:12px}.small-modal{border-radius:23px;width:460px;max-width:calc(100vw - 30px);padding:28px}.modal-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.modal-header h2{font-size:27px}.small-modal>p{color:var(--muted);font-size:12px}.setting-options{gap:12px;margin-top:24px;display:flex}.setting-options button{border:1px solid var(--line);text-align:left;background:#edf0e3;border-radius:14px;flex:1;padding:18px 12px}.setting-options button.active{background:#e0e9d6;border-color:#789a6f}.setting-options svg{margin-bottom:14px;display:block}.setting-options strong{font-size:12px;display:block}.setting-options small{color:#839177;margin-top:6px;font-size:9px;display:block}.performance{margin-top:12px;font-size:10px!important}hr{border:0;border-top:1px solid var(--line);margin:23px 0}.small-modal h3{margin-bottom:10px;font-size:17px}.small-modal .text-button{margin-top:10px}.reset-confirm{margin-top:15px;font-size:12px}.reset-confirm .primary{margin-top:12px;margin-right:15px}.help-list{gap:20px;margin:26px 0;padding:0;list-style:none;display:grid}.help-list li{align-items:center;gap:15px;font-size:12px;line-height:1.6;display:flex}.help-list li>svg{width:32px}.help-list kbd{text-align:center;min-width:42px;padding:7px 5px;font-size:10px}.small-modal .muted{margin-bottom:22px;font-size:11px}@media (width<=1000px){.world-badge{display:none}.desktop-help{gap:8px;padding:10px 12px}.desktop-help>.control-divider,.desktop-help>.control-divider~*{display:none}.welcome-card{width:280px;padding:22px}h1{font-size:33px}.mini-map{width:140px}.mini-map>svg{height:100px}.view-actions{margin-right:163px}.interaction-button{bottom:85px}}@media (pointer:coarse){.desktop-help{display:none}.touch-pad{flex-direction:column;align-items:center;gap:10px;display:flex}.joystick{touch-action:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#faf9ed7a;border:1px solid #faf9edd0;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:relative}.joystick-knob{background:#faf9eeeb;border:1px solid #ffffffb0;border-radius:50%;width:48px;height:48px;position:absolute;box-shadow:0 4px 15px #47644920}.joystick-guide{color:#cad5bc60;font-size:85px}.touch-label{letter-spacing:.1em;color:#58715a;font-size:8px}.view-actions{margin-right:165px}.interaction-button{bottom:80px;left:auto;right:0;transform:none}}@media (width<=600px){.topbar{gap:10px;padding:17px}.brand-icon{border-radius:11px;width:35px;height:38px}.brand-icon svg{width:23px}.brand strong{font-size:24px}.brand small{font-size:7px}.brand{gap:8px}.top-actions{gap:6px}.top-actions>.icon-button{border-radius:11px;width:34px;height:36px}.top-actions>.icon-button svg{width:18px}.wardrobe-button{border-radius:11px;padding:11px 13px}.wardrobe-button span,.wardrobe-button kbd,.world-badge{display:none}.welcome-card{border-radius:20px;width:240px;padding:21px;top:100px;left:18px}.welcome-icon{width:31px;height:31px;margin-bottom:15px}.welcome-card h1{font-size:30px}.welcome-card>p:not(.eyebrow){font-size:11px}.welcome-card .primary{margin-top:18px}.welcome-card>small{font-size:8px}.location-card{gap:10px;padding:11px 13px;top:90px;left:17px}.location-card strong{font-size:12px}.location-card div>span{font-size:9px}.location-card small{font-size:7px}.location-symbol{border-radius:10px;width:32px;height:32px}.location-symbol svg{width:18px}.mini-map{border-radius:16px;width:110px;padding:9px;bottom:45px;right:17px}.mini-map>svg{height:85px}.mini-map small{font-size:7px}.map-title{gap:4px;font-size:6px}.map-title svg{width:10px}.map-north{font-size:7px}.game-controls{bottom:54px;left:18px;right:17px}.view-actions{flex-direction:column;gap:7px;margin-right:122px}.view-actions .icon-button{border-radius:12px;width:35px;height:35px}.view-actions svg{width:17px}.guest-badge{gap:5px;font-size:7px;bottom:17px;left:18px}.interaction-button{gap:7px;padding:10px 13px;font-size:10px;bottom:155px}.interaction-button svg{width:17px}.interaction-button kbd{padding:4px 6px}.toast{width:max-content;max-width:calc(100vw - 30px);padding:11px 15px;font-size:10px;bottom:220px}.drawer{border-radius:22px 22px 0 0;width:100vw;max-width:100vw;height:94svh;max-height:94svh;margin:0;top:auto;bottom:0}.drawer-header{padding:20px 22px 15px}.drawer-header h2{font-size:27px}.wardrobe-content{padding:0 22px 22px}.preview-stage{height:230px}.wardrobe-copy{min-height:0}.slot-tabs button{min-width:52px}.item-art{height:69px}.small-modal{padding:24px}.modal-header h2{font-size:24px}}@media (height<=600px) and (width>=650px){.welcome-card{width:240px;padding:16px;top:95px}.welcome-icon{display:none}.welcome-card h1{font-size:28px}.welcome-card>p:not(.eyebrow){font-size:10px}.welcome-card .primary{margin-top:12px}.welcome-card small{margin-top:8px}.mini-map{width:115px;bottom:40px}.mini-map>svg{height:70px}.game-controls{bottom:40px}.guest-badge{bottom:13px}.location-card{top:90px}.drawer{width:400px}.preview-stage{height:180px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.inventory-sections{background:#e7eddf;border-radius:14px;flex-shrink:0;gap:6px;margin:0 26px 20px;padding:5px;display:flex}.inventory-sections button{color:#436351;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:12px;font-weight:700}.inventory-sections button.active{background:#fffdf3;box-shadow:0 2px 6px #2d594714}.market-panel{min-height:0;padding:0 26px 28px;overflow-y:auto}.market-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.market-heading h3{margin:6px 0;font-size:23px}.market-heading .icon-button{flex-shrink:0}.market-intro,.market-message,.market-form p,.market-footnote{color:#66785e;font-size:13px;line-height:1.6}.market-message{background:#edf0e4;border-radius:12px;padding:12px}.market-filters{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.market-filters button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #d9e1ce;border-radius:20px;padding:9px 12px;font-size:12px}.market-filters button.active{color:#fff;background:#2c7054;border-color:#2c7054}.market-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.market-card{text-align:left;font:inherit;color:inherit;cursor:pointer;background:#fffdf5;border:1px solid #dce3d1;border-radius:15px;min-width:0;padding:8px;overflow:hidden}.market-card.selected{border-color:#397c56;box-shadow:0 0 0 1px #397c56}.market-card img,.market-image-fallback{object-fit:contain;background:#e9ecdf;border-radius:10px;width:100%;height:150px;display:block}.market-image-fallback{flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.market-card strong{margin:10px 2px 6px;font-size:12px;line-height:1.45;display:block}.market-card>span{margin:0 2px 5px;font-size:13px;font-weight:700;display:block}.market-card small{margin-top:4px;font-size:10px;font-weight:400;display:block}.market-detail{border-top:1px solid #dce3d1;margin-top:22px;padding:20px 0}.market-detail h3{margin:8px 0 14px;font-size:23px;line-height:1.25}.market-price{justify-content:space-between;align-items:center;gap:10px;display:flex}.market-price strong{font-size:22px}.availability{color:#2c7054;background:#e4eddb;border-radius:20px;padding:7px 9px;font-size:10px}.market-original{justify-content:center;margin:18px 0 10px;text-decoration:none;display:flex}.market-checked{color:#74836c;font-size:10px;line-height:1.6;display:block}.preview-toggle{margin:16px 0;display:block}.market-form .preview-stage{height:250px}.market-form .primary{width:100%}.market-footnote{border-top:1px solid #dce3d1;padding-top:12px}.market-detail>p{font-size:13px;line-height:1.6}@media (width<=600px){.inventory-sections{margin:0 22px 16px}.market-panel{padding:0 22px 24px}.market-card img,.market-image-fallback{height:135px}.market-heading h3{font-size:21px}}.market-hero{object-fit:contain;background:#e9ecdf;border-radius:14px;width:100%;height:230px;margin-bottom:20px;display:block}