:root{--ink:#303e54;--navy:#243951;--gold:#ffcf65;--paper:#fff9ed;--muted:#7f8997;--blue:#4e91d5;--green:#69ad4e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#14283f;color:var(--ink);font:14px/1.4 'Segoe UI',Arial,sans-serif;user-select:none;-webkit-user-select:none}button{font:inherit;cursor:pointer;border:0;touch-action:manipulation}button:disabled{opacity:.48;cursor:default}button:focus{outline:none}button:focus-visible{outline:3px solid #f5c755;outline-offset:3px}.hidden{display:none!important}#app{position:relative;width:100%;max-width:600px;height:100%;height:100dvh;margin:0 auto;overflow:hidden;background:#a6c6dd}#worldHost{position:absolute;inset:0;top:0;bottom:0;left:0;right:0}#townCanvas{width:100%;height:100%;display:block;touch-action:none}#worldLabels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.world-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:auto;background:linear-gradient(#405876e8,#273b57e8);border:1px solid #96abc4;border-radius:6px;color:#fff;font-size:10px;font-weight:700;padding:4px 9px;box-shadow:0 2px 0 #1a2c45,0 3px 7px #12213b44;text-shadow:0 1px 1px #132235}.world-label span{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-right:4px;border-radius:4px;background:#e9bc59;color:#543c20;text-shadow:none}.world-label.unbuilt{background:linear-gradient(#608297,#3c586e);border-color:#c6e2e8}.world-label .upgrade-arrow{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:25px;color:#b5f45d;text-shadow:0 2px 0 #436a19;animation:arrowBounce 1.2s infinite}.collect-bubble{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);font-size:12px;background:#f5e2b5;color:#4c3920;padding:3px 8px;border:2px solid #fff5d1;border-radius:6px;text-shadow:none;box-shadow:0 3px 0 #a08147;animation:resourceBob 2s ease-in-out infinite;pointer-events:none}#worldLoading{position:absolute;inset:0;background:radial-gradient(ellipse at center,#49708b,#253b55);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;color:#f7e5b7;transition:opacity .4s}#worldLoading span{font-size:60px;animation:rotate 5s linear infinite}#worldLoading b{letter-spacing:4px;font-size:24px;margin:15px}#worldLoading small{color:#c1d9e3}
header{position:absolute;z-index:6;top:0;left:0;right:0;display:flex;align-items:center;padding:12px 12px 7px;background:linear-gradient(#203853fa,#263e59d9 76%,#263e5900);height:89px;color:white;pointer-events:none}.player-avatar{position:relative;width:58px;height:61px;flex-shrink:0;border:3px solid #e4b356;border-radius:12px;background:#5c8e9d;box-shadow:0 3px 0 #10223a;pointer-events:auto;padding:0}.player-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;border-radius:8px}.player-avatar span{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);min-width:25px;border-radius:5px;background:linear-gradient(#facb62,#bd8130);border:1px solid #ffe5a1;color:#54361b;text-shadow:0 1px #fff3a6;font-size:11px;font-weight:900}.player-info{padding-left:10px;flex:1;text-shadow:0 2px 1px #132638}.player-info strong{font-size:18px;letter-spacing:.6px;display:block}.player-info>span{font-size:13px;color:#fcd46e}.player-info i{display:block;color:#c0d8e6;font-size:8px;letter-spacing:1.6px;font-style:normal;line-height:1.5}.icon-btn{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:9px;font-size:23px;background:linear-gradient(#f8f7ed,#becde0);border:2px solid #edf4f7;box-shadow:0 3px 0 #4e6484;color:#4d647d;pointer-events:auto}.resources{position:absolute;z-index:6;left:9px;right:9px;top:89px;height:46px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.resource{position:relative;text-align:center;color:white;background:linear-gradient(#334e6ce6,#1f344ee6);border:1px solid #89a4bd80;border-radius:6px;box-shadow:0 2px 0 #19304d80;padding:4px 0;text-shadow:0 1px 2px #0d2035}.resource b{font-size:16px}.resource i{font-style:normal;font-size:17px;margin-right:4px}.res-name{font-size:8px;color:#c9dce9;letter-spacing:.1px}.res-name span{margin-left:3px}
#townView{position:absolute;inset:0;pointer-events:none}.scene-top{position:absolute;top:148px;left:12px;right:12px;display:flex;justify-content:space-between}.pill{background:#f6fbffe6;border:1px solid white;border-radius:14px;color:#486279;font-size:10px;padding:5px 9px;box-shadow:0 2px 3px #18324d33}.world-tools{position:absolute;right:10px;top:196px;display:flex;flex-direction:column}.world-tool{width:54px;min-height:60px;border-radius:12px;background:linear-gradient(#fff1c7,#e8bd6a);border:2px solid #fff2c4;color:#614e32;box-shadow:0 3px 0 #8c6b3e,0 3px 8px #1c304844;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:12px;pointer-events:auto;text-shadow:0 1px #fff7cf;padding:4px}.world-tool>span{font-size:26px;line-height:1.2}.world-tool small{font-size:9px;font-weight:800;white-space:nowrap}.world-tool:disabled{opacity:.85;filter:saturate(.7)}.camera-tools{position:absolute;right:12px;bottom:254px;display:flex;flex-direction:column}.camera-tools button{pointer-events:auto;width:32px;height:31px;background:#f8fbffe0;border:1px solid #c6d7e4;color:#57748e;font-size:21px;box-shadow:0 1px 3px #20385044}.camera-tools button:first-child{border-radius:8px 8px 0 0}.camera-tools button:last-child{border-radius:0 0 8px 8px}.scene-bottom{position:absolute;bottom:238px;left:12px;font-size:9px;color:#f3f8ff;text-shadow:0 1px 2px #273c57;background:#314c66aa;border-radius:10px;padding:4px 8px;display:flex;align-items:center}.live-dot{width:5px;height:5px;background:#90de70;border-radius:50%;margin-right:5px}.quest-dock{pointer-events:auto;position:absolute;bottom:85px;left:10px;right:10px;background:linear-gradient(#fcf8e8,#e6dcc4);border:2px solid #fff9e4;border-radius:10px;box-shadow:0 4px 0 #7f725e,0 8px 20px #21375155;overflow:hidden}.quest-dock>.section-title{background:linear-gradient(#5f7da1,#405c81);color:#e5f2ff;padding:6px 11px;margin:0;display:flex;justify-content:space-between;font-size:9px;border-bottom:2px solid #9eb0c0;letter-spacing:.6px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:19px;margin:0}.quest{padding:11px 12px}.quest-top{display:flex;align-items:flex-start}.quest-icon{font-size:26px;color:#d7a03c;margin-right:9px;line-height:1.2}.quest h3{font-size:14px;color:#394965;margin:0 0 3px;font-weight:800}.quest p{font-size:10px;line-height:1.5;color:#7c7f7f;margin:0}.quest-footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.quest-footer>span{font-size:8px;color:#8c805e;max-width:67%}.mini-btn{font-size:10px;font-weight:800;color:#fff;padding:7px 13px;border:1px solid #c5e8ff;border-radius:5px;background:linear-gradient(#71b3ed,#3687cf);box-shadow:0 2px 0 #2a5c90;text-shadow:0 1px #335c8d;white-space:nowrap}.mini-btn.claim{background:linear-gradient(#9ed266,#5b9e36);box-shadow:0 2px 0 #3d752b;border-color:#dcf1a5}.building-drawer{position:absolute;pointer-events:auto;left:8px;right:8px;top:150px;bottom:88px;overflow:auto;background:#f4efe2f5;box-shadow:0 5px 30px #19304888;border:3px solid #fff;border-radius:12px;padding:15px;z-index:10}.building-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.building{position:relative;min-height:105px;text-align:left;padding:10px;border-radius:7px;border:2px solid #e7dcc6;background:linear-gradient(#fffdf5,#e9e0cd);box-shadow:0 3px 0 #b4a78f;color:#46526b}.building-symbol{font-size:27px;display:block;line-height:1.4}.building strong{font-size:14px;display:block}.building small{font-size:9px;color:#818b8b}.building .level{position:absolute;right:8px;top:10px;font-size:8px;font-weight:bold;color:#a28348}.muted{font-size:11px;color:#85919a}
nav{position:absolute;z-index:12;bottom:0;left:0;right:0;height:73px;padding:4px 4px max(4px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:linear-gradient(#f9fbfd,#d3deeb);border-top:3px solid #fff;box-shadow:0 -2px 0 #7c94b0,0 -5px 18px #22385566}nav button{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;color:#5a708b;font-size:10px;font-weight:800;text-shadow:0 1px white;padding:0}nav button>span{font-size:28px;line-height:1.2;filter:drop-shadow(0 2px 1px #687d9055);margin-bottom:3px}nav button.active{color:#276eae;background:linear-gradient(#c3e4fa66,#9dc9e133);border-radius:7px}nav button.active:before{content:'';position:absolute;top:-7px;width:35px;height:4px;border-radius:5px;background:#ffe1a0;box-shadow:0 1px 0 #c49e4a}.game-page{position:absolute;z-index:5;top:142px;bottom:76px;left:0;right:0;overflow:auto;background:linear-gradient(#eaf1f8f5,#d9e4ef);padding:22px 15px 30px}.page-eyebrow{font-size:9px;font-weight:800;color:#7990a8;letter-spacing:2px}.page-title{font-size:28px;color:#354e70;line-height:1.1;margin:7px 0 9px;font-weight:900}.intro{color:#8091a0;font-size:12px;margin:0 0 18px}.hero-card{position:relative;display:flex;align-items:center;min-height:115px;padding:17px 14px 17px 111px;background:linear-gradient(110deg,#253f5c,#4d7293);border:2px solid #f4dba3;border-radius:9px;color:#fff3d4;margin-bottom:18px;overflow:hidden;box-shadow:0 3px 0 #8b9eac}.hero-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:108px;background:url('assets/deniz.webp') 50% 22%/cover}.hero-emblem{display:none}.hero-card h3{font-size:15px;margin:0 0 6px}.hero-card p{font-size:10px;color:#d2dfeb;line-height:1.7;margin:0}.route{background:linear-gradient(125deg,#fffdf3,#f0e6cd);border:2px solid #fff;border-radius:9px;box-shadow:0 3px 0 #b8ad96;padding:17px;margin-bottom:14px;position:relative;overflow:hidden}.route:before{content:'▲';position:absolute;right:4px;top:-7px;font-size:95px;color:#c7b68f20;line-height:1}.route small{font-size:8px;letter-spacing:1px;font-weight:800;color:#ae8e4f}.route h3{font-size:22px;color:#4e6074;margin:7px 0}.route p{font-size:11px;color:#8a8f8f;line-height:1.6;margin:7px 0 13px}.reward{font-size:10px;color:#a38a54}.route-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.primary{padding:12px 18px;background:linear-gradient(#a5d966,#65ad3e);border:2px solid #dcf6a2;color:white;border-radius:7px;box-shadow:0 4px 0 #3d742e;text-shadow:0 2px #488534;font-weight:900;font-size:13px}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #3d742e}.secondary{padding:12px 15px;background:linear-gradient(#f9fbfe,#d2e0ed);border:2px solid #fff;border-radius:7px;box-shadow:0 3px 0 #91a5b8;color:#536e8a;font-size:12px;font-weight:bold}.wide{display:block;width:100%;margin-top:12px}.danger{color:#b05c57}.route.locked{filter:saturate(.35);opacity:.67}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.stat{text-align:center;background:#fff9e9;border:2px solid #fff;border-radius:8px;padding:14px 3px;box-shadow:0 3px 0 #b7c2cb}.stat b{display:block;color:#4d80ae;font-size:25px}.stat small{font-size:8px;color:#8e9ba6}.entry{padding:12px 14px;margin-bottom:8px;background:#ffffffa8;border-left:3px solid #d9b66e;border-radius:4px}.entry small{font-size:9px;color:#9eaab3}.entry p{margin:4px 0;font-size:12px;color:#667b8e}
.overlay{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#10253dbb;backdrop-filter:blur(3px);padding:17px}.modal{position:relative;max-width:440px;width:100%;max-height:88vh;max-height:88dvh;overflow:auto;background:linear-gradient(#fffcf0,#e9dfc8);border:3px solid #fff6df;border-radius:13px;box-shadow:0 6px 0 #7c7467,0 15px 60px #0d203d66;padding:24px 22px;animation:modalIn .25s ease-out}.modal .close{position:absolute;top:8px;right:8px;width:32px;height:32px;border:2px solid #ffe8df;border-radius:8px;background:linear-gradient(#ec8d74,#bd5549);color:white;font-size:23px;line-height:1;box-shadow:0 2px 0 #8e3d35;z-index:2}.modal .eyebrow{font-size:9px;letter-spacing:1.5px;color:#b1975e;font-weight:900;padding-right:15px}.modal h2{font-size:26px;line-height:1.1;color:#485c76;margin:11px 0 15px;font-weight:900}.modal p{font-size:12px;line-height:1.8;color:#8a8e8a}.big-symbol{display:grid;place-items:center;width:72px;height:72px;background:linear-gradient(#f0e2bd,#d9c392);border:2px solid #fff4d9;border-radius:15px;box-shadow:0 3px 0 #b2a180;margin:0 0 16px;font-size:39px;color:#a17b3a}.upgrade-detail{background:#e0e6dc;padding:13px;border-radius:7px;border:1px solid #cad5c4;color:#6e8666;font-size:11px;line-height:1.8}.costs{display:flex;flex-wrap:wrap;margin:17px 0 9px}.cost{font-size:11px;background:#e8dfc9;padding:7px 9px;border:1px solid #d7caad;border-radius:5px;color:#788572;margin:0 6px 5px 0}.cost.missing{color:#b65f4e;background:#eed5c9}.build-tip,.tiny{font-size:9px!important;line-height:1.7!important;color:#a29b86!important}.help-list{font-size:12px;line-height:1.8;color:#7c8890;padding-left:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #dcd2bc;font-size:11px;color:#7d8b91}.welcome-art{position:relative;height:160px;display:grid;place-items:center;border-radius:8px;margin:-8px -6px 22px;background:url('assets/deniz.webp') center 22%/cover;color:transparent;border:2px solid #e8c77e;box-shadow:0 3px 0 #a89267}.welcome-art:after{content:'KERVAN MUHAFIZI · DENİZ';position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#172d48e6);padding:25px 10px 8px;color:#ffe9ad;text-align:center;font-size:9px;font-weight:bold;letter-spacing:1px}.journey-track{display:flex;margin:13px 0}.journey-track i{flex:1;height:5px;background:#d8d1be;border-radius:3px;margin-right:4px}.journey-track i.done{background:#78ae57}.encounter-art{position:relative;height:140px;overflow:hidden;border-radius:8px;margin:15px 0;background:url('assets/deniz.webp') 50% 24%/cover;border:2px solid #d4bc8d}.encounter-art .figure,.encounter-art .sun{display:none}.health-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#819080;margin:12px 0 5px}.health-bar{height:9px;border:1px solid #b8b39d;background:#d5ccba;border-radius:5px;overflow:hidden}.health-bar>div{height:100%;background:linear-gradient(#ef9c75,#b14e43);transition:width .35s}.health-bar.hero>div{background:linear-gradient(#a2d568,#64a33e)}.choice{display:block;width:100%;text-align:left;padding:13px;background:linear-gradient(#fffef8,#eee8d7);border:2px solid #fff;border-radius:7px;margin:9px 0;box-shadow:0 2px 0 #c3b79b;color:#667568}.choice b{display:block;font-size:14px;margin-bottom:5px}.choice small{font-size:10px;color:#9a987f}.complete-banner{padding:12px;text-align:center}.complete-banner h3{font-size:15px;color:#5b8056;margin:2px 0}.complete-banner p{font-size:9px;color:#8c907d}.hero-portrait{width:100%;max-height:265px;object-fit:cover;object-position:50% 22%;border-radius:8px;border:2px solid #d2b26f;margin-bottom:17px}.hero-stars{color:#d0a445;font-size:21px;letter-spacing:4px;margin:8px 0}#toast{position:fixed;z-index:60;left:50%;bottom:244px;transform:translate(-50%,15px);opacity:0;pointer-events:none;max-width:88%;width:max-content;border-radius:8px;background:#243e59ee;border:1px solid #b9d5e3;color:#fff4ce;padding:11px 16px;box-shadow:0 4px 20px #10223a66;font-size:11px;line-height:1.6;text-align:center;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.floating-number{position:absolute;pointer-events:none;color:#fff39b;font-size:22px;font-weight:900;text-shadow:0 2px 0 #724923,1px 0 #724923;animation:floatUp 1.1s ease-out forwards}
.overlay.battle{background:none;backdrop-filter:none;pointer-events:none;padding:0}.battle .modal{position:relative;max-width:600px;height:100%;max-height:none;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;overflow:hidden;animation:none;pointer-events:none}.battle-hud{position:absolute;left:12px;right:12px;top:149px;background:linear-gradient(#2b425ed9,#1e324bda);border:1px solid #8ba8bd;border-radius:10px;padding:12px;color:white;box-shadow:0 3px 0 #12263f}.battle-hud h2{font-size:17px;color:#fff2cd;margin:0 0 4px}.battle-hud small{font-size:9px;color:#c8d9e6}.battle-hud .health-label{font-size:10px;color:#d6e5ef;margin:8px 0 4px}.battle-hud .health-bar{border:1px solid #13253d;background:#162e46;height:10px}.battle-unit-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;color:#e9c876}.battle-controls{position:absolute;bottom:90px;left:10px;right:10px;pointer-events:auto;background:linear-gradient(#fbf9ef,#ddd9c9);border:2px solid #fff4d8;border-radius:10px;padding:11px;box-shadow:0 4px 0 #706b61}.telegraph{font-size:10px;text-align:center;background:#e4d4a8;border:1px solid #d1bb85;padding:7px;border-radius:5px;color:#98703d;margin-bottom:10px;font-weight:700}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button{padding:11px 4px;font-size:11px}.battle-log{font-size:10px!important;color:#87918a!important;margin:12px 2px 0!important;min-height:28px}.battle-actions-hint{font-size:9px;color:#f9f3dc;position:absolute;top:37%;left:0;right:0;text-align:center;text-shadow:0 1px 3px #162b46;pointer-events:none}.battle .retreat-mini{position:absolute;right:10px;top:10px;pointer-events:auto;width:30px;height:28px;padding:0;background:#7d94ae;font-size:18px}.world-error{position:absolute;top:40%;left:20px;right:20px;background:#fff8e8;padding:20px;border-radius:10px;color:#5b6572;z-index:9;font-size:13px}.portrait-dock{display:flex;align-items:center;margin-bottom:12px}.portrait-dock img{width:45px;height:45px;border:2px solid #e2c17c;border-radius:8px;object-fit:cover;margin-right:10px}.portrait-dock h3{font-size:13px;margin:0;color:#64768c}.portrait-dock small{font-size:9px;color:#9b9b8a}
@keyframes modalIn{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes arrowBounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-6px)}}@keyframes resourceBob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-3px)}}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,0) scale(.8)}20%{transform:translate(-50%,-10px) scale(1.2)}100%{opacity:0;transform:translate(-50%,-80px) scale(1)}}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:700px){#app{box-shadow:0 0 80px #0008}.overlay.battle{left:50%;transform:translateX(-50%);width:600px}}@media(max-height:740px){.quest-dock{bottom:80px}.quest{padding:8px 10px}.quest p{font-size:9px}.quest h3{font-size:12px}.scene-bottom{bottom:220px}.camera-tools{bottom:237px}.battle-hud{top:140px;padding:9px}.battle-controls{bottom:82px;padding:9px}.battle-log{min-height:18px}.battle-hud h2{font-size:15px}.actions button{padding:9px 4px}.world-tools{top:185px}.welcome-art{height:120px}.modal{padding:21px 18px}}@media(max-width:360px){.player-info strong{font-size:16px}.resources{gap:3px}.res-name{font-size:7px}.resource b{font-size:14px}.scene-top{left:9px;right:9px}.pill{font-size:9px}.world-tool{width:45px;min-height:53px}.world-tool>span{font-size:23px}.world-tool small{font-size:8px}}
#app.is-battle .game-page{visibility:hidden}#app.is-battle nav,#app.is-battle .player-avatar,#app.is-battle #settings{pointer-events:none;opacity:.75}.world-label{font-size:9px}
#townView,#worldLabels,#worldLoading{top:0;right:0;bottom:0;left:0}.battle-hud .health-label{margin:6px 0 3px}.battle-hud .health-bar{height:8px}@media(max-height:740px){.battle-hud small{font-size:8px}.battle-hud h2{font-size:14px}.battle-hud .health-label{font-size:9px;margin:5px 0 3px}.battle-hud{padding:8px}.battle-log{font-size:9px!important}.telegraph{padding:5px;margin-bottom:7px}}
#app.is-battle #townView{visibility:hidden}.battle-actions-hint{display:none}
.resources{grid-template-columns:repeat(5,1fr);gap:4px}.resource b{font-size:14px}.diamond-resource{cursor:pointer;color:#f4ddff;border-color:#d0a7e5;background:linear-gradient(#61517c,#3a365e)}.diamond-resource .res-name{color:#e3cfee}.resource i{font-size:15px;margin-right:2px}.res-name{font-size:7px}.player-info i{display:none}.account-badge{display:block;background:none;color:#c8d5df;font-size:8px;padding:2px 0;pointer-events:auto;font-weight:bold;letter-spacing:.3px}.account-badge.connected{color:#b4e89c}#fpsMeter{position:absolute;left:50%;transform:translateX(-50%);top:138px;z-index:8;padding:3px 7px;border-radius:8px;background:#243c55c9;color:#d4f0ca;font-size:8px;white-space:nowrap;pointer-events:none}.scene-top{top:161px}#realmButton{position:absolute;left:10px;top:207px;pointer-events:auto;width:65px}.realm-label{font-size:9px;border-color:#ecd298;background:linear-gradient(#697f5c,#3f583e);max-width:150px}.player-map-label{background:#447b9e;font-size:8px;pointer-events:none}.game-label{display:block;color:#758292;font-size:11px;font-weight:bold;margin:14px 0}.game-label input{display:block;width:100%;margin-top:6px;border:1px solid #c9c8b6;border-radius:6px;padding:11px;background:#fffdf5;color:#41566c;font:inherit;font-size:13px;user-select:text;-webkit-user-select:text}.form-error{color:#bc6358!important;font-size:11px!important}.fps-options{display:flex;gap:3px}.fps-options button{padding:7px 8px;border:1px solid #d1d9dd;border-radius:4px;color:#5d7286;background:#f4f8fa;font-size:11px}.fps-options button.selected{color:#fff;background:#5b8aab;border-color:#b7d7ec}#qualitySelect{padding:7px 5px;max-width:155px;border-radius:5px;border:1px solid #d0d6d8;color:#5d7588;background:#f9fbfc;font-size:11px}.store-item{display:flex;align-items:center;justify-content:space-between;background:#fffcf1;border:1px solid #e2d5b9;border-radius:8px;padding:13px 10px;margin:11px 0;gap:7px}.store-item b{display:block;font-size:13px;color:#657584}.store-item small{display:block;font-size:9px;color:#a49b83;max-width:170px;margin-top:4px}.store-item button{white-space:nowrap;padding:9px 12px;font-size:11px}.modal hr{border:0;border-top:1px solid #d8cbae;margin:20px 0}@media(max-height:740px){#realmButton{top:190px}.scene-top{top:157px}#fpsMeter{top:138px;font-size:7px}}
nav{gap:1px}nav button{flex:1;min-width:0;font-size:10px}nav button span{font-size:23px}.player-map-label{pointer-events:auto}#councilButton{position:absolute;top:289px;left:10px;width:65px;pointer-events:auto}#councilButton span{color:#237d8e}#languageSelect{pointer-events:auto;position:absolute;right:58px;top:29px;max-width:72px;background:#e2eced;color:#35516a;font-size:9px;border:1px solid #b9cbd3;border-radius:6px;padding:5px}.player-info{min-width:0}.player-info strong{font-size:16px}.council-modal{max-width:560px!important;width:96%!important;padding:23px 16px!important}.council-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:16px 0;border-bottom:1px solid #d4c4a1;padding-bottom:10px}.council-tabs button{background:#e5e8e0;color:#778478;border-radius:8px;padding:9px 2px;font-size:20px}.council-tabs button.active{background:linear-gradient(#398b9a,#2c647b);color:white;box-shadow:0 2px 0 #163e50}.council-tabs small{display:block;font-size:8px;line-height:1.2;margin-top:4px}.council-banner{display:flex;align-items:center;gap:12px;padding:16px 12px;border-radius:12px;background:linear-gradient(120deg,#25566a,#3f8890);color:#f5ead0;margin:12px 0}.council-banner>span{font-size:38px}.council-banner h3{margin:0;color:#ffdf91;font-size:16px}.council-banner p{font-size:10px!important;color:#d9e6dc!important;margin:4px 0!important}.hero-v4-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.hero-tile{overflow:hidden;border:2px solid #a2b7aa;border-radius:12px;background:#fffcf2;box-shadow:0 3px 0 #b7a77d}.hero-v4-art{height:155px;background-image:url('assets/heroes-v4.webp');background-size:300% 200%;position:relative}.hero-v4-art:after{content:'';position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(transparent,#182a3deb)}.hero-v4-art b{position:absolute;left:10px;bottom:7px;color:#ffebba;z-index:1;font-size:21px;text-shadow:0 2px 2px #000}.hero-tier{position:absolute;top:6px;left:6px;padding:3px 7px;background:#15374acc;color:#fbd071;border-radius:8px;font-size:10px}.hero-tile-body{padding:9px 8px}.hero-tile-body small{font-size:9px;color:#7e8b85}.hero-tile-body p{font-size:10px!important;min-height:29px;margin:7px 0!important}.hero-numbers{font-size:11px;color:#5f7c78;margin-bottom:9px}.hero-tile .frontier-action{display:block;width:100%;font-size:9px;padding:8px 4px;margin:6px 0;min-height:32px}.tier-3{border-color:#a88ac3}.tier-4{border-color:#dfb65a}.frontier-action{margin:5px 3px 5px 0;font-size:11px;max-width:100%;white-space:normal}.guild-row,.opponent{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #e1d5b9;padding:12px 0}.guild-row b,.opponent b{font-size:12px;overflow-wrap:anywhere}.guild-row small,.opponent small{display:block;font-size:9px;color:#7a8c91;margin-top:4px}.guild-row>div:first-child,.opponent>div{min-width:0}.guild-row button,.opponent button{font-size:10px;padding:8px}.guild-banner{background:linear-gradient(120deg,#665534,#a08043)}.troop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0}.troop-grid article{text-align:center;background:#f0eddf;border:1px solid #d6cfb4;border-radius:10px;padding:14px 5px}.troop-grid article>span{font-size:34px}.troop-grid h3{font-size:12px;margin:7px 0}.troop-grid b{font-size:22px;display:block;color:#3f737a}.troop-grid small{display:block;font-size:9px;color:#8d7d65}.troop-grid button{font-size:9px;padding:7px 3px;margin-top:10px}.army-summary{padding:15px 10px;background:#e3e9df;color:#4b7377;border:1px solid #c2d4c8;border-radius:10px;font-weight:bold}.work-progress{padding:12px;font-size:10px;border-radius:8px;background:#e1ecd8;color:#577346;position:relative;overflow:hidden}.work-progress:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:70%;background:#7da46d;animation:workSweep 2s ease-in-out infinite}.march-card{background:#dce8e4;padding:16px;border:1px solid #bbcec6;border-radius:12px;margin:15px 0}.march-line{display:flex;justify-content:space-between;position:relative;margin:10px 0;font-size:26px}.march-line i{position:absolute;top:50%;height:2px;left:35px;right:35px;background:#8faf9a}.march-line>span{z-index:1;animation:armyMarch 2s linear infinite}.march-card strong{font-size:12px}.report-card{border:1px solid #cfcab2;border-left:4px solid #bb795c;background:#fffcf0;border-radius:10px;padding:15px;margin:12px 0}.report-card.won{border-left-color:#6f9b68}.report-card>small{font-size:9px;color:#889183}.report-card h3{font-size:14px}.report-card p{font-size:10px!important;overflow-wrap:anywhere}.round-timeline>div{display:flex;gap:15px;padding:6px;border-bottom:1px solid #e5ddc6;font-size:10px;animation:roundReveal .4s ease both}.round-timeline span{border-radius:50%;width:18px;height:18px;text-align:center;background:#497b85;color:white}.empty-frontier{text-align:center;padding:40px;font-size:45px;color:#a9b8a8}.duel-preview{display:flex;align-items:center;justify-content:space-between;border-radius:14px;background:#e5e9de;padding:30px 10px;color:#4f7781}.duel-preview i{color:#b08c48}.council-loading{font-size:70px;color:#c9ac5a;animation:rotate 4s linear infinite;text-align:center}[dir=rtl] .council-content{text-align:right}[dir=rtl] .council-tabs{direction:rtl}[dir=rtl] .resources{direction:ltr}[dir=rtl] header{direction:ltr}[dir=rtl] .hero-v4-art b{left:auto;right:10px}@keyframes workSweep{50%{transform:translateX(50%)}}@keyframes armyMarch{0%{transform:translateX(0)}100%{transform:translateX(210px)}}@keyframes roundReveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:360px){.hero-v4-art{height:130px}.council-modal{padding:20px 10px!important}.council-tabs small{font-size:7px}.player-info strong{font-size:14px}#languageSelect{max-width:59px;font-size:8px}.account-badge{font-size:7px}}@media(max-height:740px){#councilButton{top:269px}}
body[data-quality=low] .overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:#152a3fdf}body[data-quality=low] .hero-tier{box-shadow:none}

#warNavigator{position:absolute;right:12px;top:190px;width:144px;padding:7px;background:#142f38e8;border:1px solid #d5b98080;border-radius:12px;z-index:14;box-shadow:0 5px 20px #0004}#warNavigator[hidden]{display:none}#warNavigator canvas{width:100%;height:104px;cursor:crosshair;border-radius:5px}#warNavigator form{display:flex;gap:3px}#warNavigator input{width:51px;min-width:0;background:#263e49;color:white;border:1px solid #ffffff30;border-radius:4px;padding:4px}#warNavigator button{background:#d9b875;border:0;border-radius:4px}#warNavigator small{font-size:9px;color:#c4dfdc;display:block;margin-top:5px}.camp-map-label{background:#652f2cdd!important;color:#ffdeba!important;border-color:#d48c56!important;font-size:11px!important}#storyButton{position:absolute;right:12px;top:310px;z-index:12}.story-scene{height:190px;position:relative;overflow:hidden;background:linear-gradient(#263b60,#bc805c 68%,#263c3d);border-radius:18px;margin-bottom:18px}.story-sun{position:absolute;width:75px;height:75px;border-radius:50%;background:#ffd89e;left:55%;top:30px;box-shadow:0 0 60px #ffca77;animation:storyRise 3s ease-out}.story-fort{position:absolute;font-size:110px;bottom:-22px;left:25%;color:#193a3e;transform:scaleX(1.8)}.story-particles{position:absolute;color:#fff5ca;bottom:10px;left:10%;animation:storyAsh 5s linear infinite}.story-dialogue{min-height:90px;line-height:1.7}.camp-preview{height:100px;background:linear-gradient(135deg,#463f43,#ab7755);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:30px;color:#fff2da}.camp-preview span{font-size:70px}@keyframes storyRise{from{transform:translateY(90px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes storyAsh{from{transform:translate(0,20px);opacity:0}40%{opacity:1}to{transform:translate(70px,-130px);opacity:0}}
.war-world .quest-dock,.war-world #structures,.war-world #imece,.war-world #storyButton{display:none!important}.war-world .scene-bottom{bottom:88px!important}

.room-overlay{align-items:flex-end!important;padding:0 9px 80px!important;background:transparent!important;backdrop-filter:none!important;pointer-events:none}.room-modal{pointer-events:auto;max-height:46vh!important;overflow:auto!important;width:min(100%,480px)!important;padding:14px!important;background:#f7eedbfa!important;border:2px solid #d8be8b!important;border-radius:20px!important;box-shadow:0 -8px 35px #183e5650!important}.room-modal>.close{display:none}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.room-heading h2{font-size:20px;margin:2px 0 12px}.room-heading small{color:#63817e}.room-heading button{font-size:10px;padding:8px}.room-tabs{display:flex;gap:7px;margin:5px 0 10px}.room-tabs button{flex:1;border:1px solid #b3c7c9;background:#dce7df;border-radius:9px;padding:10px;color:#31545c;font-weight:700}.room-tabs button.active{background:#347f8d;color:#fff}.room-rate{display:flex;justify-content:space-between;font-size:12px;margin:8px 0}.room-rate span{color:#44845d}.room-workers{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#e5ddc9;padding:8px;border-radius:8px}.room-workers button{width:29px;height:29px;border:0;background:#368c8e;border-radius:7px;color:white;font-weight:900}.room-workers button:disabled{opacity:.4}.room-workers small{font-size:10px}.room-output{margin:10px 0;color:#31545c;font-size:12px}.room-output small{display:block;font-size:10px;margin-top:4px}.room-modal .tiny{font-size:9px;line-height:1.35}.room-progress{position:relative;overflow:hidden;background:#d5e0d0;padding:12px;border-radius:9px;text-align:center}.room-progress i{position:absolute;left:0;top:0;bottom:0;width:40%;background:#71aa8d55;animation:roomBuild 3s ease-in-out infinite}.room-progress span{position:relative}.room-view .quest-dock,.room-view .world-tools,.room-view .camera-tools,.room-view #councilButton,.room-view #storyButton,.room-view #realmButton,.room-view .scene-bottom{display:none!important}.room-view #townCanvas{touch-action:none}#replayCanvas{width:100%;height:300px;display:block;border-radius:14px}.replay-stats{display:flex;align-items:center;gap:10px;font-size:10px;margin:10px 0}.replay-stats div{min-width:0;flex:1}.replay-stats span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-stats progress{width:100%;height:12px;accent-color:#3a99a1}.replay-stats div:last-child progress{accent-color:#b55c4b}.replay-controls{display:flex;gap:8px;margin:10px 0}.replay-controls button{flex:1}#replayEvent{min-height:24px;text-align:center;margin-top:8px;color:#347980;font-weight:800}.combat-auto{position:absolute;left:18px;top:210px;z-index:55;font-size:11px!important}.combat-auto[hidden]{display:none}@keyframes roomBuild{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}

/* 0.7: a military district with a persistent 3D stage and compact touch controls. */
#militaryButton{position:absolute;left:12px;top:320px;z-index:8;background:linear-gradient(#e6b966,#b77b35);border-color:#fbe9b7;color:#fff8e6;text-shadow:0 1px #684a2a}#militaryRibbon{position:absolute;left:50%;transform:translateX(-50%);top:172px;z-index:7;display:flex;align-items:center;gap:8px;border:1px solid #ffe4a3;background:#243d55ed;color:#fff5d8;border-radius:18px;padding:7px 11px;box-shadow:0 3px 8px #263e5944;font-size:10px;pointer-events:auto;max-width:56%}#militaryRibbon span{color:#f6ce73;white-space:nowrap}#militaryRibbon b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#militaryRibbon.training{border-color:#91c7ac}.military-label{border-color:#dfb15e!important;background:linear-gradient(#4a6975,#273f53)!important}.military-overlay{align-items:flex-end!important;padding:0 10px 80px!important;background:transparent!important;backdrop-filter:none!important;pointer-events:none}.military-modal{pointer-events:auto;width:min(100%,480px)!important;max-height:47vh!important;overflow:auto!important;border:2px solid #dec48e!important;border-radius:18px!important;background:linear-gradient(#fff9e9f7,#e9e2cef9)!important;box-shadow:0 -10px 35px #193c5c50!important;padding:14px!important}.military-modal>.close{display:none}.mil-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.mil-heading small{color:#8d794a;font-weight:700;font-size:10px}.mil-heading h2{font-size:20px;margin:4px 0 10px;color:#345666}.mil-heading button{padding:8px;font-size:10px;flex-shrink:0}.mil-tabs{display:flex;gap:6px;margin:4px 0 12px}.mil-tabs button{position:relative;flex:1;min-width:0;border:1px solid #b8b79d;border-radius:9px;font-size:22px;background:#e4e8db;padding:6px}.mil-tabs button.active{background:#347c84;border-color:#81afb0;box-shadow:inset 0 -3px #1f535b}.mil-tabs i{position:absolute;width:7px;height:7px;border-radius:50%;background:#9dd974;right:6px;top:6px}.mil-stats{display:flex;justify-content:space-around;background:#dfdfcf;border-radius:10px;padding:9px;margin-bottom:10px}.mil-stats div{display:flex;flex-direction:column;text-align:center;gap:4px}.mil-stats small{font-size:9px;color:#6e7f7e}.mil-stats b{font-size:20px;color:#365963}.mil-batch{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#47626b}.mil-batch output{background:#fff9ed;border:1px solid #cabb95;padding:4px 12px;border-radius:6px;font-size:17px;color:#375d67}.mil-batch input{width:100%;margin:10px 0;accent-color:#36848d;min-height:26px}.mil-cost{display:flex;justify-content:space-between;margin:0 0 10px;font-size:11px;color:#797253;gap:8px}.military-modal button.wide{padding:12px;font-size:12px}.mil-hint{font-size:10px;line-height:1.5;color:#6b7f7c;margin:10px 0}.mil-upgrade{margin:8px 0 5px}.mil-total{display:flex;justify-content:space-between;border-top:1px solid #c8c3a7;padding-top:9px;margin-top:9px;font-size:10px;color:#647b7c}.mil-total b{color:#315d65}.mil-progress{padding:12px;background:#d7e2ce;border:1px solid #b6c7a8;border-radius:9px;margin:9px 0}.mil-progress div{display:flex;justify-content:space-between;gap:8px;font-size:11px}.mil-progress progress{display:block;width:100%;height:10px;margin-top:8px;accent-color:#49968a}.mil-wounded{display:flex;gap:8px;justify-content:space-around;flex-wrap:wrap;font-size:10px;margin:14px 0}.mil-empty{font-size:12px;padding:12px;text-align:center;color:#458075}.mil-research{font-size:12px;margin-top:14px}.mil-research h3{font-size:14px}.mil-overview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mil-site-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border:1px solid #d2c49e;border-radius:12px;background:linear-gradient(#fff9e9,#dbdfce);color:#355b66}.mil-site-card span{font-size:32px}.mil-site-card small{color:#6e817c}.military-view .quest-dock,.military-view .world-tools,.military-view .camera-tools,.military-view #councilButton,.military-view #storyButton,.military-view #realmButton,.military-view #militaryButton,.military-view #militaryRibbon,.military-view .scene-bottom,.room-view #militaryButton,.room-view #militaryRibbon{display:none!important}.military-view #townCanvas{touch-action:none}@media(max-height:740px){#militaryButton{top:310px}.military-modal{max-height:46vh!important;padding:10px!important}.mil-heading h2{font-size:17px}.mil-tabs{margin-bottom:8px}.mil-stats{padding:6px}.mil-stats b{font-size:17px}}@media(max-width:360px){.mil-heading h2{font-size:16px}#militaryRibbon{max-width:52%;gap:4px;padding:6px;font-size:9px}.military-modal{padding:10px!important}}

#militaryButton{top:289px;left:10px;width:65px}#councilButton{top:369px} @media(max-height:740px){#militaryButton{top:280px}#councilButton{top:355px}}
#militaryButton{pointer-events:auto}
/* 0.8 — Ash & Spring */
#settlementAccess{position:absolute;right:10px;top:210px;z-index:8;width:132px;min-height:62px;padding:9px;background:linear-gradient(135deg,#234a50,#367375);border:1px solid #dfc28b;border-radius:14px;color:#fff4d9;text-align:left;box-shadow:0 4px 14px #152d4340;pointer-events:auto}#settlementAccess>span{float:right;font-size:25px;color:#bde5d5}#settlementAccess strong{display:block;font:700 12px Georgia,serif}#settlementAccess small{display:block;font-size:8px;line-height:1.6;margin-top:5px}#settlementAccess.storm{background:linear-gradient(135deg,#58473e,#936e4e)}.military-view #settlementAccess,.room-view #settlementAccess,.war-world #settlementAccess,.is-battle #settlementAccess{display:none}.settlement-label{background:#285d60!important;border-color:#c6dec3!important}.ash-modal{background:linear-gradient(160deg,#f9f0dd,#e3e9de)!important}.ash-heading{position:relative;padding:5px 0 12px}.ash-heading h2{font-family:Georgia,serif;color:#295d62;font-size:30px;margin:4px 0}.ash-heading small{letter-spacing:2px;font-size:9px;color:#8c754a}.ash-heading button{font-size:11px;padding:7px}.ash-weather{display:flex;justify-content:space-between;gap:10px;background:#305c61;color:#e8f2d9;border-radius:10px;padding:14px;font-size:12px}.ash-weather.storm{background:#8d6751}.ash-weather span{font-size:10px}.ash-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.ash-stats>div{padding:12px;background:#fff8e9;border:1px solid #d7ceaf;border-radius:10px}.ash-stats small{display:block;color:#687e74;font-size:10px}.ash-stats b{font-size:24px;color:#2d5c61}.ash-buildings article{display:flex;gap:14px;border-top:1px solid #c6cdbb;padding:14px 0}.ash-buildings article>div:last-child{flex:1;min-width:0}.ash-buildings h3{margin:0 0 5px;color:#365d59;font-size:17px}.ash-buildings small,.ash-buildings p{font-size:10px;margin:5px 0;color:#6d7865}.ash-buildings button{padding:8px 16px;font-size:12px}.ash-building-icon{width:60px;height:72px;flex-shrink:0;display:grid;place-items:center;font-size:40px;border-radius:12px;background:linear-gradient(#6caaa5,#2b5c63);color:#efdeb8;box-shadow:inset 0 -6px #23475255}.ash-building-icon.shelter{background:linear-gradient(#bf9f77,#8f6854)}.ash-building-icon.kitchen{background:linear-gradient(#d0985f,#a25d3e)}.ash-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.ash-controls label{font-size:11px;color:#375d60}.ash-controls select{display:block;width:100%;min-height:40px;margin-top:6px;border:1px solid #98afa4;border-radius:8px;background:#fff9e9;color:#31585b}.ash-objective{padding:16px;background:#d7e4d8;border:1px solid #9cb7a6;border-radius:12px;margin:18px 0}.ash-objective small{color:#5d7c67}.ash-objective h3{font-size:18px;line-height:1.4}.ash-chests{display:flex;gap:8px;margin:10px 0}.ash-chests button{flex:1;min-width:0;font-size:20px}.ash-chests small{display:block;font-size:9px;margin-top:4px}.ash-modal progress{width:100%;accent-color:#438a7b}.ash-story{text-align:center}.ash-story h1{font:36px Georgia,serif;color:#2d6063}.ash-story p{line-height:1.7}.ash-story>small{letter-spacing:2px;font-size:9px}.ash-horizon{position:relative;overflow:hidden;height:180px;margin:-8px -8px 20px;border-radius:16px;background:radial-gradient(circle at 70% 30%,#ffd49b 0 12%,transparent 13%),linear-gradient(#809e9f,#d4bd94)}.ash-horizon span{position:absolute;left:46%;top:30%;font-size:65px;color:#fce2aa;animation:ashPulse 4s infinite}.ash-horizon i{position:absolute;bottom:-50px;left:-20px;width:240px;height:160px;transform:rotate(24deg);background:#597f7c;border-radius:35%;box-shadow:90px -25px #6e9190}.ash-horizon i:nth-of-type(2){left:100px;bottom:-80px;background:#345f64;animation:ashCloud 8s ease-in-out infinite}.ash-horizon i:nth-of-type(3){width:8px;height:8px;bottom:90px;left:40px;border-radius:50%;background:#ffe2a5;box-shadow:90px 12px #ffe2a5,180px -40px #ffe2a5;animation:ashCloud 4s infinite}@keyframes ashPulse{50%{opacity:.5;transform:scale(.95)}}@keyframes ashCloud{50%{translate:12px -6px}}@media(prefers-reduced-motion:reduce){.ash-horizon *{animation:none!important}}