:root{--wood-dark: #3d2612;--wood: #5b3a1e;--parchment: #f4e9cf;--parchment-dark: #e8d7b0;--border: #b8995e;--border-dark: #7d6233;--ink: #2b1d0e;--ink-soft: #6b5535;--red: #8b1e1e;--green: #2e6b2a;--shadow: 0 2px 6px rgba(43, 29, 14, .25)}.splash,.splash *{box-sizing:border-box}body{margin:0}body:not(.classic){font-family:Georgia,Times New Roman,serif;color:var(--ink);background:#d9c9a3 url(/graphic/background/bg-tile.jpg)}.splash{min-height:100vh;display:grid;place-items:center;padding:16px;font-family:Georgia,Times New Roman,serif;color:var(--ink);background:linear-gradient(#2b1d0e59,#2b1d0eb3),url(/graphic/visual/back_none.jpg) center / cover}.splash a,.splash .link{color:var(--red);cursor:pointer;text-decoration:none;background:none;border:0;padding:0;font:inherit}.splash .link:hover{text-decoration:underline}.splash h1,.splash h2{font-weight:400;margin:0 0 8px}.splash h2{font-size:1.35rem}.splash-card{width:min(440px,100%)}.splash-title{text-align:center;color:#f6e7c1;margin-bottom:18px;text-shadow:0 2px 4px #000}.splash-title h1{font-size:2.6rem;letter-spacing:.08em}.splash-title p{margin:0;opacity:.85;font-style:italic}.splash .panel{background:var(--parchment) url(/graphic/background/content.jpg);border:1px solid var(--border);border-radius:4px;box-shadow:var(--shadow);padding:14px 16px;margin-bottom:14px}.splash .panel>h2:first-child{border-bottom:1px solid var(--border);padding-bottom:6px}.splash .btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(#a8743e,#7a4e24);color:#fff8e6;border:1px solid var(--wood-dark);border-radius:4px;padding:5px 12px;font:inherit;font-size:.92rem;cursor:pointer;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff40;white-space:nowrap}.splash .btn:hover:not(:disabled){background:linear-gradient(#b8844b,#85572a)}.splash .btn:disabled{background:#b9ab8e;border-color:#8f8165;cursor:not-allowed}.splash .btn.small{padding:2px 8px;font-size:.82rem}.splash .btn.ghost{background:transparent;color:var(--wood);border-color:var(--border);text-shadow:none;box-shadow:none}.splash input[type=text],.splash input[type=email],.splash input[type=password],.splash input[type=number],.splash select{font:inherit;padding:5px 8px;border:1px solid var(--border-dark);border-radius:3px;background:#fffaf0;color:var(--ink)}.splash input[type=number]{width:80px}.splash label{display:block;font-size:.9rem;color:var(--ink-soft);margin-bottom:4px}.splash table.list{width:100%;border-collapse:collapse;font-size:.92rem}.splash table.list th{text-align:left;background:var(--parchment-dark);border-bottom:1px solid var(--border);padding:6px 8px;font-weight:400;color:var(--wood)}.splash table.list td{padding:6px 8px;border-bottom:1px solid #e3d3ab}.splash .num{text-align:right}.splash .muted{color:var(--ink-soft);font-size:.88em}.splash .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.splash .grow{flex:1}.form-grid{display:grid;gap:12px}.tabs{display:flex;gap:2px;margin-bottom:12px}.tabs button{flex:1;font:inherit;padding:7px;border:1px solid var(--border);background:var(--parchment-dark);color:var(--ink-soft);cursor:pointer}.tabs button.active{background:var(--parchment);color:var(--ink);border-bottom-color:var(--parchment);font-weight:700}.error-box{background:#f6d9d0;border:1px solid #c77;color:var(--red);padding:8px 10px;border-radius:3px;font-size:.9rem}.info-box{background:#e6efd5;border:1px solid #9ab47a;color:#2e4a1d;padding:8px 10px;border-radius:3px;font-size:.9rem}.classic #menu_row>td.menu-item>a{display:block;height:28px;line-height:13px;text-align:center}.classic #menu_row .menu-gold{height:14px;width:14px;vertical-align:-3px;margin-right:3px}.classic .autoHideBox{cursor:pointer;z-index:20000}.classic .autoHideBox.error{background:#c4400e;border-color:#5e1800;color:#fff}.classic .autoHideBox.success{color:#fff}.classic .panel{background:#f4e4bc;border:1px solid #c1a264;margin:0 0 10px;padding:0 0 6px}.classic .panel>h2,.classic .panel>h3{margin:0 0 6px;padding:3px 6px;font-size:9pt;font-weight:700;background:#c1a264 url(/graphic/screen/tableheader_bg3.png) repeat-x}.classic .panel>:not(h2):not(h3){margin-left:6px;margin-right:6px}.classic .panel>table.list{width:calc(100% - 12px)}.classic table.list{border-collapse:separate;border-spacing:2px;width:100%}.classic table.list th{background:#c1a264 url(/graphic/screen/tableheader_bg3.png) repeat-x;text-align:left;padding:3px;font-weight:700}.classic table.list td{background:#f4e4bc;padding:3px}.classic table.list tr:nth-child(2n) td{background:#fff5da}.classic table.list tr.clickable:hover td{background:#fff3d3;cursor:pointer}.classic .num{text-align:right}.classic .muted{color:#7d6233;font-size:.92em}.classic .ok{color:#090}.classic .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:0;background:none;padding:0;margin:0;box-shadow:none}.classic .grow{flex:1}.classic .cols{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px;align-items:start}.classic .cost{display:inline-flex;gap:8px;flex-wrap:wrap}.classic .cost span{display:inline-flex;gap:2px;align-items:center}.classic .cost .lack{color:#dc0000}.classic .icon{vertical-align:middle}.classic .link{color:#603000;font:inherit;font-weight:700;background:none;border:0;padding:0;cursor:pointer}.classic .queue-item{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px dashed #c1a264}.classic .queue-item:last-child{border-bottom:0}.classic .progress{height:4px;border:1px solid #dfbc79;overflow:hidden}.classic .progress>div{height:100%;background:#92c200}.classic .unit-table td,.classic .unit-table th{text-align:center}.classic .unit-table td:first-child,.classic .unit-table th:first-child{text-align:left}.classic .report-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.classic input[type=number]{width:60px}.classic input.coord{width:45px}.classic button.btn{border:0}.classic .btn.small{font-size:11px;padding:2px 6px}.classic .btn.ghost{background:#c1a264;color:#3d2612;text-shadow:none}.classic .btn.danger{background:linear-gradient(#b03a2e,#7a1c1c)}.classic .btn:disabled,.classic .btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.classic .btn-green{background:linear-gradient(#2fa52f,#1c8f1c 40%,#127a12);border:1px solid #0b4d0b;color:#fff}.classic .btn-green:hover{background:linear-gradient(#38b838,#168a16)}.classic .btn-gold{background:linear-gradient(#f0c64e,#c99a22 45%,#a87c12);border:1px solid #6b4d06;color:#2b1d0e;text-shadow:none}.classic .btn-gold:hover{background:linear-gradient(#ffd766,#d8a92c)}.gold-amount{color:#a5760b}.premium-head{display:flex;gap:12px;align-items:center;padding:6px!important}.premium-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.premium-card{position:relative;background:#f4e4bc url(/graphic/background/content.jpg);border:2px solid #c1a264;outline:1px solid #7d510f;border-radius:3px;padding:26px 10px 10px;margin-top:14px;display:flex;flex-direction:column}.premium-card p{margin:6px 0 0;font-family:Verdana,sans-serif;font-size:11px}.premium-card hr{border:0;border-top:1px solid #c1a264;width:100%;margin:8px 0 6px}.premium-card .btn{align-self:center;margin-top:8px;padding:5px 14px}.premium-title{position:absolute;top:-13px;left:50%;transform:translate(-50%);white-space:nowrap;background:linear-gradient(#8b4a2b,#5e2c14);color:#fff4dc;border:2px solid #c1a264;border-radius:8px 8px 3px 3px;padding:2px 10px;font-size:12px}.premium-img{display:block;margin:6px auto 2px;height:70px}.premium-card.premium-wide{flex-direction:row;align-items:center;gap:14px;margin-bottom:10px}.premium-wide-icon{width:48px;height:48px;image-rendering:auto;flex-shrink:0}.premium-wide-body{flex:1;min-width:0}.premium-wide-buy{display:flex;flex-direction:column;align-items:center;gap:6px}.premium-card.premium-wide .btn{margin-top:0}.mobile .premium-card.premium-wide{flex-wrap:wrap}.mobile .premium-wide-buy{flex-direction:row;width:100%;justify-content:space-between}.map-frame{position:relative;padding:12px;background:#f4e4bc;border:1px solid #c1a264}.map-wrap{overflow:hidden;border:1px solid #7d510f;background:#4f6b1a}.map-arrow{position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;margin:12px;color:#7d510f!important;font-size:10px;text-decoration:none;z-index:2}.map-arrow span{display:inline-block}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;margin-top:6px}.legend i{display:inline-block;width:11px;height:11px;border:1px solid #000;margin-right:3px;vertical-align:-1px}area{outline:none}body.classic.mobile{background:#e3d5b3 url(/graphic/index/main_bg.jpg);font-size:13px;-webkit-text-size-adjust:100%}.m-app{min-height:100vh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.m-top{position:sticky;top:0;z-index:50;color:#fff;background:linear-gradient(#7a1414,#4a0a0a);border-bottom:2px solid #c1a264;box-shadow:0 2px 6px #00000073;padding:calc(4px + env(safe-area-inset-top)) 8px 4px}.m-top-row{display:flex;align-items:center;gap:8px}.m-village{flex:1;min-width:0;text-align:left;background:none;border:0;color:#fff;font:inherit;font-size:14px;padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-village b{color:#f6dd9b}.m-coords{color:#e8cfa0;font-size:12px}.m-caret{margin-left:4px;color:#f6dd9b}.m-gold{display:inline-flex;align-items:center;gap:4px;background:#0000004d;border:1px solid #c1a264;border-radius:12px;color:#ffe08a;font:inherit;font-weight:700;padding:2px 9px}.m-gold img{width:14px;height:14px}.m-res{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;font-weight:700;padding:3px 0 2px}.m-res>span{display:inline-flex;align-items:center;gap:3px;cursor:pointer}.m-res .full{color:#ff9b7a}.m-res .almost{color:#ffd77a}.m-village-list{display:flex;flex-direction:column;background:#f4e4bc;border-radius:4px;margin-top:4px;max-height:50vh;overflow-y:auto}.m-village-list button{text-align:left;background:none;border:0;border-bottom:1px solid #c1a264;padding:10px;font:inherit;color:#603000;font-weight:700}.m-village-list button.active{background:#fff3d3}.m-alert{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:0;padding:8px;font:inherit;font-weight:700;color:#fff;background:#a32626;animation:m-pulse 2s infinite}.m-alert.paused{background:#2471a3;animation:none}@keyframes m-pulse{50%{background:#7a1c1c}}.m-content{padding:8px}.m-content h2{font-size:15px;margin:4px 0}.m-footer{text-align:center;font-size:10px;color:#7d6233;padding:4px 0 8px}.m-tabs{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;background:linear-gradient(#5e1010,#3a0606);border-top:2px solid #c1a264;padding-bottom:env(safe-area-inset-bottom)}.m-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0 6px;min-width:0;background:none;border:0;color:#e8cfa0;font:inherit;font-size:10px;font-weight:700}.m-tab.active{color:#fff;background:#ffd77829;box-shadow:inset 0 2px #f6dd9b}.m-tab-icon{position:relative;height:20px;display:flex;align-items:center}.m-tab-icon img{width:18px;height:18px}.m-tab-label{white-space:nowrap}.m-more{font-size:18px;line-height:20px}.m-badge{position:absolute;top:-5px;right:-12px;background:#f6b628;color:#3a0606;border-radius:8px;font-size:10px;padding:0 5px}.m-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000059}.m-sheet{position:absolute;left:8px;right:8px;bottom:calc(66px + env(safe-area-inset-bottom));background:#f4e4bc url(/graphic/background/content.jpg);border:2px solid #c1a264;border-radius:6px;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:2px;box-shadow:0 -4px 16px #0006}.m-sheet hr{grid-column:1 / -1;border:0;border-top:1px solid #c1a264;margin:4px 0;width:100%}.m-sheet button{display:flex;align-items:center;gap:8px;text-align:left;background:none;border:0;border-radius:4px;padding:10px 8px;font:inherit;font-size:13px;color:#603000;font-weight:700}.m-sheet button:active{background:#fff3d3}.m-sheet img{width:18px;height:18px}.classic .autoHideBox.m-toast{top:70px;left:12px;right:12px;width:auto;margin:0;font-size:13px}.mobile .scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.mobile .cols,.mobile .premium-grid{grid-template-columns:minmax(0,1fr)}.mobile .premium-head{flex-wrap:wrap}.mobile .btn{font-size:12px;padding:6px 10px}.mobile input[type=text],.mobile input[type=number],.mobile select{font-size:16px}.mobile input[type=number]{width:70px}.mobile .bld-head img{width:72px;height:auto}.mobile .hide-mobile{display:none!important}.classic table.stats{min-width:560px}.mobile table.stats{min-width:0}.mobile input[type=text]{max-width:100%}.mobile #content_value table.vis{width:100%}.mobile .vis td,.mobile .vis th{padding:4px 3px}.mobile .widget{margin-bottom:8px}.mobile .m-stack>*{width:100%!important}.mobile .m-card{background:#f4e4bc;border:1px solid #c1a264;border-radius:3px;padding:8px;margin-bottom:6px;display:grid;grid-template-columns:44px 1fr;gap:4px 8px;align-items:center}.mobile .m-card.completed{opacity:.7}.mobile .m-card>img{grid-row:span 2;width:44px}.mobile .m-card .m-card-title{display:flex;justify-content:space-between;gap:6px;align-items:baseline}.mobile .m-card .m-card-body{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12px}.mobile .m-card .m-card-body .warn{color:#dc0000}.mobile .m-card .m-card-action{grid-column:1 / -1;display:flex;justify-content:flex-end;align-items:center;gap:8px}.mobile .m-section{font-weight:700;padding:6px 4px;margin:8px 0 4px;background:#c1a264 url(/graphic/screen/tableheader_bg3.png) repeat-x}.mobile .map-layout,.mobile .map-layout>tbody,.mobile .map-layout>tbody>tr,.mobile .map-layout>tbody>tr>td{display:block;width:100%!important;padding-left:0!important}.mobile .map-layout>tbody>tr>td+td{margin-top:8px}.mobile .map-frame{padding:10px}.mobile table.unit-table{display:block;overflow-x:auto;max-width:100%}.mobile .panel>table.list{width:calc(100% - 12px)}.mobile table.rename-form{margin-left:0!important;width:100%}.mobile table.rename-form input[type=text]{width:100%;box-sizing:border-box}