.town-shell,.town-dialog,.town-unavailable,.town-loading{color:#3e574c;font-family:Noto Sans TC,system-ui,-apple-system,sans-serif}.town-shell,.town-shell *{box-sizing:border-box}.town-shell{z-index:1000;isolation:isolate;-webkit-user-select:none;user-select:none;background:#94ba7c;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.town-shell button,.town-shell a,.town-unavailable button,.town-unavailable a{-webkit-tap-highlight-color:transparent}.town-shell button{font:inherit;color:inherit;cursor:pointer}.town-shell button:focus-visible,.town-shell a:focus-visible{outline-offset:4px;outline:3px solid #427e8c}.town-world{touch-action:none;outline:none;position:absolute;inset:0;overflow:hidden}.town-world:focus-visible{outline-offset:-3px;outline:2px solid #e7e8c8}.town-world canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;display:block}.town-vignette{pointer-events:none;background:linear-gradient(#385c4910,#0000 25% 75%,#35544513);position:absolute;inset:0;box-shadow:inset 0 0 110px #36553818}.town-header{top:max(20px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;left:24px;right:24px}.town-brand{background:#fcf5e5f5;border:1px solid #eee3c8;border-radius:14px;align-items:center;gap:13px;padding:13px 21px 14px 14px;display:flex;box-shadow:0 4px #52674718,0 8px 24px #40583b12}.town-brand-mark{color:#9c7847;background:#f1dba6;border:1px solid #e5cd96;border-radius:11px;place-items:center;width:43px;height:43px;display:grid}.town-eyebrow{color:#87947e;letter-spacing:1.7px;font-size:9px;font-weight:700;line-height:1.5;display:block}.town-brand h1{letter-spacing:2px;color:#425f50;margin:2px 0 0;font-size:20px;font-weight:750;line-height:1.35}.town-brand h1 span{letter-spacing:1px;color:#8b9177;vertical-align:2px;border-left:1px solid #d6d5bb;margin-left:12px;padding-left:12px;font-size:11px;font-weight:500;display:inline-block}.town-header-actions{pointer-events:auto;align-items:center;gap:10px;display:flex}.town-quality-button{background:#fcf5e6e8;border:1px solid #ded8bd;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:10px 12px;display:flex;font-size:11px!important}.town-quality-button[aria-pressed=true]{color:#4f744f;background:#e1e9cc;border-color:#98ac85}.town-weather{background:#fbf3dded;border:1px solid #e6dfc3;border-radius:10px;align-items:center;gap:7px;padding:12px 14px;font-size:12px;display:flex}.town-weather svg{color:#b4944e}.town-weather>span{color:#84917b;border-left:1px solid #d6d4b9;margin-left:6px;padding-left:10px;font-size:10px}.town-map-button{background:#fdf5e6;border:1px solid #ded8bd;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:11px 13px;display:flex;box-shadow:0 3px #556d4726;font-size:12px!important}.town-shell kbd{color:#8d987f;background:#faf6e9;border:1px solid #cfcfb8;border-radius:4px;place-items:center;min-width:19px;height:20px;padding:1px 4px;font:10px system-ui,sans-serif;display:inline-grid}.town-exit{color:#637660;background:#fdf5e6db;border:1px solid #ded8bd;border-radius:10px;place-items:center;width:44px;height:44px;text-decoration:none;display:grid}.town-journal{top:max(116px, calc(env(safe-area-inset-top) + 96px));pointer-events:none;background:#fcf5e7f2;border:1px solid #e6dec6;border-left:3px solid #91a484;border-radius:5px 12px 12px 5px;gap:11px;padding:14px 18px 15px 13px;display:flex;position:absolute;left:24px;box-shadow:0 4px 15px #3f583218}.town-journal-icon{color:#7e9376;background:#e6ead6;border-radius:50%;place-items:center;width:32px;height:32px;margin-top:2px;display:grid}.town-journal .town-eyebrow{letter-spacing:.8px;color:#8b977f;font-size:10px}.town-journal p{letter-spacing:.4px;margin:4px 0 10px;font-size:12px;font-weight:600}.town-progress{background:#e2e4ce;border-radius:3px;width:168px;height:4px;overflow:hidden}.town-progress>span{background:#92ab7e;height:100%;transition:width .3s;display:block}.town-journal-count{color:#8b987f;letter-spacing:.5px;margin-top:5px;font-size:9px;display:block}.town-mini-map{right:24px;top:max(102px, calc(env(safe-area-inset-top) + 82px));background:#faf4e1f5;border:1px solid #ded7b7;border-radius:12px;width:154px;padding:7px 7px 0;position:absolute;overflow:hidden;box-shadow:0 3px #52674726,0 8px 24px #40583b15}.town-map-art{border-radius:5px;width:100%;height:auto;display:block}.town-mini-map>span{letter-spacing:.4px;align-items:center;gap:4px;padding:8px 1px;font-size:9px;display:flex}.town-mini-map>span>span{color:#8b987f;margin-left:auto;font-size:8px}.town-destination{left:24px;top:max(270px, calc(env(safe-area-inset-top) + 250px));background:#faf3e2f2;border:1px solid #d9d8b9;border-radius:10px;align-items:center;gap:9px;padding:10px 11px;font-size:12px;display:flex;position:absolute;box-shadow:0 3px 12px #40583b15}.town-destination>svg{color:#ad8954}.town-destination small{color:#919b85;margin-top:2px;font-size:9px;display:block}.town-destination button{background:0 0;border:0;margin-left:6px;padding:8px}.town-location{left:30px;bottom:calc(max(28px, env(safe-area-inset-bottom)) + 184px);color:#f8f1d9;text-shadow:0 1px 4px #365d40;pointer-events:none;align-items:center;gap:6px;font-size:10px;display:flex;position:absolute}.town-location-dot{background:#e9e5ca;border-radius:50%;width:3px;height:3px;margin:0 3px}.town-joystick-wrap{left:30px;bottom:max(28px, env(safe-area-inset-bottom));isolation:isolate;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;transform:translateZ(0)}.town-joystick{touch-action:none;-webkit-touch-callout:none;appearance:none;background:#92a47e;border:1px solid #dbe3c8;border-radius:50%;width:132px;height:132px;padding:0;position:relative;box-shadow:inset 0 0 0 10px #9eae8a,inset 0 1px 9px #41684212,0 3px 14px #466a3426}.town-joystick>svg{color:#fdf9e7cf;pointer-events:none;position:absolute}.town-joy-n{top:11px;left:calc(50% - 8px)}.town-joy-s{bottom:11px;left:calc(50% - 8px)}.town-joy-w{top:calc(50% - 8px);left:11px}.town-joy-e{top:calc(50% - 8px);right:11px}.town-joystick-knob{pointer-events:none;will-change:transform;backface-visibility:hidden;background:#faf3dd;border:2px solid #fff7e2;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:calc(50% - 26px);left:calc(50% - 26px);box-shadow:0 4px #71846150,0 6px 13px #42613c30}.town-joystick-knob>span{border:1px solid #c6c7a8;border-radius:50%;width:16px;height:16px;display:block;box-shadow:inset 0 2px 3px #c6c7a825}.town-control-caption{color:#fff4d7;letter-spacing:1px;text-shadow:0 1px 5px #365d40;pointer-events:none;font-size:9px;font-weight:500}.town-action-wrap{right:34px;bottom:max(33px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute}.town-action{background:#f1dfb2ed;border:3px solid #fff4d6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:87px;height:87px;transition:background .15s,transform .15s;display:flex;box-shadow:0 5px #8e997270,0 9px 21px #52744233}.town-action span{letter-spacing:1px;font-size:11px;font-weight:650}.town-action svg{color:#867d55}.town-action:disabled{opacity:.65;cursor:default;background:#e5e8d49c}.town-action:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #8e997270}.town-nearby{left:50%;bottom:max(110px, calc(env(safe-area-inset-bottom) + 90px));background:#fff6e5f5;border:1px solid #dfd4b4;border-radius:11px;align-items:center;gap:12px;min-width:252px;max-width:calc(100% - 32px);padding:10px 14px 10px 10px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px #647d4c25,0 12px 35px #3e5d3c22}.town-nearby-icon{color:#879873;background:#e8ead4;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.town-nearby>span:nth-child(2){text-align:left;flex:1}.town-nearby small{color:#8d967d;letter-spacing:.5px;margin-bottom:3px;font-size:9px;display:block}.town-nearby strong{letter-spacing:.7px;font-size:13px;font-weight:650;display:block}.town-keyboard-hint{white-space:nowrap;color:#fff6dc;text-shadow:0 1px 5px #46673d;pointer-events:none;align-items:center;gap:16px;font-size:10px;display:flex;position:absolute;bottom:27px;left:50%;transform:translate(-50%)}.town-keyboard-hint>span{align-items:center;gap:5px;display:flex}.town-keyboard-hint kbd{color:#6d825e;text-shadow:none;background:#fff6dcce;border-color:#e1e6c7}.town-loading,.town-unavailable{z-index:1010;text-align:center;background:#f4efdf;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.town-loading-sun{color:#b79552;font-size:43px;animation:1.5s ease-in-out infinite town-breathe}.town-loading p{letter-spacing:2px;margin-top:14px;font-size:13px}.town-unavailable h1{margin:12px 0;font-size:24px}.town-unavailable p{font-size:14px}.town-unavailable a,.town-unavailable button,.town-loading button{color:#425d4c;background:#e0e5cf;border:1px solid #85977a;border-radius:8px;margin-top:20px;padding:12px 24px}.town-loading details{max-width:80vw;max-height:20vh;overflow:auto}.town-dialog{width:min(430px,100% - 28px);max-height:calc(100dvh - max(28px, env(safe-area-inset-top)) - max(28px, env(safe-area-inset-bottom)));color:#425d4d;overscroll-behavior:contain;background:#fbf6e8;border:1px solid #dfd5bb;border-radius:18px;margin:auto;padding:0;overflow:auto;box-shadow:0 20px 90px #253d4b40}.town-dialog::backdrop{-webkit-backdrop-filter:blur(3px);background:#314f4759}.town-dialog-content{min-width:0;position:relative}.town-dialog-close{z-index:2;background:#fcf6e5e8;border:1px solid #d8d3bd;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.town-dialog-map{width:min(790px,100% - 28px)}.town-dialog-map .town-dialog-content{padding:28px}.town-dialog-heading .town-eyebrow{letter-spacing:2px;font-size:8px}.town-dialog-heading h2{letter-spacing:1px;margin:9px 0 7px;font-size:24px;font-weight:650}.town-dialog-heading p{color:#8c967f;margin:0 0 22px;font-size:12px}.town-map-layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:24px;display:grid}.town-large-map{background:#eae4cd;border:1px solid #d8d4bb;border-radius:9px;padding:8px 8px 0}.town-map-legend{color:#7b8a72;align-items:center;gap:5px;padding:10px 2px;font-size:9px;display:flex}.town-map-legend i{background:#386c83;border:1px solid #fff6d8;border-radius:50%;width:6px;height:6px}.town-map-legend>span{margin-left:auto}.town-place-list{gap:2px;display:grid}.town-place-list>button{text-align:left;background:0 0;border:1px solid #0000;border-bottom-color:#e5e4d1;border-radius:5px;align-items:center;gap:10px;padding:8px;display:flex}.town-place-list>button:hover{background:#eef0de;border-color:#e0e4cf}.town-place-number{font-variant-numeric:tabular-nums;border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.town-place-list strong{font-size:12px;font-weight:600;display:block}.town-place-list small{color:#969d86;margin-top:2px;font-size:9px;display:block}.town-visited{color:#8ba675;flex-shrink:0;margin-left:auto}.town-place-arrow{color:#a9af99;flex-shrink:0;margin-left:auto;transform:rotate(45deg)}.town-map-footer{color:#819077;border-top:1px solid #e1dfc8;align-items:center;gap:7px;margin-top:24px;padding-top:16px;font-size:10px;display:flex}.town-map-footer>span{color:#9c9e89;margin-left:auto;font-size:9px}.town-place-cover{color:#fff4d6;flex-direction:column;align-items:center;gap:10px;padding:29px 25px 22px;display:flex}.town-place-cover>span{letter-spacing:4px;font-size:10px}.town-cover-lines{opacity:.6;letter-spacing:4px;font-size:11px}.town-place-story{-webkit-user-select:text;user-select:text;padding:27px}.town-place-story .town-eyebrow{letter-spacing:2px;font-size:10px}.town-place-story h2{letter-spacing:1px;margin:9px 0 15px;font-size:25px;font-weight:650}.town-place-story p{color:#78836e;margin:0;font-size:13px;line-height:1.95}.town-phase-note{color:#96977d;background:#eeeddb;border-left:2px solid #c6cba9;margin:23px 0;padding:11px 12px;font-size:10px;line-height:1.7}.town-primary-button{background:#718c74;border:1px solid #65816b;border-radius:7px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;display:flex;color:#fff7e1!important;font-size:12px!important}@keyframes town-breathe{50%{opacity:.4;transform:scale(.9)}}@media (width<=600px){.town-quality-button{justify-content:center;width:44px;height:44px;padding:8px}.town-quality-button span{display:none}.town-header{top:max(15px, env(safe-area-inset-top));gap:8px;left:14px;right:14px}.town-brand{border-radius:11px;gap:9px;padding:10px 12px 10px 10px}.town-brand-mark{border-radius:9px;width:34px;height:34px}.town-brand-mark svg{width:23px;height:23px}.town-brand h1{letter-spacing:1px;font-size:17px}.town-brand h1 span{display:none}.town-brand .town-eyebrow{letter-spacing:2px;font-size:7px}.town-header-actions{gap:7px}.town-weather{display:none}.town-map-button{gap:6px;min-height:44px;padding:12px 10px}.town-map-button kbd{display:none}.town-exit{width:44px;height:44px}.town-map-button span{font-size:11px}.town-journal{left:15px;top:max(96px, calc(env(safe-area-inset-top) + 81px));background:#fcf5e7e8;gap:0;padding:10px 11px}.town-journal-icon,.town-journal p{display:none}.town-journal .town-eyebrow{font-size:8px}.town-progress{width:152px;height:3px;margin-top:7px}.town-journal-count{font-size:8px}.town-mini-map{top:max(96px, calc(env(safe-area-inset-top) + 81px));border-radius:8px;width:104px;padding:5px 5px 0;right:15px}.town-mini-map>span{letter-spacing:0;gap:2px;padding:6px 0;font-size:8px}.town-mini-map>span>span{font-size:7px}.town-mini-map>span svg{width:10px}.town-destination{left:15px;top:max(178px, calc(env(safe-area-inset-top) + 163px));gap:7px;max-width:220px;padding:8px 9px;font-size:11px}.town-destination small{font-size:8px}.town-destination button{margin-left:0;padding:5px}.town-joystick-wrap{left:20px;bottom:max(42px, calc(env(safe-area-inset-bottom) + 15px))}.town-action-wrap{right:27px;bottom:max(47px, calc(env(safe-area-inset-bottom) + 20px))}.town-action{width:79px;height:79px}.town-action-wrap .town-control-caption,.town-control-caption{font-size:8px}.town-nearby{bottom:max(211px, calc(env(safe-area-inset-bottom) + 184px));gap:9px;min-width:232px;padding:8px 10px 8px 8px}.town-nearby small{font-size:8px}.town-nearby strong{font-size:12px}.town-nearby>kbd{display:none}.town-nearby-icon{width:31px;height:31px}.town-keyboard-hint{display:none}.town-location{left:50%;bottom:max(13px, env(safe-area-inset-bottom));white-space:nowrap;font-size:9px;transform:translate(-50%)}.town-dialog-map .town-dialog-content{padding:23px 18px 17px}.town-dialog-heading .town-eyebrow{letter-spacing:1.2px;max-width:calc(100% - 40px);font-size:7px}.town-dialog-heading h2{font-size:20px}.town-dialog-heading p{margin-bottom:16px;font-size:10px}.town-map-layout{grid-template-columns:1fr;gap:14px}.town-large-map{width:100%;max-width:270px;margin:0 auto}.town-place-list{grid-template-columns:1fr 1fr;gap:3px}.town-place-list>button{gap:6px;padding:8px 3px}.town-place-number{width:23px;height:23px;font-size:8px}.town-place-list strong{font-size:10px}.town-place-list small{font-size:8px}.town-place-arrow,.town-visited{width:12px}.town-map-footer{margin-top:15px;padding-top:13px;font-size:9px}.town-map-footer>span{font-size:8px}.town-place-story{padding:24px}}@media (width<=360px){.town-brand-mark{display:none}}@media (height<=480px) and (orientation:landscape){.town-header{top:max(9px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right))}.town-brand{gap:9px;padding:7px 13px 7px 8px}.town-brand h1{font-size:16px}.town-brand-mark{width:33px;height:33px}.town-brand .town-eyebrow{font-size:7px}.town-header-actions{gap:7px}.town-weather{padding:10px}.town-journal,.town-mini-map,.town-keyboard-hint{display:none}.town-location{top:80px;left:max(17px, env(safe-area-inset-left));bottom:auto;transform:none}.town-destination{top:112px;left:max(14px, env(safe-area-inset-left))}.town-joystick-wrap{left:max(20px, env(safe-area-inset-left));bottom:max(13px, env(safe-area-inset-bottom));gap:6px}.town-joystick{width:112px;height:112px}.town-action-wrap{right:max(24px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));gap:7px}.town-action{width:74px;height:74px}.town-nearby{bottom:max(25px, env(safe-area-inset-bottom));min-width:220px}.town-dialog-map{max-height:calc(100dvh - 20px)}.town-dialog-map .town-dialog-content{padding:21px}.town-map-layout{grid-template-columns:1fr 1fr}.town-large-map{max-width:290px}}@media (prefers-reduced-motion:reduce){.town-loading-sun{animation:none}.town-progress>span,.town-action{transition:none}}.town-journal .town-appearance-trigger{pointer-events:auto;cursor:pointer;color:#627350;background:#e3e4cc;border:1px solid #b4b99a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:44px;min-width:44px;height:44px;display:flex}.town-appearance-trigger span{letter-spacing:1px;font-size:8px}.town-appearance-trigger:hover{background:#d5ddbd}.town-journal .town-social-trigger{background:#e9e2c7;margin-left:6px}.town-member-panel{padding:12px 4px 4px}.town-member-state{background:#e8ecd9;border-radius:8px;align-items:center;gap:9px;padding:12px;font-size:13px;display:flex}.town-member-form{gap:14px;margin-top:18px;display:grid}.town-member-form label{gap:7px;font-size:13px;display:grid}.town-member-form input{color:#3e574c;width:100%;min-height:46px;font:inherit;-webkit-user-select:text;user-select:text;background:#fff9ec;border:1px solid #b8bea2;border-radius:7px;padding:10px;font-size:16px}.town-member-captcha:empty{display:none}.town-member-error{color:#894c3b;border:1px solid #d6aa95;border-radius:7px;padding:12px;font-size:13px;line-height:1.6}.town-member-help{color:#727c62;margin:18px 0 0;font-size:12px;line-height:1.8}.town-member-help a{color:#466c76;min-height:44px;padding-top:10px;text-decoration:underline;display:block}.town-member-actions{gap:12px;font-size:13px;display:grid}.town-member-logout{background:#f4edd9;border:1px solid #bbb99e;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}.town-member-panel button:disabled{opacity:.65;cursor:wait}.town-dialog-character{width:min(760px,100% - 28px)}.town-character-editor{padding:27px}.town-character-editor .town-dialog-heading{padding-right:24px}.town-character-editor .town-dialog-heading h2{font-size:22px}.town-character-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);align-items:start;gap:25px;display:grid}.town-character-portrait{text-align:center;background:#eee6ce;border:1px solid #d3ccb0;border-radius:12px;padding:12px;position:sticky;top:12px}.town-character-stage{background:radial-gradient(at 50% 28%,#faf0d5 0,#e4dabd 55%,#bbc1a1 100%);border-radius:7px;justify-content:center;align-items:center;height:258px;display:flex;position:relative;overflow:hidden}.town-character-stage:before{content:"";background:#d3ccb0;border:2px solid #bdbaa0;border-radius:50%;height:43px;position:absolute;bottom:12px;left:15%;right:15%;box-shadow:0 6px #b7b59c}.town-character-stage canvas{width:160px;height:224px;image-rendering:pixelated;z-index:1}.town-portrait-star{color:#b69b5e;font-size:20px;position:absolute;top:19px;right:20px}.town-character-portrait>strong{letter-spacing:1px;margin-top:17px;font-size:13px;display:block}.town-character-description{color:#8a9277;margin:6px 0 14px;font-size:9px;display:block}.town-facing-controls{justify-content:center;gap:5px;display:flex}.town-facing-controls button{background:#f6eedb;border:1px solid #d0c8ac;border-radius:6px;min-height:36px;padding:6px 10px;font-size:10px}.town-facing-controls button[aria-pressed=true]{color:#fff6dd;background:#7c8c6b;border-color:#7c8c6b}.town-walk-toggle{justify-content:center;align-items:center;gap:6px;margin:14px 0 5px;font-size:10px;display:flex}.town-walk-toggle input{accent-color:#71835e;width:17px;height:17px}.town-character-options{gap:14px;display:grid}.town-character-options fieldset{border:none;min-width:0;margin:0;padding:0}.town-character-options legend{letter-spacing:.7px;margin-bottom:8px;padding:0;font-size:11px;font-weight:650}.town-character-options legend>span{letter-spacing:0;color:#99977c;margin-top:4px;font-size:8px;font-weight:400;display:block}.town-option-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.town-option-grid button{background:#f3edda;border:1px solid #d9d3bb;border-radius:6px;min-height:40px;padding:9px 6px;font-size:11px}.town-option-grid button[aria-pressed=true]{color:#526744;background:#e0e8cc;border-color:#8a9c72;box-shadow:inset 0 0 0 1px #9bab80}.town-palette>div{flex-wrap:wrap;gap:7px;display:flex}.town-palette button{border:2px solid #f3ebd7;border-radius:50%;outline:1px solid #d8cfb5;place-items:center;width:29px;height:29px;padding:0;display:grid;position:relative}.town-palette button[aria-pressed=true]{outline:2px solid #7a8d65}.town-palette button svg{color:#fff9e6;filter:drop-shadow(0 1px 2px #332d26)}.town-custom-color{background:#eee9d5;border:1px dashed #aaad8d;border-radius:6px;place-items:center;width:31px;height:31px;font-size:8px;display:grid;position:relative}.town-custom-color input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.town-custom-color span{pointer-events:none}.town-custom-color:focus-within{outline-offset:2px;outline:2px solid #7a8d65}.town-character-footer{border-top:1px solid #ded9bf;margin-top:22px;padding-top:15px}.town-character-footer p{color:#7e8b70;margin:0 0 12px;font-size:10px;line-height:1.7}.town-character-footer p span{color:#a29b81;font-size:9px;display:block}.town-character-footer>div{align-items:center;gap:14px;display:flex}.town-reset-look{white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:12px 0;display:flex;color:#8d8a70!important;font-size:10px!important}.town-character-footer .town-primary-button{width:auto;min-width:190px;margin-left:auto}@media (width>=601px) and (width<=1000px){.town-weather{display:none}.town-brand h1{white-space:nowrap}}@media (width<=600px){.town-journal{align-items:center;gap:7px;padding:8px}.town-journal .town-appearance-trigger{margin:0;display:flex}.town-journal .town-progress{width:97px}.town-journal .town-eyebrow,.town-journal .town-journal-count{letter-spacing:0;font-size:7px}.town-character-editor{padding:22px 17px}.town-character-editor .town-dialog-heading h2{font-size:18px;line-height:1.5}.town-dialog-character{scroll-padding-top:200px}.town-character-layout{display:block}.town-character-options{margin-top:18px}.town-character-portrait{z-index:2;grid-template-columns:112px 1fr;align-items:center;gap:5px;padding:8px;display:grid;position:sticky;top:0}.town-character-stage{grid-row:1/5;height:158px}.town-character-stage canvas{width:100px;height:140px}.town-character-portrait>strong{margin-top:10px}.town-character-description{margin-bottom:10px}.town-option-grid button,.town-facing-controls button{min-height:44px}.town-palette button,.town-custom-color{width:44px;height:44px}.town-palette>div{gap:6px}.town-character-footer>div{flex-wrap:wrap;gap:8px}.town-character-footer .town-primary-button{flex:1;min-width:0}}@media (height<=480px) and (orientation:landscape){.town-journal{top:72px;left:auto;right:max(14px, env(safe-area-inset-right));box-shadow:none;background:0 0;border:0;padding:4px;display:flex}.town-journal>div{display:none}.town-journal .town-appearance-trigger{margin:0;display:flex}.town-character-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}.town-character-portrait{position:sticky}.town-character-stage{height:190px}.town-character-stage canvas{width:120px;height:168px}}@media (width<=360px){.town-journal .town-progress{width:57px}.town-journal>div{max-width:68px}.town-journal .town-eyebrow{white-space:normal}}