:root{--bg: #1a2e38;--surface: #fff6e4;--surface-deep: #f0e0c4;--border: #c4a06a;--border-strong: #8b6234;--text: #2a2118;--text-muted: #6d5c48;--accent: #f0a818;--accent-hot: #ffd25a;--accent-text: #3a2808;--danger: #d4543a;--ok: #3c9a5c;--panel-shadow: 0 8px 0 #8b6234, 0 14px 28px rgb(20 40 50 / .35);--radius: 16px;--font-ui: "Nunito", system-ui, sans-serif;--font-display: "Fredoka", "Nunito", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);font-weight:600;background:radial-gradient(1200px 600px at 20% -10%,#3d6d7a 0%,transparent 55%),radial-gradient(900px 500px at 90% 10%,#2f5a48 0%,transparent 50%),var(--bg);color:var(--text)}#root{height:100vh}button{font:inherit;cursor:pointer;border:2px solid var(--border-strong);border-radius:12px;background:linear-gradient(180deg,#fffaf0 0%,var(--surface-deep) 100%);color:var(--text);padding:.55rem 1rem;box-shadow:0 3px 0 var(--border-strong);transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}button:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}button:disabled{opacity:.5;cursor:default;filter:grayscale(.25)}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button.primary{background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);border-color:#b87a0c;color:var(--accent-text);font-weight:800;box-shadow:0 3px #b87a0c}button.primary:hover:not(:disabled){box-shadow:0 4px #b87a0c}button.link{background:none;border:none;box-shadow:none;color:#2f6f9a;text-decoration:underline;text-underline-offset:2px;padding:.25rem;font-weight:700}button.link:hover:not(:disabled){transform:none;filter:none;color:#1d4f72}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(400px,100%);background:linear-gradient(180deg,#fffaf0 0%,var(--surface) 40%,var(--surface-deep) 100%);border:3px solid var(--border-strong);border-radius:22px;padding:2rem 1.75rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:var(--panel-shadow)}.auth-card h1{margin:0;font-family:var(--font-display);font-size:1.85rem;font-weight:700;letter-spacing:.01em;color:#2f6f4a;text-align:center}.auth-subtitle{margin:0;color:var(--text-muted);text-align:center;font-weight:600}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.auth-tabs button.active{background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);border-color:#b87a0c;color:var(--accent-text);font-weight:800}.auth-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--text-muted);font-weight:700}.auth-card input{font:inherit;padding:.65rem .8rem;border-radius:12px;border:2px solid var(--border);background:#fffdf8;color:var(--text)}.auth-error{margin:0;padding:.55rem .7rem;border-radius:12px;border:2px solid #d4543a;background:#fff0ec;color:#8b2a1c;font-size:.9rem;font-weight:700}.auth-error[role=alert]{animation:toast-in .2s ease-out}.auth-success{margin:0;padding:.55rem .7rem;border-radius:12px;border:2px solid #4a9b5c;background:#eff9e8;color:#246137;font-size:.9rem;font-weight:700;animation:toast-in .2s ease-out}.landing-page{--landing-green: #18583d;--landing-green-deep: #103f30;--landing-cream: #fff9e9;min-height:100vh;overflow:hidden auto;color:#24372c;background:var(--landing-cream);scroll-behavior:smooth}.landing-nav{position:relative;z-index:10;width:min(1180px,calc(100% - 3rem));height:84px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.landing-brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--landing-green-deep);font-family:var(--font-display);font-size:1.25rem;font-weight:700;text-decoration:none}.landing-brand b{color:#e49313}.landing-brand-mark{width:42px;height:42px;display:grid;place-items:center;border:2px solid #7d5425;border-radius:12px;background:linear-gradient(145deg,#ffe178,#f2a51b);box-shadow:0 3px #7d5425;font-size:1.35rem;overflow:hidden}.landing-brand-mark img{width:115%;height:115%;object-fit:contain}.landing-nav-links{display:flex;align-items:center;gap:1.7rem}.landing-nav-links a{color:#52655a;font-size:.88rem;font-weight:800;text-decoration:none}.landing-nav-links a:hover{color:var(--landing-green)}.landing-login-button{padding:.55rem 1.2rem;border:2px solid var(--landing-green);border-radius:999px;background:#fffdf4;box-shadow:0 3px 0 var(--landing-green);color:var(--landing-green);font-weight:900}.landing-hero{position:relative;width:min(1180px,calc(100% - 3rem));min-height:650px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);align-items:center;gap:4rem;padding:3rem 0 6.5rem}.landing-hero:before{content:"";position:absolute;z-index:0;top:-84px;right:-34vw;width:78vw;height:720px;border-radius:0 0 0 48%;background:radial-gradient(circle at 32% 28%,rgb(255 255 255 / .7) 0 5%,transparent 5.5%),linear-gradient(145deg,#d7f0d0,#acd997 55%,#78bd73)}.landing-hero-copy,.landing-city-wrap{position:relative;z-index:1}.landing-kicker{display:inline-flex;align-items:center;gap:.55rem;color:#c7770c;font-size:.75rem;font-weight:900;letter-spacing:.14em}.landing-kicker i{width:9px;height:9px;border-radius:50%;background:#efaa1f;box-shadow:0 0 0 5px #efaa1f29}.landing-hero h1{max-width:650px;margin:1.1rem 0 1.25rem;color:var(--landing-green-deep);font-family:var(--font-display);font-size:clamp(3.1rem,5.3vw,5.25rem);font-weight:700;line-height:.95;letter-spacing:-.045em}.landing-hero h1 em{display:inline-block;color:#e39411;font-style:normal;transform:rotate(-2deg)}.landing-hero-copy>p{max-width:530px;margin:0;color:#607066;font-size:1.08rem;line-height:1.75}.landing-hero-actions{display:flex;align-items:center;gap:1.3rem;margin-top:2rem}.landing-cta,.landing-submit{border:2px solid #a4610a;border-radius:14px;background:linear-gradient(180deg,#ffc847,#e99a14);box-shadow:0 5px #a4610a,0 10px 22px #ae670a33;color:#432a08;font-weight:900}.landing-cta{padding:.9rem 1.35rem;font-size:1rem}.landing-cta span{margin-left:.55rem}.landing-secondary-link{display:inline-flex;align-items:center;gap:.55rem;color:var(--landing-green);font-size:.9rem;font-weight:900;text-decoration:none}.landing-secondary-link span{width:34px;height:34px;display:grid;place-items:center;border:2px solid #c5d7c6;border-radius:50%;background:#fff;font-size:.7rem}.landing-proof{display:flex;align-items:center;gap:.8rem;margin-top:2.4rem}.landing-proof>span:last-child{display:grid}.landing-proof b{color:#3a5143;font-size:.82rem}.landing-proof small{color:#879188;font-size:.72rem}.landing-avatars{display:flex}.landing-avatars i{width:32px;height:32px;display:grid;place-items:center;margin-left:-7px;border:2px solid #fff9e9;border-radius:50%;background:#d9ead4;font-style:normal;font-size:.95rem}.landing-avatars i:first-child{margin-left:0}.landing-city-wrap{min-height:510px;display:grid;place-items:center;perspective:1200px}.landing-city-card{width:min(570px,100%);overflow:hidden;border:5px solid #705032;border-radius:26px;background:#f7f0dc;box-shadow:0 14px #533b29,0 28px 60px #2d523659;transform:rotate(2deg)}.landing-city-toolbar{height:54px;display:flex;align-items:center;gap:.55rem;padding:0 .85rem;border-bottom:3px solid #8b6a43;background:linear-gradient(#fffaf0,#ead8b8);color:#3f3428;font-size:.78rem;font-weight:900}.landing-city-toolbar>span:first-child{margin-right:auto}.landing-city-toolbar i{display:inline-block;width:8px;height:8px;margin-right:.35rem;border-radius:50%;background:#55a969}.landing-level-pill,.landing-resource-pill{padding:.3rem .55rem;border:1px solid #b9a077;border-radius:999px;background:#fff9e9}.landing-level-pill{color:#fff;background:#3e9c5c;border-color:#2b7143}.landing-city-map{position:relative;height:390px;overflow:hidden;background:#75bd72}.landing-city-map img{width:100%;height:100%;display:block;object-fit:cover}.landing-city-map:before{content:none;position:absolute;right:-38px;bottom:-38px;width:180px;height:150px;border:12px solid #ecd69a;border-radius:55% 0 0;background:#5bc1d1;box-shadow:inset 12px 10px #fff3}.landing-road{position:absolute;z-index:1;background:#d9cba5;box-shadow:inset 0 0 0 3px #b9a77c}.road-horizontal{top:185px;left:0;right:80px;height:44px}.road-vertical{top:80px;bottom:0;left:260px;width:44px}.landing-building{position:absolute;z-index:2;width:68px;height:68px;display:grid;place-items:center;border:3px solid #704e2a;border-radius:18px;background:#fff1c8;box-shadow:0 7px #704e2a,0 11px 14px #394a2d47;font-size:2.25rem}.building-hall{top:95px;left:214px;width:88px;height:76px;background:#f4c46c}.building-home-one{top:96px;left:72px}.building-home-two{top:250px;left:92px}.building-shop{top:252px;left:205px}.building-factory{top:75px;right:72px}.building-park{top:245px;right:82px;background:#b9de8d}.building-farm{top:18px;left:160px;width:64px;height:54px;background:#ead47a}.building-cafe{top:235px;right:180px;width:60px;height:60px}.landing-xp-preview{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.65rem .85rem;border-top:3px solid #8b6a43;color:#6a5845;font-size:.68rem;font-weight:900}.landing-xp-preview div{height:8px;overflow:hidden;border-radius:999px;background:#d5dfca}.landing-xp-preview div i{display:block;width:68%;height:100%;border-radius:inherit;background:#4aab67}.landing-float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;border:3px solid #705032;border-radius:15px;background:#fffaf0;box-shadow:0 5px #705032,0 13px 24px #2d403038;animation:landing-float 3s ease-in-out infinite}.landing-float-card>span{font-size:1.45rem}.landing-float-card div{display:grid}.landing-float-card small{color:#b77511;font-size:.58rem;font-weight:900;letter-spacing:.08em}.landing-float-card strong{color:#33483a;font-size:.75rem;white-space:nowrap}.landing-float-mission{top:25px;right:-18px}.landing-float-ready{left:-35px;bottom:44px;animation-delay:-1.4s}.landing-cloud{position:absolute;z-index:0;width:80px;height:24px;border-radius:999px;background:#ffffffa6}.landing-cloud:before,.landing-cloud:after{content:"";position:absolute;bottom:5px;border-radius:50%;background:inherit}.landing-cloud:before{left:14px;width:34px;height:34px}.landing-cloud:after{right:11px;width:25px;height:25px}.landing-cloud-one{top:40px;left:35px}.landing-cloud-two{top:120px;right:-55px;transform:scale(.72)}@keyframes landing-float{50%{transform:translateY(-7px)}}.landing-feature-section{position:relative;z-index:2;padding:6.5rem max(1.5rem,calc((100% - 1180px)/2));background:#fffef8}.landing-section-heading{max-width:640px;margin:0 auto 3.25rem;text-align:center}.landing-section-heading>span{color:#d4850d;font-size:.72rem;font-weight:900;letter-spacing:.15em}.landing-section-heading h2,.landing-weekly-copy h2,.landing-auth-copy h2{margin:.65rem 0 .85rem;color:var(--landing-green-deep);font-family:var(--font-display);font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.03;letter-spacing:-.025em}.landing-section-heading p{margin:0;color:#718077;line-height:1.6}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.landing-feature-card{overflow:hidden;padding:0;border:2px solid #dfd6bd;border-radius:22px;background:#fffaf0;box-shadow:0 6px #dfd6bd;transition:transform .2s ease,box-shadow .2s ease}.landing-feature-card:hover{transform:translateY(-5px);box-shadow:0 11px #dfd6bd}.landing-feature-image{width:100%;aspect-ratio:4 / 2.35;display:block;object-fit:cover;border-bottom:2px solid #dfd6bd}.landing-feature-body{position:relative;padding:2.25rem 2rem 2rem}.landing-feature-icon{position:absolute;top:-31px;right:1.4rem;width:58px;height:58px;display:grid;place-items:center;border:3px solid #fffaf0;border-radius:18px;font-size:1.8rem;box-shadow:0 4px #4c483226,inset 0 -4px #00000017}.feature-tone-1{background:#ffd46c}.feature-tone-2{background:#9bd898}.feature-tone-3{background:#8bd1dc}.landing-feature-card small{color:#ca7d0e;font-size:.65rem;font-weight:900;letter-spacing:.13em}.landing-feature-card h3{margin:.45rem 0 .55rem;color:#294735;font-family:var(--font-display);font-size:1.35rem}.landing-feature-card p{margin:0;color:#718077;font-size:.9rem;line-height:1.65}.landing-weekly-section{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);align-items:center;gap:6rem;padding:7rem max(1.5rem,calc((100% - 1080px)/2));background:radial-gradient(circle at 10% 20%,rgb(255 255 255 / .07) 0 2px,transparent 3px) 0 0 / 28px 28px,linear-gradient(145deg,#174f3b,#0d382d)}.landing-weekly-board{position:relative;display:grid;gap:.8rem;padding:2.6rem 1.35rem 1.35rem;border:5px solid #754f2e;border-radius:20px;background:#f4e4bd;box-shadow:0 12px #553822,0 24px 50px #00000047;transform:rotate(-2deg)}.weekly-board-pin{position:absolute;top:-18px;left:50%;transform:translate(-50%);padding:.55rem 1rem;border:3px solid #8c5a15;border-radius:10px;background:#f2aa27;box-shadow:0 4px #8c5a15;color:#4d3108;font-size:.7rem;font-weight:900;letter-spacing:.08em;white-space:nowrap}.weekly-board-task{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.75rem;border:2px solid #c5aa76;border-radius:12px;background:#fffaf0}.weekly-board-task i{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#e7f0d7;font-style:normal;font-size:1.35rem}.weekly-board-task span{display:grid}.weekly-board-task b{color:#34493b;font-size:.82rem}.weekly-board-task small{color:#8a7b69;font-size:.67rem}.weekly-board-task>strong{color:#388254;font-size:.8rem}.weekly-board-reward{display:flex;align-items:center;gap:.75rem;padding:.8rem;border:2px solid #b77b15;border-radius:13px;background:linear-gradient(135deg,#ffe38a,#efb436)}.weekly-board-reward>span{font-size:1.8rem}.weekly-board-reward div{display:grid}.weekly-board-reward small{color:#8b5606;font-size:.6rem;font-weight:900;letter-spacing:.1em}.weekly-board-reward b{color:#513307;font-size:.78rem}.landing-kicker-light{color:#f5ba45}.landing-weekly-copy h2{color:#fff9e9}.landing-weekly-copy>p{margin:0;color:#bcd0c5;font-size:1rem;line-height:1.75}.landing-weekly-copy ul{display:grid;gap:.75rem;margin:1.6rem 0 0;padding:0;list-style:none;color:#e7f1eb;font-size:.9rem}.landing-weekly-copy li{display:flex;align-items:center;gap:.65rem}.landing-weekly-copy li span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#3b8e5e;color:#fff;font-size:.72rem}.landing-auth-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:center;gap:6rem;padding:7rem max(1.5rem,calc((100% - 1040px)/2));background:radial-gradient(circle at 10% 90%,#d8eec9 0 10%,transparent 10.5%),linear-gradient(180deg,#f5f1df,#e9f0d9)}.landing-auth-copy>p{max-width:500px;margin:0;color:#6c7b70;line-height:1.7}.landing-auth-perks{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}.landing-auth-perks span{padding:.4rem .65rem;border:1px solid #b8cbaa;border-radius:999px;background:#ffffffa6;color:#3e664c;font-size:.75rem;font-weight:800}.landing-auth-card{width:100%;padding:1.4rem;gap:.8rem;border-radius:22px;background:#fffdf7;box-shadow:0 8px #79552f,0 18px 40px #26482f33}.landing-form-title{display:flex;align-items:center;gap:.75rem;padding:.35rem 0}.landing-form-title>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e6f1db;font-size:1.45rem}.landing-form-title h3{margin:0;color:#28503a;font-family:var(--font-display);font-size:1.25rem}.landing-form-title p{margin:.1rem 0 0;color:#829087;font-size:.75rem}.landing-auth-card input{width:100%}.landing-submit{width:100%;padding:.75rem 1rem;margin-top:.2rem}.landing-footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem max(1.5rem,calc((100% - 1180px)/2));background:#0a2d24;color:#9ab4a7;font-size:.75rem}.landing-footer .landing-brand{color:#f4eedc}.landing-footer p{margin:0}@media(prefers-reduced-motion:reduce){.landing-float-card{animation:none}.landing-page{scroll-behavior:auto}}@media(max-width:980px){.landing-hero{grid-template-columns:1fr;gap:1rem;padding-top:4rem;text-align:center}.landing-hero:before{top:45%;right:-30vw;width:160vw;height:620px;border-radius:50% 50% 0 0}.landing-hero-copy>p{margin-inline:auto}.landing-hero-actions,.landing-proof{justify-content:center}.landing-city-wrap{width:min(620px,100%);margin:2.5rem auto 0}.landing-feature-grid{grid-template-columns:1fr;max-width:680px;margin:0 auto}.landing-weekly-section,.landing-auth-section{grid-template-columns:1fr;gap:4rem}.landing-weekly-board{width:min(520px,100%);margin:0 auto}.landing-weekly-copy,.landing-auth-copy{max-width:680px;margin:0 auto;text-align:center}.landing-weekly-copy ul{width:max-content;max-width:100%;margin-inline:auto;text-align:left}.landing-auth-perks{justify-content:center}.landing-auth-card{max-width:480px;margin:0 auto}}@media(max-width:640px){.landing-nav{width:calc(100% - 2rem);height:72px}.landing-brand{font-size:1.05rem}.landing-brand-mark{width:37px;height:37px;font-size:1.1rem}.landing-nav-links{gap:.5rem}.landing-nav-links a{display:none}.landing-login-button{padding:.45rem .9rem}.landing-hero{width:calc(100% - 2rem);min-height:auto;padding:3rem 0 5rem}.landing-hero h1{font-size:clamp(2.75rem,14vw,4rem)}.landing-hero-copy>p{font-size:.95rem}.landing-hero-actions{flex-direction:column}.landing-city-wrap{min-height:365px;margin-top:1.5rem}.landing-city-card{transform:none;border-width:3px;border-radius:18px}.landing-city-map{height:280px;transform-origin:top left}.landing-city-toolbar{height:44px}.landing-resource-pill{display:none}.landing-building{transform:scale(.78)}.building-hall{top:65px;left:40%}.building-home-one{top:65px;left:7%}.building-home-two{top:190px;left:9%}.building-shop{top:187px;left:37%}.building-factory{top:45px;right:7%}.building-park{top:178px;right:7%}.building-farm,.building-cafe{display:none}.road-horizontal{top:142px}.road-vertical{left:49%}.landing-float-card{transform:scale(.82)}.landing-float-mission{top:2px;right:-18px}.landing-float-ready{left:-18px;bottom:15px}.landing-feature-section,.landing-weekly-section,.landing-auth-section{padding-block:5rem}.landing-feature-body{padding:2rem 1.5rem 1.5rem}.landing-weekly-board{transform:none}.landing-footer{flex-direction:column;text-align:center}}.game-loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:.85rem;text-align:center;font-family:var(--font-display);color:#e8f4ef;padding:1.5rem}.game-loading p{margin:0;font-size:1.15rem;font-weight:700}.game-loading-sub{font-family:var(--font-ui);font-size:.9rem;font-weight:600;color:#e8f4efb8;max-width:22rem}.game-loading-spinner{width:2.4rem;height:2.4rem;border-radius:50%;border:3px solid rgb(255 255 255 / .22);border-top-color:var(--accent-hot);animation:game-spin .75s linear infinite}@keyframes game-spin{to{transform:rotate(360deg)}}.game-error-card{width:min(360px,100%);display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.4rem 1.25rem;border-radius:20px;background:linear-gradient(180deg,#fffaf0 0%,var(--surface-deep) 100%);border:3px solid var(--border-strong);box-shadow:var(--panel-shadow);color:var(--text)}.game-error-card p{margin:0;font-family:var(--font-display);font-size:1.1rem;font-weight:700}.game-error-card .muted{font-family:var(--font-ui);font-size:.88rem}.game-layout{height:100vh;display:flex;flex-direction:column;background:#87b8d4;transition:background 1.2s ease}.tutorial-copilot{position:fixed;top:16px;right:16px;z-index:90;display:flex;align-items:flex-start;gap:10px;max-width:340px;background:#0e1e30f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;color:#eef3f9;box-shadow:0 8px 32px #00000073;animation:copilot-in .35s ease}@keyframes copilot-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tutorial-copilot-avatar{flex-shrink:0}.tutorial-copilot-avatar img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.18)}.tutorial-copilot-body{flex:1;min-width:0}.tutorial-copilot-body strong{font-size:14px}.tutorial-copilot-body small{display:block;color:#8ba4bc;font-size:11px;margin-bottom:4px}.tutorial-copilot-body p{font-size:13px;line-height:1.45;margin:0}.tutorial-copilot-btn{margin-top:8px;padding:6px 18px;border:0;border-radius:999px;background:#2e8540;color:#fff;font-size:13px;cursor:pointer}.tutorial-copilot-btn:hover{background:#36a14a}.tutorial-copilot-hint{display:block;margin-top:6px;font-size:12px;color:#ffe05d;font-style:italic}.tutorial-copilot-close{position:absolute;top:6px;right:10px;border:0;background:transparent;color:#8ba4bc;font-size:18px;cursor:pointer}.tutorial-copilot-close:hover{color:#fff}.tutorial-spotlight{position:fixed;z-index:81;border:3px solid #ffe05d;box-shadow:0 0 0 9999px #0000001f,0 0 18px #ffe05d;pointer-events:none;animation:tutorial-pulse 1.4s infinite}.tutorial-arrow{position:fixed;z-index:82;left:50%;bottom:22px;transform:translate(-50%);padding:9px 14px;border-radius:999px;background:#173e58;color:#fff;pointer-events:none}@keyframes tutorial-pulse{50%{opacity:.55}}.tutorial-hint{position:relative;display:inline-flex}.tutorial-hint-popup{display:none;position:absolute;z-index:30;top:calc(100% + 8px);left:50%;width:220px;transform:translate(-50%);padding:8px;border-radius:8px;background:#173e58;color:#fff;font-size:12px}.tutorial-hint:hover .tutorial-hint-popup,.tutorial-hint:focus-within .tutorial-hint-popup{display:block}.did-you-know{position:fixed;z-index:35;left:50%;bottom:1.25rem;right:auto;transform:translate(-50%);width:min(280px,calc(100vw - 7.5rem));padding:10px 34px 12px 12px;border-radius:12px;background:#fff6d8;color:#38434b;box-shadow:0 6px 24px #0003;text-align:left}.did-you-know>button:first-child{position:absolute;top:6px;right:8px;z-index:1;border:0;background:transparent;font-size:20px;line-height:1;color:inherit;padding:0 2px}.did-you-know-open{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}.did-you-know-open strong{display:block;font-family:var(--font-display)}.did-you-know-open p{margin:7px 0;font-size:.92rem;line-height:1.35}.did-you-know-cta{display:inline-block;font-size:.85rem;font-weight:700;color:#8a5a12;text-decoration:underline;text-underline-offset:2px}.tutorial-help-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#121c2473;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tutorial-help-modal{width:min(520px,100%);max-height:min(720px,calc(100vh - 2rem));overflow:auto;padding:1.1rem 1.15rem 1.2rem;border-radius:22px;border:3px solid var(--border-strong);background:linear-gradient(180deg,#fffaf0 0%,var(--surface) 45%,var(--surface-deep) 100%);box-shadow:var(--panel-shadow);color:var(--text);animation:tutorial-help-in .18s ease-out}@keyframes tutorial-help-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.game-changelog-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:1rem;background:#081823ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-changelog-modal{width:min(530px,100%);border:3px solid #f4bd4f;border-radius:26px;padding:1.5rem;color:#163146;background:linear-gradient(155deg,#fffdf6,#f1dfad);box-shadow:0 24px 65px #00000073,inset 0 0 0 2px #ffffffa6;animation:tutorial-help-in .24s ease-out}.game-changelog-badge{display:inline-flex;padding:.32rem .65rem;border-radius:999px;background:#1b765b;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.08em}.game-changelog-date{display:block;margin-top:.8rem;color:#7a5b2b;font-size:.8rem;font-weight:700;text-transform:capitalize}.game-changelog-modal h2{margin:.25rem 0 .45rem;font-size:clamp(1.6rem,5vw,2.25rem);line-height:1;color:#194a5e}.game-changelog-modal p{margin:0;font-weight:650;line-height:1.45}.game-changelog-modal ul{display:grid;gap:.6rem;margin:1.1rem 0 1.35rem;padding:0;list-style:none}.game-changelog-modal li{position:relative;padding:.65rem .7rem .65rem 2.2rem;border-radius:12px;background:#ffffff9e;line-height:1.35;font-size:.91rem}.game-changelog-modal li:before{content:"✦";position:absolute;left:.75rem;color:#d47b25;font-weight:900}.game-changelog-action{width:100%;min-height:46px;font-size:1rem}.tutorial-help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.tutorial-help-head strong{display:block;font-family:var(--font-display);font-size:1.2rem}.tutorial-help-head small{display:block;margin-top:.2rem;color:var(--muted, #6b7280);font-size:.82rem}.tutorial-help-close{width:36px;height:36px;flex-shrink:0;border:2px solid var(--border-strong);border-radius:12px;background:#fffaf0;font-size:1.35rem;line-height:1;color:inherit}.tutorial-help-preview{display:grid;grid-template-columns:72px 1fr;gap:.85rem;align-items:start;padding:.95rem;margin-bottom:.9rem;border-radius:16px;border:2px solid #e6c86a;background:linear-gradient(180deg,#fff8d8,#fff3b8);box-shadow:inset 0 1px #ffffffa6}.tutorial-help-preview-avatar{width:72px;height:72px;border-radius:16px;overflow:hidden;border:2px solid var(--border-strong);background:#f0e6c8}.tutorial-help-preview-avatar img{width:100%;height:100%;object-fit:cover;display:block}.tutorial-help-preview-body strong{display:block;font-size:.95rem}.tutorial-help-preview-body small{display:block;color:#7a6540;font-size:.75rem;margin-bottom:.45rem}.tutorial-help-preview-body h3{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.05rem;line-height:1.25}.tutorial-help-preview-body p{margin:0;font-size:.92rem;line-height:1.4}.tutorial-help-extra-step{margin-top:.55rem!important;padding-top:.55rem;border-top:1px solid rgb(138 90 18 / .18)}.tutorial-help-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.tutorial-help-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.7rem .8rem;border-radius:12px;border:2px solid var(--border);background:#fffdf8d9;color:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.tutorial-help-item:hover{border-color:#c9a227;transform:translateY(-1px)}.tutorial-help-item.is-selected{border-color:#b87a0c;background:linear-gradient(180deg,#fffaf0,#fff0c6);box-shadow:0 3px #b87a0c}.tutorial-help-item-title{font-weight:700;font-size:.9rem}.tutorial-help-item-status{flex-shrink:0;font-size:.72rem;font-weight:700;color:#8a5a12;background:#fff6d8e6;border:1px solid rgb(184 122 12 / .35);border-radius:999px;padding:.15rem .45rem}@media(max-width:560px){.tutorial-help-preview{grid-template-columns:56px 1fr;gap:.65rem}.tutorial-help-preview-avatar{width:56px;height:56px;border-radius:14px}}.hud-top{position:absolute;top:.75rem;left:.75rem;right:.75rem;z-index:25;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-city{display:flex;flex-direction:column;gap:.35rem;min-width:0}.city-name{font-family:var(--font-display);font-weight:700;font-size:1.15rem;padding:.45rem .85rem;border-radius:14px;background:linear-gradient(180deg,#fffaf0 0%,var(--surface-deep) 100%);border:3px solid var(--border-strong);box-shadow:0 4px 0 var(--border-strong);max-width:min(42vw,220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:pointer}.city-name span{display:inline-block;margin-left:.4rem;color:#a36c1e;font-family:var(--font-ui);font-size:.8rem;opacity:0;transition:opacity .15s ease}.city-name:hover span,.city-name:focus-visible span{opacity:1}.city-name-editor{display:flex;align-items:center;gap:.3rem}.city-name-editor input{width:min(42vw,220px);padding:.42rem .6rem;border:3px solid var(--border-strong);border-radius:14px;background:#fffdf8;color:var(--text);font-family:var(--font-display);font-size:1rem;font-weight:700;box-shadow:0 3px 0 var(--border-strong)}.city-name-save,.city-name-cancel{width:30px;height:30px;display:grid;place-items:center;padding:0;border-radius:50%;font-weight:900}.city-name-save{border-color:#2a6f42;background:#4eae6e;box-shadow:0 2px #2a6f42;color:#fff}.city-name-cancel{border-color:#8b6234;box-shadow:0 2px #8b6234}.hud-level{align-self:flex-start;display:inline-flex;align-items:baseline;gap:.4rem;padding:.25rem .65rem;border-radius:999px;background:linear-gradient(180deg,#5bbf7a,#3c9a5c);border:2px solid #2a6f42;color:#fff;font-family:var(--font-display);font-weight:700;font-size:.85rem;box-shadow:0 3px #2a6f42}.hud-level small{font-family:var(--font-ui);font-size:.72rem;font-weight:700;opacity:.9}.hud-player-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.xp-bar{position:absolute;left:50%;bottom:1rem;z-index:21;width:min(420px,calc(100vw - 9rem));transform:translate(-50%);padding:.45rem .7rem .5rem;border:3px solid var(--border-strong);border-radius:14px;background:linear-gradient(180deg,#fffaf0f5,#f0e0c4f5);box-shadow:0 4px 0 var(--border-strong);color:var(--text);pointer-events:none}.xp-bar-label,.xp-bar-value{display:flex;justify-content:space-between;gap:.5rem;font-size:.72rem;font-weight:900;line-height:1.1}.weekly-dialog{width:min(620px,calc(100vw - 2rem))}.weekly-mission,.weekly-bonus{display:grid;gap:.55rem;padding:.85rem;margin-top:.7rem;border:2px solid var(--border);border-radius:14px;background:#fffdf8}.weekly-mission p{margin:.2rem 0 0;color:var(--text-muted);font-size:.82rem}.weekly-mission ul{display:flex;flex-wrap:wrap;gap:.35rem .7rem;margin:0;padding:0;list-style:none;font-size:.8rem}.weekly-mission button{justify-self:start;padding:.35rem .75rem;font-size:.8rem}.weekly-bonus{border-color:#b87a0c;background:linear-gradient(180deg,#fff8dc,#f6e2a9)}.weekly-bonus span{font-size:.84rem}.inventory-use{margin-top:.45rem;padding:.28rem .6rem;font-size:.76rem}.xp-bar-label{margin-bottom:.28rem;font-family:var(--font-display)}.xp-bar-label span:last-child,.xp-bar-value{color:var(--text-muted)}.xp-bar-track{height:.7rem;overflow:hidden;border:2px solid #2a6f42;border-radius:999px;background:#d9eadc;box-shadow:inset 0 1px 2px #2a6f4240}.xp-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#78d97a,#3c9a5c);transition:width .35s ease-out}.xp-bar-value{justify-content:center;margin-top:.25rem}.hud-stamina{position:relative;z-index:30;display:inline-flex;align-items:center;gap:.4rem;padding:.22rem .55rem .22rem .35rem;border-radius:999px;background:linear-gradient(180deg,#fffaf0,#efe2c4);border:2px solid #5a6a72;box-shadow:0 3px #3d4a52;color:var(--text);cursor:default}.hud-stamina-battery{display:inline-flex;align-items:center}.hud-stamina-shell{width:1.55rem;height:.78rem;padding:1.5px;border:1.5px solid #2f3a40;border-radius:3px;background:#1a2228;box-sizing:border-box;overflow:hidden}.hud-stamina-fill{display:block;height:100%;border-radius:1.5px;transition:width .2s ease}.hud-stamina-nub{width:2.5px;height:.4rem;margin-left:1.5px;border-radius:0 2px 2px 0;background:#2f3a40}.hud-stamina-value{font-family:var(--font-display);font-weight:700;font-size:.82rem;font-variant-numeric:tabular-nums;line-height:1}.hud-stamina-value small{font-family:var(--font-ui);font-size:.7rem;font-weight:700;opacity:.72}.hud-stamina-ok .hud-stamina-fill{background:linear-gradient(180deg,#7dde9a,#3c9a5c)}.hud-stamina-low{border-color:#c45a18;box-shadow:0 3px #8a3e10}.hud-stamina-low .hud-stamina-fill{background:linear-gradient(180deg,#f0b35a,#d4543a)}.hud-stamina-empty{border-color:#c0392b;box-shadow:0 3px #8a241c;background:linear-gradient(180deg,#fff0ec,#f5d4c8)}.hud-stamina-empty .hud-stamina-fill{background:transparent}.hud-stamina.has-tip:hover .mood-tip,.hud-stamina.has-tip:focus-within .mood-tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.resources{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;flex:1;max-width:min(720px,100%)}.res-chip{display:inline-flex;align-items:center;gap:.35rem;min-width:4.4rem;padding:.35rem .65rem .35rem .35rem;border-radius:999px;background:linear-gradient(180deg,#fffaf0,#f3e4c6);border:2px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);font-weight:800;font-variant-numeric:tabular-nums;font-size:.92rem}.res-icon{width:1.55rem;height:1.55rem;display:grid;place-items:center;border-radius:999px;background:#ffffffb3;font-size:.95rem;line-height:1}.res-coins{border-color:#b87a0c}.res-materials{border-color:#8a6a4a}.res-stock{border-color:#5a8a2a}.res-pop{border-color:#3a7a9a}.res-energy{border-color:#c49a20}.res-energy.power-low{border-color:#d4543a;background:linear-gradient(180deg,#fff0ec,#f5d4c8)}.res-energy.power-mid{border-color:#c49a20}.res-energy.power-high{border-color:#3c9a5c;background:linear-gradient(180deg,#eef8f1,#c8e8d0)}.res-energy.power-short{border-color:#d4543a;background:linear-gradient(180deg,#fff0ec,#f5d4c8)}.build-item.short-power{opacity:.72}.res-mood.mood-low{border-color:#d4543a;background:linear-gradient(180deg,#fff0ec,#f5d4c8)}.res-mood.mood-mid{border-color:#c49a20}.res-mood.mood-high{border-color:#3c9a5c;background:linear-gradient(180deg,#eef8f1,#c8e8d0)}.res-chip.has-tip{position:relative;z-index:30}.mood-tip{position:absolute;top:calc(100% + .55rem);left:50%;transform:translate(-50%) translateY(4px);width:min(280px,72vw);padding:.75rem .85rem;border-radius:14px;background:linear-gradient(180deg,#fffaf0,#f0e0c4);border:3px solid var(--border-strong);box-shadow:0 6px 0 var(--border-strong),0 14px 28px #14283247;color:var(--text);text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s;z-index:40}.res-chip.has-tip:hover .mood-tip,.res-chip.has-tip:focus-within .mood-tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.mood-tip-title{display:block;font-family:var(--font-display);font-size:.95rem;margin-bottom:.25rem}.mood-tip-summary,.mood-tip-pop,.mood-tip-advice{margin:0 0 .45rem;font-size:.75rem;font-weight:700;color:var(--text-muted);line-height:1.35}.mood-tip-advice{margin-bottom:0;color:#7a5a18}.mood-tip-list{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-direction:column;gap:.45rem}.mood-axis-head{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem;font-weight:800}.mood-axis-bar{height:7px;margin:.2rem 0 .15rem;border-radius:999px;background:#8b623429;border:1px solid var(--border);overflow:hidden}.mood-axis-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-hot) 0%,var(--accent) 100%)}.mood-axis-low .mood-axis-bar>span{background:linear-gradient(90deg,#f0a090,#d4543a)}.mood-axis-ok .mood-axis-bar>span{background:linear-gradient(90deg,#7dcc96,#3c9a5c)}.mood-axis small{display:block;font-size:.68rem;font-weight:700;color:var(--text-muted);line-height:1.3}.mood-axis-low small{color:#a83828}.build-size-badge{position:absolute;left:-4px;top:-4px;padding:.05rem .3rem;border-radius:6px;background:#fffaf0;border:2px solid var(--border-strong);font-size:.62rem;font-weight:800;font-family:var(--font-ui);color:var(--text);box-shadow:0 2px 0 var(--border-strong)}.build-amenity{font-size:.72rem;font-weight:800;color:#3c7a5c}.tile-entertainment{background:linear-gradient(180deg,#f5e0f0,#e0b8d8)}.dot-entertainment{background:#c46a9a}.profile{display:flex;align-items:center;gap:.5rem;padding:.35rem .4rem .35rem .75rem;border-radius:14px;background:linear-gradient(180deg,#fffaf0 0%,var(--surface-deep) 100%);border:3px solid var(--border-strong);box-shadow:0 4px 0 var(--border-strong)}.profile-name{font-weight:800;font-size:.88rem;color:var(--text);max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-exit{padding:.35rem .7rem;font-size:.8rem;font-weight:800}.game-main{flex:1;position:relative;min-height:0;display:grid}.game-canvas{min-width:0;min-height:0;position:relative;overflow:hidden}.day-night-clock{position:absolute;left:.75rem;bottom:.85rem;z-index:20;pointer-events:none;font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.04em;padding:.4rem .75rem;border-radius:12px;background:linear-gradient(180deg,#fffaf0 0%,var(--surface-deep) 100%);border:3px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);color:var(--text)}.day-night-clock[data-period=noite],.day-night-clock[data-period=madrugada]{background:linear-gradient(180deg,#2a3558,#1a2438);color:#e8f0ff;border-color:#0e1528;box-shadow:0 3px #0e1528}.day-night-clock[data-period=amanhecer],.day-night-clock[data-period=entardecer]{background:linear-gradient(180deg,#ffe0c0,#e8a878)}.game-canvas canvas{display:block}.game-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.world-label{position:absolute;top:0;left:0;padding:.2rem .55rem;border-radius:999px;background:linear-gradient(180deg,#fffaf0,#f0e0c4);color:var(--text);border:2px solid var(--border-strong);font-family:var(--font-display);font-size:.78rem;font-weight:700;white-space:nowrap;box-shadow:0 3px 0 var(--border-strong);transform:translate(-50%,-100%)}.world-ready{position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);border:2px solid #b87a0c;box-shadow:0 0 0 3px #ffffff8c,0 3px #8b6234;transform:translate(-50%,-100%);animation:world-ready-pulse 1.05s ease-in-out infinite;will-change:transform}.world-ready:after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:2px solid rgb(240 168 24 / .55);opacity:0;pointer-events:none;animation:world-ready-ring 1.05s ease-out infinite}.world-ready-box{width:30px;height:30px;border-radius:10px;background:linear-gradient(180deg,#fffaf0,#f0e0c4);border:2px solid #b87a0c;display:grid;place-items:center;font-size:15px;line-height:1;box-shadow:0 3px #8b6234}.world-ready-coin{width:28px;height:28px;border-radius:999px;background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);border:2px solid #b87a0c;display:grid;place-items:center;font-size:14px;line-height:1;box-shadow:0 3px #8b6234}.world-ready-collect{animation:world-ready-pop .95s cubic-bezier(.34,1.45,.64,1) infinite;filter:drop-shadow(0 0 6px rgb(255 210 90 / .55))}.world-ready-collect:after{border-color:#ffd25abf;animation-duration:.95s}.world-ready-supply{animation:world-ready-pulse 1.35s ease-in-out infinite;box-shadow:0 0 0 3px #c8f0dc8c,0 3px #8b6234}.world-ready-supply:after{border-color:#3c9a5c73;animation-duration:1.35s}@keyframes world-ready-pulse{0%,to{transform:translate(-50%,-100%) scale(1)}50%{transform:translate(-50%,-100%) scale(1.28)}}@keyframes world-ready-pop{0%,to{transform:translate(-50%,-100%) scale(1) rotate(0)}35%{transform:translate(-50%,-100%) scale(1.42) rotate(-4deg)}55%{transform:translate(-50%,-100%) scale(1.18) rotate(3deg)}75%{transform:translate(-50%,-100%) scale(1.32) rotate(0)}}@keyframes world-ready-ring{0%{opacity:.85;transform:scale(.85)}70%{opacity:0;transform:scale(1.55)}to{opacity:0;transform:scale(1.55)}}.hud-fabs{position:absolute;right:1rem;bottom:1rem;display:flex;flex-direction:column-reverse;gap:.65rem;z-index:20}.fab{position:relative;width:56px;height:56px;border-radius:18px;padding:0;display:grid;place-items:center;color:var(--text);background:linear-gradient(180deg,#fffaf0 0%,var(--surface-deep) 100%);border:3px solid var(--border-strong);box-shadow:0 5px 0 var(--border-strong);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.fab svg{width:26px;height:26px}.fruit-inventory-icon{font-size:1.55rem;line-height:1}.fab-count{position:absolute;right:-7px;top:-7px;min-width:22px;height:22px;display:grid;place-items:center;padding:0 .25rem;border-radius:999px;border:2px solid var(--border-strong);background:#fffdf8;color:var(--text);font-size:.72rem;font-weight:900;line-height:1}.fab:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 var(--border-strong);filter:brightness(1.03)}.fab:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--border-strong)}.fab-active{background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);border-color:#b87a0c;box-shadow:0 5px #b87a0c;color:var(--accent-text)}.fab-ready{background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);border-color:#b87a0c;color:var(--accent-text);box-shadow:0 5px #b87a0c;animation:fab-pulse 1.6s ease-in-out infinite}@keyframes fab-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}.placing-banner{position:absolute;top:5.5rem;left:50%;transform:translate(-50%);z-index:35;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem .75rem;background:linear-gradient(180deg,#fffaf0 0%,var(--surface-deep) 100%);border:3px solid #b87a0c;border-radius:16px;padding:.55rem 1.1rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;box-shadow:0 5px #b87a0c;max-width:min(92vw,520px);text-align:center}.placing-banner-actions{display:inline-flex;align-items:center;gap:.55rem}.placing-cancel{border:2px solid #b87a0c;border-radius:999px;padding:.28rem .75rem;background:linear-gradient(180deg,#fffaf0,#f0d9a8);color:var(--text);font-family:var(--font-ui);font-size:.82rem;font-weight:800;box-shadow:0 2px #b87a0c}.placing-cancel:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;background:linear-gradient(180deg,#3a4a58,#2a3844);border-bottom:3px solid #1a242c;color:#f4efe6;font-family:var(--font-ui);font-size:.85rem;font-weight:700;text-align:center;box-shadow:0 8px 20px #0a141c59;animation:banner-slide-in .22s ease-out}.offline-banner-dot{width:.55rem;height:.55rem;flex-shrink:0;border-radius:50%;background:#f0a818;box-shadow:0 0 0 3px #f0a81847;animation:offline-dot-pulse 1.2s ease-in-out infinite}@keyframes offline-dot-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.save-status{position:absolute;top:5.35rem;right:.75rem;z-index:26;display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:999px;background:linear-gradient(180deg,#fffaf0f0,#f0e0c4f0);border:2px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);font-size:.72rem;font-weight:800;color:var(--text-muted);pointer-events:none;animation:toast-in .18s ease-out}.save-status-icon{display:inline-grid;place-items:center;width:1rem;font-size:.85rem;line-height:1;color:var(--text)}.save-status-syncing .save-status-icon{animation:game-spin .85s linear infinite;color:#9a6a10}.save-status-saved{color:#2a6f42;border-color:#2a6f42;box-shadow:0 3px #2a6f42}.save-status-saved .save-status-icon{color:#2a6f42}@media(max-width:720px){.save-status{top:auto;bottom:.75rem;right:auto;left:.75rem}}.selected-card{position:absolute;left:1rem;bottom:1rem;z-index:20;width:min(320px,calc(100vw - 6.5rem))}.visit-banner{position:absolute;top:4.5rem;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:.75rem;max-width:min(560px,calc(100vw - 2rem));padding:.55rem .75rem .55rem 1rem;border-radius:16px;border:3px solid var(--border-strong);background:linear-gradient(180deg,#fff7e8,#f3e2c4);box-shadow:0 4px 0 var(--border-strong);font-size:.92rem}.visit-banner strong{font-family:var(--font-display)}.friends-launcher{position:absolute;top:4.6rem;right:.85rem;z-index:32;width:52px;height:52px;border-radius:16px;padding:0;display:grid;place-items:center;color:var(--text);background:linear-gradient(180deg,#fffaf0 0%,var(--surface-deep) 100%);border:3px solid var(--border-strong);box-shadow:0 5px 0 var(--border-strong);cursor:pointer}.friends-launcher svg{width:24px;height:24px}.friends-launcher.is-open,.friends-launcher:hover{filter:brightness(1.03)}.friends-launcher-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;font-size:.68rem;font-weight:800;color:#fff;background:#c45a2a;border:2px solid var(--border-strong)}.friends-launcher-online{position:absolute;left:-3px;bottom:-3px;width:12px;height:12px;border-radius:50%;background:#3bb273;border:2px solid var(--border-strong)}.friends-modal-backdrop{position:fixed;inset:0;z-index:60;background:#162a328c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem}.friends-modal{width:min(720px,100%);max-height:min(78vh,640px);display:flex;flex-direction:column;border-radius:22px;border:3px solid var(--border-strong);background:linear-gradient(180deg,#fffaf0 0%,var(--surface) 45%,var(--surface-deep) 100%);box-shadow:var(--panel-shadow);overflow:hidden}.friends-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem .55rem}.friends-modal-title{display:flex;flex-direction:column;gap:.1rem}.friends-modal-title strong{font-family:var(--font-display);font-size:1.2rem}.friends-modal-title small{color:var(--muted);font-size:.75rem}.friends-modal-head-actions{display:flex;align-items:center;gap:.4rem}.friends-home-btn{border-radius:10px;border:2px solid var(--border-strong);background:#fff;padding:.3rem .55rem;font-size:.75rem;font-weight:700;cursor:pointer}.friends-tabs{display:flex;gap:.35rem;padding:0 1rem .65rem}.friends-tabs button{display:inline-flex;align-items:center;gap:.35rem;border:2px solid transparent;background:transparent;border-radius:999px;padding:.35rem .8rem;font-weight:700;font-size:.85rem;cursor:pointer;color:var(--muted)}.friends-tabs button.is-active{color:var(--text);background:#fff;border-color:var(--border-strong)}.friends-tab-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;font-size:.65rem;font-weight:800;color:#fff;background:#c45a2a;border:1.5px solid var(--border-strong)}.friends-chat-list button.has-unread strong{font-weight:800}.friends-unread-dot{width:9px;height:9px;border-radius:50%;background:#c45a2a;border:1.5px solid var(--border-strong);flex-shrink:0;margin-left:auto}.friends-launcher.has-badge{animation:friends-pulse 1.4s ease-in-out infinite}@keyframes friends-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.friends-modal-body{padding:0 1rem 1rem;overflow:auto;min-height:0;flex:1}.friends-modal-messages{display:grid;grid-template-columns:180px 1fr;gap:.65rem;min-height:320px;max-height:none;overflow:hidden}.friends-add-form{display:flex;gap:.45rem;margin-bottom:.75rem;align-items:flex-start}.friends-search-field{position:relative;flex:1;min-width:0}.friends-add-form input{width:100%;border-radius:12px;border:2px solid var(--border-strong);padding:.45rem .65rem;font:inherit;background:#fff}.friends-search-results{position:absolute;left:0;right:0;top:calc(100% + .25rem);z-index:5;list-style:none;margin:0;padding:.25rem;border-radius:12px;border:2px solid var(--border-strong);background:#fffdf7;max-height:180px;overflow:auto;display:flex;flex-direction:column;gap:.15rem;box-shadow:0 6px 16px #2a211829}.friends-search-empty{padding:.4rem .5rem;font-size:.8rem}.friends-search-hit{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;text-align:left}.friends-search-hit:hover:not(:disabled){background:#f3e6cc}.friends-search-hit:disabled{opacity:.7;cursor:default}.friends-search-action{flex-shrink:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.friends-search-action.relation-none{color:#2f6b3a}.friends-search-action.relation-friend{color:#2a5f8f}.friends-search-action.relation-pending_in{color:#8a5a12}.friends-section{margin-top:.7rem}.friends-section h3{margin:0 0 .45rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.friend-card-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.55rem}.friend-card{display:flex;flex-direction:column;gap:.45rem;padding:.65rem;border-radius:16px;border:2.5px solid var(--border-strong);background:linear-gradient(165deg,#fffdf8,#f4e7cf);box-shadow:0 3px #2a211829}.friend-card.is-visiting{background:linear-gradient(165deg,#fff8e4,#f0d9a0)}.friend-card-online{border-color:#2f7a4a}.friend-card-away{border-color:#b8842a}.friend-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.35rem}.friend-card-avatar{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-family:var(--font-display);font-size:1.05rem;font-weight:700;background:linear-gradient(180deg,#efe0c4,#d9c4a0);border:2px solid var(--border-strong)}.friend-card-avatar .friend-presence{position:absolute;right:-2px;bottom:-2px}.friend-card-status{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.15rem .35rem;border-radius:999px;border:1.5px solid transparent}.friend-card-status-online{color:#1f5c38;background:#d8f0e2;border-color:#3bb273}.friend-card-status-away{color:#7a4d10;background:#f7e6c2;border-color:#e0a845}.friend-card-status-offline{color:#5c5246;background:#ebe4d8;border-color:#9a8b78}.friend-card-status-request{color:#5a3d12;background:#f3e2c4;border-color:#c49a4a}.friend-card-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.friend-card-name{font-family:var(--font-display);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card-city,.friend-card-meta{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card-meta{font-weight:700;color:#5a4a36}.friend-card-actions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto}.friend-visit,.friend-msg-btn{flex:1;padding:.3rem .4rem;font-size:.72rem;border-radius:10px}.friend-msg-btn{border:2px solid var(--border-strong);background:#fff;font-weight:700;cursor:pointer}.friend-remove{font-size:.72rem}.friend-identity{display:flex;align-items:center;gap:.45rem;min-width:0}.friend-identity strong{display:block;font-size:.85rem}.friend-identity small{display:block;color:var(--muted);font-size:.7rem}.friend-presence{width:10px;height:10px;border-radius:50%;border:1.5px solid #2a2118;flex-shrink:0;display:inline-block}.friend-presence-online{background:#3bb273}.friend-presence-away{background:#e0a845}.friend-presence-offline{background:#9a8b78}.friends-empty{margin:0;font-size:.85rem}.friends-chat-list{border-right:2px solid rgba(42,33,24,.12);padding-right:.5rem;overflow:auto}.friends-chat-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.friends-chat-list button{width:100%;display:flex;align-items:center;gap:.45rem;padding:.45rem .5rem;border:2px solid transparent;border-radius:12px;background:transparent;cursor:pointer;text-align:left;color:inherit}.friends-chat-list button.is-active,.friends-chat-list button:hover{background:#fff7e8;border-color:var(--border-strong)}.friends-chat-list strong{display:block;font-size:.82rem}.friends-chat-list small{display:block;color:var(--muted);font-size:.68rem}.friends-chat-pane{min-width:0;min-height:0;display:flex}.friends-chat{flex:1;display:flex;flex-direction:column;min-height:0;gap:.45rem}.friends-chat-peer{display:flex;align-items:center;gap:.45rem}.friends-chat-peer strong{display:block;font-size:.9rem}.friends-chat-peer small{display:block;color:var(--muted);font-size:.7rem}.friends-chat-log{flex:1;min-height:180px;max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:.4rem;padding:.5rem;border-radius:14px;border:2px solid var(--border-strong);background:#ffffff8c}.friends-chat-bubble{max-width:80%;padding:.45rem .6rem;border-radius:14px;border:2px solid var(--border-strong)}.friends-chat-bubble p{margin:0;font-size:.85rem;line-height:1.35;word-break:break-word}.friends-chat-bubble time{display:block;margin-top:.2rem;font-size:.65rem;color:var(--muted)}.friends-chat-bubble.is-mine{align-self:flex-end;background:#e7f4ea}.friends-chat-bubble.is-theirs{align-self:flex-start;background:#fff}.friends-chat-compose{display:flex;gap:.4rem}.friends-chat-compose input{flex:1;border-radius:12px;border:2px solid var(--border-strong);padding:.45rem .65rem;font:inherit;background:#fff}.friends-chat-hint{margin:0;font-size:.68rem}.friends-chat-placeholder{margin:auto;text-align:center;padding:1rem}.hud-modal{width:min(420px,100%);background:linear-gradient(180deg,#fffaf0 0%,var(--surface) 45%,var(--surface-deep) 100%);border:3px solid var(--border-strong);border-radius:22px;padding:1.15rem;box-shadow:var(--panel-shadow)}.hud-modal h2{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:700}.hud-modal .muted{margin:.6rem 0}.hud-modal .claim-button{width:100%;margin-top:.75rem}.fruit-inventory-dialog{width:min(720px,100%)}.fruit-inventory-badge{font-size:1.4rem}.fruit-inventory-item{min-height:156px;cursor:default}.inventory-empty{margin:1.4rem 0;text-align:center;color:var(--text-muted);font-weight:700}.market-dialog .market-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0 1rem}.market-dialog .market-tabs button{flex:1 1 auto;min-width:5.5rem}.market-banner{margin:0 0 .75rem;padding:.55rem .7rem;border-radius:10px;background:#285a781a;color:var(--text);font-weight:700}.market-field{display:grid;gap:.3rem;margin-bottom:.75rem;font-weight:700}.market-field select,.market-field input{width:100%;padding:.55rem .65rem;border:2px solid var(--border-strong);border-radius:10px;background:#fff;font:inherit;font-weight:600}.market-sell-form{display:grid;gap:.25rem}.market-listing-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.market-listing-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;padding:.7rem .8rem;border:2px solid var(--border-strong);border-radius:12px;background:#ffffff8c}.market-listing-main{display:grid;gap:.15rem;min-width:0;flex:1 1 12rem}.market-listing-main strong{font-weight:800;display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem}.market-kind-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.12rem .4rem;border-radius:999px;background:#285a781f;color:var(--text-muted)}.panel{background:linear-gradient(180deg,#fffaf0 0%,var(--surface) 50%,var(--surface-deep) 100%);border:3px solid var(--border-strong);border-radius:18px;padding:.95rem;box-shadow:0 6px 0 var(--border-strong),0 12px 24px #14283247}.panel h2{margin:0 0 .6rem;font-family:var(--font-display);font-size:1.1rem;font-weight:700}.muted{color:var(--text-muted);margin:0;font-weight:600}.build-grid-backdrop{position:fixed;inset:0;z-index:50;background:radial-gradient(900px 420px at 50% 100%,rgb(240 168 24 / .18),transparent 55%),#162a3294;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;padding:.75rem;animation:build-backdrop-in .18s ease-out}.hud-focus-backdrop{z-index:85;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(720px 360px at 50% 45%,rgb(240 168 24 / .22),transparent 58%),#0c1820b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.hud-focus-backdrop .build-grid-panel,.hud-focus-backdrop .mission-dialog{width:min(720px,100%);max-height:min(86vh,760px);border-radius:24px;box-shadow:0 0 0 1px #ffffff14,0 18px 48px #00000073,var(--panel-shadow);animation:hud-focus-in .22s ease-out}.hud-focus-backdrop .mission-dialog{width:min(620px,100%)}@keyframes hud-focus-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes build-backdrop-in{0%{opacity:0}to{opacity:1}}.build-grid-panel{width:min(720px,100%);max-height:min(82vh,720px);overflow-y:auto;background:linear-gradient(180deg,#fffaf0,#fff4de 42%,#f0e0c4);border:3px solid var(--border-strong);border-radius:24px 24px 18px 18px;padding:1rem 1.1rem 1.15rem;box-shadow:var(--panel-shadow);animation:build-sheet-in .22s ease-out}@keyframes build-sheet-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.build-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.build-panel-title{display:flex;align-items:center;gap:.7rem;min-width:0}.build-panel-badge{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);border:2px solid #b87a0c;color:var(--accent-text);box-shadow:0 3px #b87a0c}.build-panel-badge svg{width:22px;height:22px}.build-panel-kicker{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.build-grid-panel h2{margin:0;font-family:var(--font-display);font-size:1.4rem;font-weight:700;line-height:1.15}.icon-button{display:grid;place-items:center;padding:.45rem;background:linear-gradient(180deg,#fffaf0 0%,var(--surface-deep) 100%);border:2px solid var(--border);border-radius:12px;color:var(--text-muted);box-shadow:0 2px 0 var(--border)}.icon-button svg{width:16px;height:16px}.icon-button:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:linear-gradient(180deg,#fff 0%,var(--surface) 100%)}.build-tabs{display:flex;gap:.45rem;overflow-x:auto;padding:.15rem .1rem .45rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.build-tab{flex:0 0 auto;display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;min-width:4.6rem;padding:.45rem .55rem .4rem;border-radius:14px;font-size:.72rem;font-weight:800;color:var(--text-muted);white-space:nowrap;background:#fffdf8;border:2px solid var(--border);box-shadow:0 3px 0 var(--border)}.build-tab-icon{font-size:1.15rem;line-height:1}.build-tab-label{line-height:1.1}.build-tab.active{color:var(--accent-text);border-color:#b87a0c;background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);box-shadow:0 3px #b87a0c}.build-section-hint{margin:.15rem 0 .65rem;font-size:.8rem;font-weight:700;color:var(--text-muted)}.build-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:.65rem}.build-item{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;padding:.7rem .55rem .65rem;background:linear-gradient(180deg,#fffef9,#fff8ea);border:2px solid var(--border);border-radius:16px;box-shadow:0 4px 0 var(--border);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.build-item:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 7px 0 var(--border-strong);border-color:var(--border-strong)}.build-item:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 0 var(--border-strong)}.build-item.locked{filter:grayscale(.55);opacity:.88}.build-item.short-funds{border-color:#d4a090}.build-icon{position:relative;width:72px;height:72px;display:grid;place-items:center;border-radius:18px;margin-bottom:.1rem;border:2px solid rgb(139 98 52 / .22);box-shadow:inset 0 -3px #8b62341f}.build-icon-emoji{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 0 rgb(0 0 0 / .08))}.build-lock-badge{position:absolute;right:-4px;bottom:-4px;width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:999px;background:#fffaf0;border:2px solid var(--border-strong);font-size:.7rem;box-shadow:0 2px 0 var(--border-strong)}.tile-residential{background:linear-gradient(180deg,#d8f2e0,#b8e0c4)}.tile-commerce{background:linear-gradient(180deg,#fde0d6,#f5c4b4)}.tile-production{background:linear-gradient(180deg,#ffe9b8,#f5d48a)}.tile-agriculture{background:linear-gradient(180deg,#e4f4c8,#c8e49a)}.tile-public{background:linear-gradient(180deg,#d6ecf8,#b4d8ef)}.tile-infrastructure{background:linear-gradient(180deg,#dde6ef,#c2d0de)}.tile-decoration{background:linear-gradient(180deg,#f6dde8,#e8c0d4)}.build-item-name{font-size:.88rem;font-family:var(--font-display);font-weight:700;line-height:1.2;max-width:100%}.build-cost{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem}.cost-pill{display:inline-flex;align-items:center;gap:.2rem;padding:.18rem .45rem;border-radius:999px;background:#fff;border:1.5px solid var(--border);font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.cost-pill.short{color:var(--danger);border-color:#d4543a;background:#fff0ec}.cost-pill.cost-free{color:var(--ok);border-color:#3c9a5c;background:#eef8f1}.build-lock{font-size:.78rem;font-weight:800;color:var(--text-muted);padding:.15rem .5rem;border-radius:999px;background:#8b62341a}.build-production{display:inline-flex;align-items:center;gap:.15rem;font-size:.72rem;color:#7a5a18;font-weight:800;padding:.12rem .4rem;border-radius:999px;background:#f0a81829}.build-production-time{opacity:.75;font-weight:700}.build-production-input{color:#8c4b29;font-weight:800}@media(min-width:721px){.build-grid-backdrop{align-items:center}.build-grid-panel{border-radius:24px}}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel .primary{width:100%;margin-top:.5rem}.edit-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.edit-actions button{flex:1 1 auto;min-width:4.5rem;font-size:.82rem;font-weight:800;padding:.45rem .55rem}button.danger{background:linear-gradient(180deg,#f0b0a0,#d4543a);border-color:#a83828;color:#fff8f5;box-shadow:0 3px #a83828}button.danger:hover:not(:disabled){box-shadow:0 4px #a83828}.demolish-confirm{margin-top:.55rem;padding-top:.55rem;border-top:2px solid rgb(139 98 52 / .2)}.toasts{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.45rem;z-index:60;pointer-events:none}.toast{background:linear-gradient(180deg,#fffaf0 0%,var(--surface-deep) 100%);border:3px solid #b87a0c;border-radius:14px;padding:.6rem 1.1rem;font-weight:800;box-shadow:0 4px #b87a0c;animation:toast-in .22s ease-out}.toast-error{border-color:#a83828;box-shadow:0 4px #a83828;color:#8b2a1c}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mission-dialog{width:min(620px,100%);max-height:min(760px,calc(100vh - 2rem));overflow:auto}.settings-dialog{width:min(420px,100%)}.settings-option{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem;padding:.9rem 1rem;border:2px solid var(--border);border-radius:14px;background:#fffdf8c7;cursor:pointer}.settings-option strong{display:block;font-size:1rem}.settings-option small{display:block;margin-top:.25rem;color:var(--text-muted);font-weight:600;line-height:1.35}.settings-option input{width:1.25rem;height:1.25rem;flex-shrink:0;accent-color:#c47a12;cursor:pointer}.mission-list{display:grid;gap:.8rem;margin-top:.8rem}.mission-card{border:2px solid var(--border);border-radius:14px;padding:.85rem;background:#fffdf8c7}.mission-card-completed{border-color:#b87a0c;background:linear-gradient(180deg,#fffaf0,#fff0c6)}.mission-card-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.mission-heading{display:flex;align-items:center;gap:.7rem}.mission-badge{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);border:2px solid #b87a0c;color:var(--accent-text);font-family:var(--font-display);font-weight:800;font-size:1.1rem;box-shadow:0 3px #b87a0c}.mission-kicker{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.mission-status{flex-shrink:0;border:2px solid var(--border);border-radius:999px;padding:.18rem .5rem;background:#fffdf8;color:var(--text);font-size:.72rem;font-weight:900}.mission-objective{margin-bottom:.75rem}.mission-chat{display:grid;grid-template-columns:96px 1fr;gap:.75rem;align-items:end;margin:0 0 1rem}.mission-portrait-wrap{display:flex;flex-direction:column;align-items:center;gap:.35rem}.mission-portrait{width:88px;height:88px;object-fit:cover;object-position:center top;border-radius:50%;border:3px solid var(--border-strong);background:var(--surface);box-shadow:0 3px 0 var(--border-strong)}.mission-speaker{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.15}.mission-speaker strong{font-family:var(--font-display);font-size:.82rem;color:var(--text)}.mission-speaker span{font-size:.65rem;font-weight:700;color:var(--text-muted)}.mission-bubble{position:relative;min-height:88px;padding:.85rem .95rem;border:2px solid var(--border-strong);border-radius:16px 16px 16px 6px;background:linear-gradient(180deg,#fffdf8,#fff3dc);box-shadow:0 3px 0 var(--border-strong)}.mission-bubble:before{content:"";position:absolute;left:-10px;bottom:22px;width:14px;height:14px;background:#fff3dc;border-left:2px solid var(--border-strong);border-bottom:2px solid var(--border-strong);transform:rotate(45deg)}.mission-bubble p{margin:0;font-size:.92rem;line-height:1.45;color:var(--text);font-style:italic}.mission-objectives{display:grid;gap:.35rem;margin:0 0 .7rem}.mission-objective-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.45rem .55rem;border-radius:10px;background:#ffffff8c;border:1px solid rgb(139 98 52 / .22);color:var(--text);font-size:.82rem;font-weight:800}.mission-objective-row strong{flex-shrink:0;color:#9a6a10}@media(max-width:420px){.mission-card-head{flex-direction:column}.mission-chat{grid-template-columns:76px 1fr;gap:.55rem}.mission-portrait{width:68px;height:68px}}.mission-track{height:10px;border-radius:999px;background:#8b62342e;border:2px solid var(--border);overflow:hidden}.mission-track-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-hot) 0%,var(--accent) 100%);transition:width .25s ease}.mission-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.5rem;flex-wrap:wrap}.mission-progress{color:#9a6a10;font-size:.88rem;font-weight:800;margin:0}.mission-rewards{display:inline-flex;gap:.35rem;flex-wrap:wrap}.mission-rewards span{font-size:.75rem;font-weight:800;padding:.2rem .55rem;border-radius:999px;border:2px solid var(--border);color:var(--text);background:#fffdf8}@media(max-width:720px){.hud-top{flex-wrap:wrap;gap:.5rem}.resources{order:3;flex:1 1 100%;justify-content:flex-start;max-width:none}.profile-name{display:none}.city-name{max-width:40vw;font-size:1rem}.res-chip{min-width:0;font-size:.82rem;padding:.28rem .5rem .28rem .28rem}.hud-fabs{bottom:.75rem;right:.75rem}.xp-bar{left:.75rem;right:4.5rem;width:auto;transform:none}.friends-launcher{top:auto;bottom:5.5rem;right:.75rem;width:50px;height:50px}.friends-modal{max-height:86vh}.friends-modal-messages{grid-template-columns:1fr;min-height:280px}.friends-chat-list{border-right:0;border-bottom:2px solid rgba(42,33,24,.12);padding:0 0 .45rem;max-height:96px}.friends-chat-list ul{flex-direction:row;overflow-x:auto}.friends-chat-list button{width:auto;min-width:120px}.fab{width:50px;height:50px}}