:root{--ink:#273d31;--muted:#7d8277;--paper:#f7f6ed;--line:#e4e5d9;--green:#315b3e;--bright:#a7bd76;--gold:#bf9656;--red:#b35a49;--nav:76px;--top:78px;font-family:'DM Sans',sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#263e2c}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.48}button,input,select,a{outline-offset:4px}button{border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}button{touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}.hidden{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;outline:none;image-rendering:pixelated}.loading-screen{position:fixed;inset:0;background:#1e382c;color:#e8ddc1;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50;letter-spacing:2px}.loading-screen .brand-mark{width:64px;height:64px;font:40px Georgia,serif;border:1px solid #b5a174}.loading-screen p{font-size:13px}.brand-mark{width:44px;height:44px;border-radius:12px;background:#35533b;display:inline-flex;justify-content:center;align-items:center;color:#e5d7ad;flex-shrink:0}.brand-mark svg{width:28px;height:28px;stroke-width:1.3}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:3.4px;font:750 20px 'Manrope',sans-serif}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2.45px;margin-top:7px;color:#e4dfca80}.auth-screen{position:fixed;inset:0;z-index:5;color:#f5f0df;background:linear-gradient(90deg,rgba(15,35,26,.96) 0%,rgba(16,37,26,.9) 33%,rgba(19,40,26,.37) 72%,rgba(19,40,26,.38)),linear-gradient(0deg,rgba(16,34,25,.65),transparent 24%,transparent 83%,rgba(16,34,25,.35));overflow:auto}.landing-header{height:112px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between}.alpha-badge{border:1px solid #dedfbe30;background:#29423488;border-radius:30px;padding:9px 12px;font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:6px;height:6px;background:#91ac6b;border-radius:50%;box-shadow:0 0 0 3px #91ac6b14;flex-shrink:0}.badge-version{background:#ffffff12;padding:3px 6px;border-radius:4px;font-size:9px;color:#d5d8b5}.landing-layout{min-height:calc(100vh - 196px);display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;max-width:1430px;padding:32px 6% 64px;margin:auto}.landing-copy{max-width:620px}.eyebrow{font-size:10px;color:#cccca4;letter-spacing:2.2px;display:flex;align-items:center;gap:12px}.eyebrow i{width:26px;height:1px;background:#adba87}h1{font:500 clamp(52px,5vw,78px)/1.13 Georgia,'Times New Roman',serif;letter-spacing:-2.7px;margin:28px 0}h1 em{font-weight:400;color:#c6ce9a}p{line-height:1.65}.landing-copy>p{font-size:15px;color:#d6dcc7af;line-height:1.95;max-width:440px}.feature-tags{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#dadfc4;font-size:10px}.feature-tags span{display:flex;gap:7px;align-items:center}.feature-tags svg{width:16px;height:16px;color:#a9b98b}.landing-note{display:flex;align-items:center;gap:17px;margin-top:55px;padding-top:25px;border-top:1px solid #ffffff13;max-width:440px;font-size:12px;color:#d9d7ba}.ornament{font-size:29px;color:#b9a775}.landing-note small{display:block;font-size:10px;color:#b5bea49c;margin-top:8px}.auth-card{width:100%;max-width:430px;justify-self:end;color:var(--ink);background:var(--paper);border:1px solid #fff6;border-radius:17px;padding:32px;box-shadow:0 24px 100px #091a2355;position:relative}.auth-card:before{content:'';position:absolute;left:32px;right:32px;top:0;height:3px;background:linear-gradient(90deg,transparent,#bbad78,transparent)}.card-kicker{font-size:8px;letter-spacing:1.6px;display:flex;align-items:center;gap:8px;color:#8c926d;font-weight:700}.small-leaf svg{width:16px;height:16px}.auth-card h2{font:400 29px/1.3 Georgia,serif;letter-spacing:-.7px;margin:17px 0 6px}.auth-card>.muted{font-size:11px;margin:0 0 23px;color:var(--muted)}.segmented{display:flex;background:#eaece1;border-radius:7px;padding:4px;gap:4px}.segmented button{width:50%;padding:10px 7px;background:transparent;border-radius:5px;font-size:11px;color:#879078;font-weight:600}.segmented button.active{background:#fffefa;color:#35513b;box-shadow:0 2px 6px #30351b0a}.auth-tabs{margin-bottom:22px}label{font-size:10px;font-weight:600;display:block;margin:17px 0 8px}.input-wrap{display:flex;gap:10px;align-items:center;border:1px solid #dcdfd1;border-radius:7px;background:#fdfdf8;padding:0 12px;height:43px}.input-wrap>span{color:#98a18b}.input-wrap svg{width:16px;height:16px}.input-wrap:focus-within{border-color:#81956b;box-shadow:0 0 0 3px #6a8a5710}input{min-width:0;outline:0;border:0;background:transparent;color:var(--ink);font-size:12px;width:100%}input::placeholder{color:#abb09e}.input-wrap button{background:transparent;padding:0;color:#8f9a85}.primary-button{display:flex;align-items:center;justify-content:center;gap:12px;background:#355b40;color:#f2f2de;padding:14px 18px;border-radius:7px;width:100%;font-size:12px;font-weight:600;box-shadow:0 4px 8px #28432715;transition:background .2s,transform .2s}.primary-button:hover{background:#426d4e;transform:translateY(-1px)}.primary-button svg{width:16px;height:16px}.form-error{color:#a84f39;font-size:11px;line-height:1.4;margin:13px 0;min-height:0}.form-error:empty{margin:16px 0}.auth-foot{display:flex;gap:8px;align-items:center;justify-content:center;border-top:1px solid var(--line);margin-top:23px;padding-top:18px;font-size:9px;color:#8d9480}.auth-foot .status-dot{width:5px;height:5px}.field-label{font-size:10px;font-weight:600;margin:19px 0 9px;display:flex;justify-content:space-between}.field-label>span{font-size:8px;color:#999d8c;font-weight:400}.class-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.class-choice{background:#eeeee3;border:1px solid transparent;border-radius:7px;padding:10px 3px 8px;display:flex;align-items:center;flex-direction:column;gap:7px;color:#8a947b;font-size:8px}.class-choice svg{width:21px;height:21px}.class-choice.selected{background:#e3e9d7;border-color:#97a87d;color:#456243}.class-description{font-size:9px;color:#8d947e;margin:9px 0 0;line-height:1.6;min-height:29px}.landing-footer{height:70px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#cbd4b36e}.landing-footer i{font-style:normal;margin:0 13px;color:#a8b594}.landing-footer>span+span{letter-spacing:.2px;font-size:10px}.footer-star{margin-left:20px;color:#b3bd87}

.game-ui{position:fixed;inset:0;pointer-events:none;font-size:12px}.game-ui button,.game-ui input,.game-ui select,.game-ui aside,.game-ui .hero-card,.game-ui .chat-box,.game-ui .minimap-frame,.game-ui .selection-card{pointer-events:auto}.game-topbar{position:absolute;left:0;right:0;top:0;height:var(--top);background:#f7f6edfa;border-bottom:1px solid #ccd3bd;display:flex;align-items:center;padding:0 22px 0 18px;gap:24px;box-shadow:0 3px 15px #1a2e1912;pointer-events:auto}.game-logo{display:flex;align-items:center;gap:11px;font:800 13px 'Manrope',sans-serif;letter-spacing:1.8px;min-width:203px}.game-logo .brand-mark{width:36px;height:39px;border-radius:9px}.game-logo .brand-mark svg{width:24px;height:24px}.game-logo small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:.2px;color:#93977e;margin-top:6px}.resource-bar{display:flex;gap:7px;flex:1;justify-content:center}.resource-chip{padding:8px 12px;min-width:80px;display:flex;align-items:center;gap:9px;border:1px solid #e1e4d5;border-radius:7px;background:#f0f1e7}.resource-chip svg{width:23px;height:23px;color:#928b63;stroke-width:1.6}.resource-chip strong{display:block;font:750 13px 'Manrope',sans-serif}.resource-chip small{display:block;font-size:8px;color:#929982;margin-top:2px;white-space:nowrap}.world-time{display:flex;align-items:center;gap:11px;min-width:124px;font-weight:600;font-size:10px}.world-time>span{color:#b29855}.world-time svg{width:25px;height:25px}.world-time small{display:block;color:#989b86;font-size:9px;font-weight:400;margin-top:5px}.icon-button{background:transparent;color:#8e977f;padding:8px}.icon-button svg{width:17px;height:17px}.side-nav{position:absolute;left:0;top:var(--top);bottom:0;width:var(--nav);background:#f7f6edfa;border-right:1px solid #d1d8c2;display:flex;align-items:center;flex-direction:column;gap:9px;padding:23px 8px 20px;pointer-events:auto}.nav-button{height:57px;width:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border-radius:9px;color:#939c85;position:relative;transition:background .15s,color .15s}.nav-button:hover{background:#eaedde;color:#4f6848}.nav-button.active{background:#e4ead8;color:#3c623f}.nav-button.active:before{content:'';position:absolute;left:-8px;width:3px;height:24px;background:#72875b;border-radius:0 2px 2px 0}.nav-button small{font-size:8px}.nav-button svg{width:22px;height:22px}.nav-spacer{flex:1}.world-banner{position:absolute;top:96px;left:96px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1c342cc9;backdrop-filter:blur(12px);border:1px solid #ced5a82a;border-radius:6px;font-size:9px;color:#d5dec0;box-shadow:0 3px 10px #12362416}.world-banner #server-label{font-weight:600}.banner-divider{width:1px;height:10px;background:#d4d5ab44;margin:0 3px}#online-label{font-size:8px;color:#bec9ad}.hero-card{position:absolute;top:142px;left:96px;display:flex;align-items:center;gap:10px;width:225px;padding:12px;background:#f5f4eaf5;border:1px solid #dee1ce;border-radius:9px;box-shadow:0 4px 15px #192e2119}.hero-avatar{height:42px;width:42px;background:#e2e8d5;border:1px solid #bdc9a4;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#667b51}.hero-avatar svg{width:25px;height:25px}.hero-info{flex:1;min-width:0}.hero-info strong{font-size:11px;font-weight:700}.hero-info small{display:block;font-size:8px;color:#8a937b;margin:4px 0 7px}.health-track{height:4px;background:#e0e3d4;border-radius:2px;overflow:hidden}.health-track i{display:block;height:100%;background:#829b60;width:100%;transition:width .3s}.hero-level{position:absolute;left:42px;top:46px;background:#35553b;color:#e4e9d3;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:8px;border:2px solid #f4f3e8}.detail-panel{position:absolute;right:22px;top:100px;width:305px;max-height:calc(100vh - 395px);min-height:150px;background:#f8f7eef7;border:1px solid #e5e5d3;border-radius:12px;box-shadow:0 6px 30px #122a1a24;overflow:auto;scrollbar-width:thin;scrollbar-color:#c3cbb3 transparent;backdrop-filter:blur(12px)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 13px;border-bottom:1px solid #e4e6d8}.panel-eyebrow{font-size:7px;color:#9ca080;font-weight:600;letter-spacing:1.8px;margin-bottom:5px}.panel-header h2{font:500 20px Georgia,serif;margin:0;color:#344c36}.panel-header>.panel-icon{background:#e9edde;color:#7d9067;padding:8px;border-radius:8px}.panel-header>.panel-icon svg{width:20px;height:20px}.panel-content{padding:17px 19px}.panel-subtitle{font-size:10px;color:#8b947f;line-height:1.6;margin:0 0 15px}.village-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 17px;gap:7px}.village-stats>div{background:#eeefe3;border:1px solid #e3e6d5;border-radius:6px;padding:10px 5px;text-align:center}.village-stats strong{display:block;font:700 16px 'Manrope',sans-serif}.village-stats span{font-size:7px;color:#939b81;display:block;margin-top:4px}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;font-weight:700;color:#7d896b;margin-bottom:12px}.section-label span{font-size:7px;letter-spacing:0;font-weight:400;color:#9ba287}.quest-card{border:1px solid #e0dfc7;background:#f1efdf;padding:13px;border-radius:7px}.quest-top{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600}.quest-top svg{width:15px;height:15px;color:#ae9257}.quest-card p{font-size:9px;color:#949478;line-height:1.7;margin:8px 0 12px}.progress-track{height:4px;background:#dfdfca;border-radius:5px;overflow:hidden}.progress-track i{display:block;background:#9aa971;height:100%;transition:width .3s}.progress-caption{display:flex;justify-content:space-between;font-size:7px;color:#9b9f81;margin-top:6px}.era-summary{border-top:1px solid #e2e5d5;margin-top:18px;padding-top:16px;display:flex;align-items:center;gap:10px}.era-summary>span{width:33px;height:33px;background:#e9ecdd;border-radius:7px;display:flex;justify-content:center;align-items:center;color:#87976f}.era-summary svg{width:18px;height:18px}.era-summary strong{font-size:10px}.era-summary small{font-size:8px;color:#92997f;display:block;margin-top:4px}.text-button{padding:0;background:transparent;color:#668251;font-size:9px;margin-top:12px;display:flex;align-items:center;gap:5px}.text-button svg{width:12px;height:12px}.panel-list{display:flex;flex-direction:column;gap:9px}.catalog-card{border:1px solid #e1e5d4;background:#fefdf7;border-radius:7px;padding:12px}.catalog-title{display:flex;gap:10px;align-items:flex-start}.catalog-icon{width:34px;height:34px;background:#e9edde;border-radius:7px;display:flex;justify-content:center;align-items:center;color:#7c9163;flex-shrink:0}.catalog-icon svg{width:21px;height:21px}.catalog-title h3{font-size:11px;font-weight:600;margin:1px 0 4px}.catalog-title p{font-size:8px;color:#999e89;line-height:1.6;margin:0}.cost-row{display:flex;gap:10px;flex-wrap:wrap;margin:11px 0;font-size:9px;color:#8c9479}.cost-row span{display:flex;align-items:center;gap:4px}.cost-row svg{width:12px;height:12px}.cost-row .insufficient{color:#b96954}.small-button{padding:8px 12px;font-size:9px;background:#e7ecdb;border:1px solid #d5dfc5;border-radius:5px;color:#4d6e3e;display:flex;align-items:center;gap:6px;justify-content:center;min-width:70px}.small-button svg{width:12px;height:12px}.small-button:hover{background:#dce6cd}.small-button.filled{color:#f5f3df;background:#4f7046;border-color:#4f7046}.card-action{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:8px;color:#929a7e}.locked{opacity:.62}.required{font-size:8px;color:#b49a68;display:flex;align-items:center;gap:4px}.required svg{width:10px;height:10px}.status-pill{font-size:7px;font-weight:600;padding:4px 6px;border-radius:4px;background:#e4ecda;color:#7a925e}.status-pill.busy{background:#f2ebd6;color:#a18b52}.villager-card{display:flex;gap:10px;padding:12px;border:1px solid #e2e6d6;border-radius:7px;background:#fffdf5}.npc-avatar{width:34px;height:36px;background:#e8ead9;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#8d9a78}.npc-avatar svg{width:22px;height:22px}.npc-info{flex:1}.npc-info strong{font-size:10px}.npc-info small{display:block;color:#929b80;font-size:8px;margin:5px 0 9px}.npc-info select{width:100%;padding:6px;background:#f0f2e6;border:1px solid #dfe4d2;border-radius:4px;color:#607951;font-size:9px;outline:none}.inventory-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #e4e7da}.inventory-row>span{color:#8e956f}.inventory-row svg{width:19px;height:19px}.inventory-row>div{flex:1}.inventory-row strong{font-size:10px}.inventory-row small{display:block;font-size:8px;color:#9ba188;margin-top:3px}.inventory-row b{font-size:12px}.inventory-row button{background:#e7ecda;border-radius:4px;color:#698352;padding:5px;margin-left:3px}.inventory-row button svg{width:12px;height:12px}.inventory-head{display:flex;justify-content:space-between;margin-bottom:10px;font-size:9px;color:#889775}.panel-note{font-size:8px;color:#99a084;line-height:1.7;margin-top:14px}.research-era{font-size:8px;letter-spacing:1px;color:#a49c75;margin:6px 0 10px;text-transform:uppercase}.research-era:not(:first-child){margin-top:20px}.research-active{background:#e7eddb;padding:11px;border:1px solid #d7e1c6;border-radius:7px;margin-bottom:14px;font-size:9px;color:#66824f}.research-active .progress-track{margin-top:9px}.help-row{display:flex;gap:10px;justify-content:space-between;font-size:9px;margin-bottom:13px;align-items:center;color:#8b967c}.help-row kbd{color:#6d7e59}.help-row span:first-child{color:#5a7050}.selection-card{position:absolute;left:50%;bottom:142px;transform:translateX(-50%);width:270px;border:1px solid #d8dfc9;border-radius:9px;padding:12px 14px;background:#f8f7edf5;box-shadow:0 5px 20px #1a311d22;display:flex;gap:11px;align-items:center}.selection-card .catalog-icon{width:33px;height:33px}.selection-card strong{font-size:10px}.selection-card small{display:block;font-size:8px;color:#8d987c;margin-top:5px}.selection-card .small-button{margin-left:auto;min-width:0;padding:7px}.map-stack{position:absolute;right:22px;bottom:23px;width:220px;box-shadow:0 5px 25px #1a311d22;border-radius:9px;overflow:hidden;border:1px solid #e1e3ce}.minimap-frame{height:172px;background:#f4f3e5;border:7px solid #f4f3e5;position:relative;overflow:hidden}.minimap-frame canvas{width:100%;height:100%;image-rendering:pixelated}.minimap-n{position:absolute;top:5px;left:9px;color:#fcf9da;text-shadow:0 1px 2px #254529;font-size:8px;font-weight:700}.map-coordinates{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);padding:4px 8px;color:#efefd3;background:#253b2aab;border-radius:3px;font-size:8px;white-space:nowrap}.map-toolbar{background:#f7f5e8;display:flex;gap:7px;align-items:center;padding:9px;color:#8c9677;font-size:8px}.map-toolbar>span:first-child svg{width:13px;height:13px}.map-toolbar>span:nth-child(2){flex:1}.map-toolbar button{padding:2px;background:#e7ead9;border-radius:3px;color:#7c8c64}.map-toolbar button svg{width:14px;height:14px}.chat-box{position:absolute;left:96px;bottom:23px;width:265px;background:#f6f5eaf0;border:1px solid #e0e4d0;border-radius:8px;overflow:hidden;box-shadow:0 5px 20px #1a311d15;backdrop-filter:blur(10px)}.chat-header{display:flex;align-items:center;gap:7px;width:100%;padding:11px 12px;background:transparent;font-size:9px;font-weight:600;border-bottom:1px solid #dde2cf}.chat-header svg{width:14px;height:14px;color:#8a9b71}.chat-header>span:last-child{margin-left:auto}.chat-header>span:last-child svg{width:12px;height:12px}.chat-count{font-size:6px;letter-spacing:1px;color:#8b9b73;background:#e5ebd7;padding:3px 5px;border-radius:3px;margin-left:3px}.chat-messages{height:95px;padding:4px 12px;overflow-y:auto;scrollbar-width:thin}.chat-messages p{font-size:9px;line-height:1.6;margin:6px 0;color:#7d8d6e;overflow-wrap:anywhere}.chat-messages strong{color:#4f6c46;font-weight:600;margin-right:5px}.chat-messages .chat-system{color:#9da589;font-size:8px;font-style:italic}#chat-form{display:flex;align-items:center;border-top:1px solid #e1e5d4;padding:9px 10px}#chat-input{font-size:9px}#chat-form button{background:transparent;color:#90a079;padding:0}#chat-form svg{width:13px;height:13px}.bottom-center{position:absolute;bottom:23px;left:calc(50% + 21px);transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:12px}.quickbar{display:flex;gap:5px;align-items:center;padding:7px;border-radius:11px;background:#f6f5eaf2;border:1px solid #e3e3d0;box-shadow:0 5px 25px #18341d28;backdrop-filter:blur(10px)}.quickbar button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;width:59px;height:61px;position:relative;border-radius:6px;background:#ecefdf;border:1px solid #dfe5d0;color:#7c9164;transition:background .2s}.quickbar button:hover{background:#dce6cc}.quickbar button.active{border-color:#a4b17d;background:#dfe8cf}.quickbar small{font-size:7px;white-space:nowrap}.quickbar button>svg,.quickbar button>span>svg{height:22px;width:22px}.quickbar kbd{position:absolute;right:4px;top:3px;font-size:6px;color:#9aa584;border:none;background:transparent;box-shadow:none;padding:0}.quick-divider{height:36px;width:1px;background:#d6dfc6;margin:0 2px}.control-hint{font-size:7px;color:#dce5c5;display:flex;align-items:center;gap:9px;text-shadow:0 1px 3px #122d19;background:#233c28a0;padding:6px 9px;border-radius:5px;white-space:nowrap}.control-hint span{display:flex;gap:3px;align-items:center}.control-hint i{color:#a1b286;font-style:normal}.control-hint kbd{font-size:6px;background:#eff1da20;color:#e4e6ca;border:1px solid #e1e7c936;border-radius:2px;padding:2px 3px;box-shadow:none}.placement-hint{background:#294831ed;border:1px solid #9baf7070;color:#dee6bf;padding:11px 17px;border-radius:7px;font-size:10px;box-shadow:0 3px 20px #19391b30;white-space:nowrap;pointer-events:auto}.placement-hint small{font-size:8px;color:#b4c79c;margin-left:9px}.placement-hint button{background:#ffffff15;color:#cdddb3;border-radius:3px;margin-left:12px;padding:3px 6px;font-size:8px}kbd{font-family:inherit;font-size:8px;padding:3px 5px;background:#edf0e2;color:#7e8e6b;border:1px solid #d6dfc6;border-radius:3px}.connection-status{position:absolute;top:94px;left:50%;transform:translateX(-50%);background:#f4e3ba;border:1px solid #d7bb78;color:#826d36;padding:10px 18px;border-radius:7px;font-size:11px;pointer-events:auto}.toast-stack{position:fixed;top:96px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:8px;z-index:90;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;font-size:11px;border-radius:7px;padding:12px 18px;background:#f8f8ed;color:#546c42;box-shadow:0 6px 25px #12312229;border:1px solid #d8dfc5;animation:toast-in .25s;max-width:480px;line-height:1.5}.toast svg{width:15px;height:15px}.toast.error{color:#a45e47;background:#fbf4e9;border-color:#e9c5ae}.small-screen{display:none}.empty-state{font-size:10px;color:#949e81;padding:10px 0;line-height:1.8}.quest-complete{color:#668a4d}.world-landmark{display:flex;justify-content:space-between;color:#8a977b;font-size:9px;padding:9px 0;border-bottom:1px solid #e4e8d8}.era-path{display:flex;gap:3px;margin:13px 0}.era-path span{height:4px;background:#e1e5d4;flex:1;border-radius:2px}.era-path span.reached{background:#9eaf78}
@keyframes toast-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.sound-controls{position:relative;display:flex;align-items:center;gap:5px}.sound-controls .icon-button{padding:6px;color:#789265}.sound-controls .icon-button[aria-pressed="false"]{color:#a4ac94}.sound-controls input{display:none;position:absolute;top:33px;right:-19px;width:112px;height:34px;background:#f6f5ea;border:1px solid #dce3ce;border-radius:6px;padding:0 9px;accent-color:#78905e;z-index:5}.sound-controls:hover input,.sound-controls:focus-within input{display:block}.train-hint{display:flex;align-items:center;gap:9px;background:#f5f3e7f5;border:1px solid #d8dfc9;border-radius:7px;padding:9px 12px;color:#687e52;font-size:9px;box-shadow:0 3px 15px #19391b20;white-space:nowrap}.train-hint>svg{width:19px;height:19px}.train-hint button{background:#e1e9d0;color:#54733f;border:1px solid #c9d7b5;border-radius:4px;padding:6px 8px;font-size:9px}.train-hint kbd{font-size:7px;padding:1px 3px;margin-left:4px}
.panel-header{position:relative}.panel-close{position:absolute;top:5px;right:5px;padding:3px;background:transparent;color:#a1aa8f;border-radius:4px}.panel-close svg{width:11px;height:11px}.panel-close:hover{background:#e4ead8;color:#527341}
.demolition-actions{display:flex;gap:8px;margin-top:10px}.danger-button{background:#f0dfd0;border-color:#dfc2a9;color:#a26747}
@media(min-width:1600px){.landing-layout{gap:10%;padding-left:4%;padding-right:4%}.auth-card{max-width:440px;padding:36px}.detail-panel{width:325px}.resource-chip{min-width:100px}.resource-bar{gap:10px}.game-topbar{gap:35px}}
@media(max-width:1200px){.game-topbar{gap:14px;padding-right:12px}.game-logo{min-width:166px;font-size:11px;gap:8px}.resource-chip{min-width:65px;padding:7px 9px;gap:6px}.resource-chip strong{font-size:12px}.resource-chip svg{width:18px;height:18px}.world-time{min-width:104px;font-size:9px;gap:7px}.world-time small{font-size:8px}.detail-panel{width:275px;right:16px}.map-stack{right:16px;width:199px}.chat-box{width:224px}.quickbar button{width:49px}.landing-layout{gap:5%;padding-left:6%;padding-right:6%}.landing-copy>p{font-size:13px}.landing-copy h1{font-size:57px}.feature-tags{gap:12px;font-size:9px}.auth-card{padding:27px}}
@media(max-height:800px){.landing-header{height:85px}.landing-layout{min-height:calc(100vh - 145px);padding-top:20px;padding-bottom:30px}.landing-footer{height:60px}.landing-copy h1{font-size:60px;margin:23px 0}.landing-note{margin-top:32px}.auth-card{padding:25px 29px}.auth-card h2{margin-top:13px}.auth-card>.muted{margin-bottom:18px}.auth-tabs{margin-bottom:17px}.auth-foot{margin-top:18px;padding-top:16px}.detail-panel{max-height:calc(100vh - 352px)}.map-stack{width:193px;bottom:17px}.minimap-frame{height:145px}.panel-content{padding:14px 17px}.panel-header{padding:16px 17px 12px}.hero-card{top:136px}.quickbar button{height:56px}.chat-box{bottom:17px}.bottom-center{bottom:17px}.chat-messages{height:85px}}
@media(max-width:1000px){:root{--nav:64px}.landing-layout{grid-template-columns:1fr 1fr;gap:5%;padding:20px 4% 35px}.landing-header{padding:0 4%}.landing-copy h1{font-size:48px}.eyebrow{font-size:8px;letter-spacing:1.4px}.landing-copy>p{font-size:12px}.landing-note{margin-top:25px}.feature-tags{gap:12px;flex-direction:column}.auth-card{padding:25px}.auth-card h2{font-size:26px}.game-logo{min-width:143px;font-size:9px;letter-spacing:1px}.game-logo .brand-mark{width:30px;height:34px}.resource-chip{min-width:53px;gap:4px;padding:6px}.resource-chip small{font-size:6px}.resource-chip strong{font-size:10px}.resource-chip svg{width:16px;height:16px}.game-topbar{gap:10px}.resource-bar{gap:4px}.world-time{min-width:93px}.side-nav{padding-left:5px;padding-right:5px}.nav-button{width:50px}.world-banner,.hero-card,.chat-box{left:80px}.detail-panel{width:250px}.panel-content{padding:12px}.panel-header{padding:14px}.quickbar button{width:42px}.quickbar small{font-size:6px}.quickbar{gap:3px;padding:5px}.chat-box{width:204px}.map-stack{width:170px}.minimap-frame{height:130px}.bottom-center{left:calc(50% + 9px)}.quickbar button>svg{width:18px;height:18px}.control-hint{font-size:6px;gap:5px}.control-hint kbd{font-size:5px}.world-time svg{width:20px;height:20px}.world-time>span{display:none}}
@media(max-width:740px){.landing-layout{display:flex;flex-direction:column;gap:26px;padding-top:14px}.landing-copy{width:100%;max-width:430px}.landing-copy h1{font-size:42px;margin:18px 0}.landing-copy>p{font-size:12px}.landing-note,.feature-tags{display:none}.landing-header{height:80px}.brand{font-size:15px}.brand small{font-size:7px}.alpha-badge{font-size:7px;padding:7px;letter-spacing:.4px}.auth-card{justify-self:auto;max-width:430px}.landing-footer{padding:20px 6%;font-size:6px}.landing-footer>span+span{display:none}.small-screen{display:block;position:fixed;left:50%;bottom:8px;transform:translateX(-50%);z-index:100;max-width:95%;width:430px;text-align:center;background:#1d3d2ee8;color:#dde8cc;font-size:10px;padding:10px;border:1px solid #75965b55;border-radius:8px;pointer-events:none;line-height:1.8}.small-screen small{font-size:9px;color:#b8c9a3}.auth-screen{padding-bottom:55px}.game-topbar{min-width:740px}.detail-panel{right:10px;width:235px}.chat-box,.map-stack{display:none}.bottom-center{left:calc(50% + 30px);bottom:75px}.hero-card{width:175px}.world-banner{font-size:7px}.world-banner #online-label{font-size:6px}.selection-card{bottom:194px}}
@media(max-width:740px){.small-screen{display:none}.game-topbar{min-width:0;padding-left:12px;gap:8px}.game-logo{min-width:127px;font-size:8px;gap:7px}.game-logo small{font-size:8px;max-width:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resource-chip{min-width:42px;padding:6px 5px}.resource-chip svg{width:14px;height:14px}.resource-chip small{font-size:6px}.resource-chip strong{font-size:10px}.world-time{display:none}.game-topbar>.icon-button{padding:6px}.bottom-center{bottom:23px}.selection-card{bottom:142px}.detail-panel{max-height:calc(100vh - 260px)}.auth-screen{padding-bottom:0}.sound-controls input{right:-32px}}
.landing-actions{display:flex;gap:12px;align-items:center}.landing-fullscreen{background:#ffffff0a;border:1px solid #d5d7b333;color:#d5dfc2;padding:8px;border-radius:8px}.landing-fullscreen svg{width:17px;height:17px}.landing-install{background:#c4cc9c;color:#294331;border-radius:7px;padding:10px 13px;font-size:10px}.minimap-legend{display:flex;justify-content:space-around;background:#f5f4e8;padding:6px 4px;font-size:7px;color:#8c977d;border-bottom:1px solid #e4e7d6}.minimap-legend span{display:flex;align-items:center;gap:4px}.minimap-legend i{display:block;width:5px;height:5px;border-radius:50%}.legend-self{background:#acd876}.legend-player{background:#70aed6}.legend-npc{background:#d3ad58}.join-address{margin-top:10px;background:#edf0e0;border:1px solid #dae2cc;border-radius:5px;padding:8px;font-size:9px;color:#6b8059;user-select:all}.settlement-stats{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#8b9979;margin-top:10px}.settlement-stats svg{width:12px;height:12px;margin-right:4px}.game-topbar{gap:15px}.side-nav{gap:5px;padding-top:17px}.nav-button{flex-shrink:0}.map-stack{display:block}
@media(max-width:1100px){.world-time{display:none}.game-topbar{gap:8px}.game-topbar .icon-button{padding:5px}.game-topbar .icon-button svg{width:15px;height:15px}}
@media(max-width:740px){.map-stack{display:block;width:146px;right:10px;bottom:15px}.minimap-frame{height:113px;border-width:5px}.map-toolbar{padding:6px;font-size:7px;gap:4px}.map-toolbar>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.minimap-legend{font-size:6px;padding:5px 2px}.minimap-legend span{gap:3px}.minimap-legend i{width:4px;height:4px}.bottom-center{left:calc(var(--nav) + 12px);transform:none;align-items:flex-start;bottom:17px}.quickbar button{width:39px}.quickbar small{font-size:6px}.control-hint{font-size:6px;gap:4px}.detail-panel{max-height:calc(100vh - 290px)}.resource-chip:last-child{display:none}.game-logo{min-width:110px}.game-logo small{max-width:90px}.hero-card{width:175px}.side-nav{padding-top:14px;gap:3px}.nav-button{height:51px}.landing-actions{gap:6px}.alpha-badge{display:none}.game-topbar>.icon-button{padding:4px}}
@media(max-height:650px){.side-nav{gap:2px;padding-top:10px}.nav-button{height:45px;gap:3px}.nav-button svg{width:18px;height:18px}.detail-panel{max-height:calc(100vh - 280px)}.hero-card{top:130px}.map-stack{width:155px;bottom:12px}.minimap-frame{height:110px}.chat-messages{height:55px}.quickbar button{height:48px}}
@media(max-width:580px){.bottom-center{bottom:185px;left:calc(var(--nav) + 10px)}.control-hint{display:none}.selection-card{bottom:262px;left:calc(50% + 25px)}.detail-panel{width:220px;max-height:calc(100vh - 380px)}.resource-chip:nth-child(n+4){display:none}.game-logo{min-width:103px}.game-topbar{padding-left:8px;gap:5px}.world-banner{top:88px}.hero-card{top:124px}.world-banner #online-label{display:none}.landing-header .brand{font-size:12px;letter-spacing:1.6px}.landing-header .brand small{font-size:6px}.landing-install{font-size:8px;padding:8px}.side-nav{width:60px}.nav-button{width:46px}.world-banner,.hero-card{left:72px}}
.join-picker label{display:flex;justify-content:space-between}.join-picker label span{font-size:8px;color:#a2a78f;font-weight:400}.join-picker input{border:1px solid #dce1d1;background:#fdfdf6;border-radius:6px;padding:11px;font-size:10px}.join-picker p{font-size:8px;color:#929b80;margin:7px 0 0}.invite-actions{display:flex;gap:7px;flex-wrap:wrap}.invite-actions .small-button{font-size:8px;flex:1;white-space:nowrap}
.update-notice{position:fixed;left:50%;top:90px;transform:translateX(-50%);z-index:100;background:#f4f4e8;color:#567144;border:1px solid #c8d6b5;box-shadow:0 5px 25px #19351d25;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:15px;font-size:11px}.update-notice button{background:#526f42;color:#faf9e8;border-radius:5px;padding:9px 12px;font-size:10px;white-space:nowrap}