@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#e6f2eb;background:#183c53;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #f6d88c;outline-offset:3px}[hidden]{display:none!important}#app{height:100dvh;min-height:540px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:82px;flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 34px;background:#112c40;border-bottom:1px solid #ffffff10;z-index:2}.brand{color:#f1efdc;text-decoration:none;display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:2px}.brand-mark{font-size:32px;color:#bfe5ad}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;color:#88aaa9;margin-top:4px}.world-name{margin-left:45px;font-size:12px;color:#d1e2db}.world-name small{display:block;font-size:9px;color:#7fa0a8;margin:6px 0 0 12px}.live-dot,.kingdom-dot{display:inline-block;background:#97d9a2;width:6px;height:6px;border-radius:50%;margin-right:7px}.resources{margin-left:auto;display:flex;gap:27px;margin-right:16px}.resources>div{display:grid;grid-template-columns:auto auto;gap:1px 9px}.resources>div>span{grid-row:span 2;align-self:center;font-size:25px;color:#a4d6bd}.resources .star{color:#f3d589}.resources strong{font-size:21px}.resources small{font-size:9px;color:#83a2ab}.icon-btn{width:29px;height:29px;border:1px solid #c9e0da30;background:transparent;color:#a8c4c4;border-radius:7px;font-size:16px}.icon-btn:hover{background:#ffffff10;color:#fff}main{flex:1;min-height:0;display:flex;flex-direction:column}.canvas-wrap{flex:1;min-height:0;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}.map-caption{position:absolute;top:29px;left:34px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:#9cbbb8;font-weight:600}.map-caption h1{font-size:25px;letter-spacing:-1px;font-weight:500;margin:7px 0 8px}.map-caption p{font-size:10px;color:#8fb4be;margin:0}.kingdom-hud{position:absolute;top:31px;right:34px;display:flex;align-items:center;gap:18px;background:#112e4177;border:1px solid #b3dbdc20;padding:12px 16px;border-radius:7px;font-size:10px;pointer-events:none}.kingdom-hud b{font-size:11px;margin-right:5px}.kingdom-hud .kingdom-dot{margin-right:-10px}.kingdom-hud>span:not(.kingdom-dot){color:#9fbcbf}.kingdom-hud strong{margin-left:4px;color:#e8f4e5}.objective{position:absolute;top:140px;left:34px;display:flex;gap:11px;pointer-events:none}.objective>span{font-size:23px;color:#e3c88c}.objective b{display:block;font-size:10px;font-weight:500;color:#bdd1cb}.objective small{display:block;font-size:9px;color:#7fa6b0;margin:7px 0}.progress{height:3px;background:#ffffff13;width:173px;border-radius:2px}.progress i{height:100%;display:block;background:#aed8a4;width:15%;transition:width .3s}.action-panel{position:absolute;right:28px;bottom:69px;width:298px;background:#f8f7ed;color:#294f51;border:1px solid #ffffff80;border-radius:12px;box-shadow:0 15px 50px #06253466;padding:17px;animation:panel-in .18s ease-out;max-height:calc(100% - 98px);overflow:auto}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-heading{display:flex;align-items:center;gap:8px}.panel-heading .eyebrow{color:#8c9e92;letter-spacing:1px}.panel-heading #terrainTag{font-size:9px;margin-left:auto;background:#e6eddf;color:#7d927b;padding:4px 7px;border-radius:4px}.panel-heading .icon-btn{width:22px;height:22px;color:#829b8b;border:0;font-size:19px}.selection-body{display:flex;gap:13px;align-items:center;margin:16px 0 12px}.tile-preview{display:grid;place-items:center;width:50px;height:55px;flex-shrink:0;background:#e2ecdb;color:#548b6e;font-size:33px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.selection-body h2{font-size:17px;margin:0 0 7px;letter-spacing:-.5px}.selection-body p{font-size:10px;line-height:1.7;margin:0;color:#859383}.health-bar{height:4px;background:#dce5d6;border-radius:3px;margin-bottom:12px;overflow:hidden}.health-bar i{display:block;height:100%;background:#69b293;transition:width .2s}.action-hint{font-size:10px;line-height:1.8;color:#7d8e7f;margin-bottom:12px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.actions button{border:1px solid #dce6d6;background:#edf2e7;border-radius:7px;padding:10px 2px;color:#416d59;min-height:76px;text-align:center;transition:background .15s,transform .15s}.actions button:hover:not(:disabled){background:#dcebd6;transform:translateY(-2px)}.actions button>span{font-size:21px;display:block;margin-bottom:5px}.actions button b{display:block;font-size:10px;font-weight:600}.actions button small{display:block;font-size:8px;color:#8c9b80;margin-top:4px}.actions button.active{background:#cce6bd;border-color:#94bb80}#cancelAction{grid-column:1/-1;min-height:0;padding:8px;display:flex;justify-content:center;align-items:center;gap:7px}#cancelAction>span{font-size:15px;margin:0}#cancelAction small{display:none}.map-controls{position:absolute;bottom:24px;right:29px;display:flex;align-items:center;gap:2px;background:#112e41d9;padding:4px;border:1px solid #b2d8d526;border-radius:7px}.map-controls button{width:29px;height:27px;border:0;background:none;color:#c7ded8;font-size:19px}.map-controls button:hover{background:#ffffff15;border-radius:4px}.map-controls span{font-size:10px;width:44px;text-align:center;color:#9fbebc}.map-tip{position:absolute;bottom:30px;left:34px;font-size:9px;color:#83aeb9;pointer-events:none}.map-tip span{margin:0 10px;color:#628f9d}.turnbar{height:86px;flex-shrink:0;background:#112c40;display:flex;align-items:center;padding:0 34px;border-top:1px solid #b5d0ca18;gap:23px}.turn-badge{display:flex;align-items:center;gap:11px;min-width:115px}.turn-badge>span{font-size:30px;color:#f4d793}.turn-badge b{font-size:13px;white-space:nowrap}#turnLabel>span{display:block;color:#8aaba9;font-size:9px;font-weight:400;margin-top:4px}.turn-message{border-left:1px solid #ffffff15;padding-left:23px}.turn-message b{font-size:12px;font-weight:500}.turn-message p{font-size:10px;color:#83a6ac;margin:6px 0 0}#endTurn{margin-left:auto;background:#bce0a3;color:#2b4c3e;border:0;box-shadow:0 3px #729e77;border-radius:6px;padding:15px 23px;font-size:12px;font-weight:700;white-space:nowrap}#endTurn:hover:not(:disabled){background:#d0ecba}#endTurn span{margin-left:25px}.event-feed{position:absolute;left:34px;bottom:145px;pointer-events:none;max-width:275px}.log{font-size:9px;color:#b0ced0;line-height:1.8;background:#173a4d90;margin-top:5px;border-left:2px solid #80ad9e;padding:6px 9px}.log span{color:#6f9da9;margin-right:9px;font-size:8px}.log:not(:first-child){opacity:.55}#toast{position:absolute;top:88px;left:50%;transform:translate(-50%);background:#102e43ed;color:#eff5d9;border:1px solid #c5ddbe30;border-radius:7px;padding:11px 20px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;text-align:center}#toast.show{opacity:1}dialog{background:#f8f7ed;color:#294f51;max-width:460px;width:calc(100% - 32px);max-height:90dvh;border:0;border-radius:12px;padding:29px;box-shadow:0 25px 80px #081f4277}dialog::backdrop{background:#0b263b99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:23px;margin:12px 0 23px}dialog p{font-size:12px;line-height:1.9;color:#738b7d}#closeHelp{float:right;color:#789382}#startPlay{background:#477c67;color:#fff;border:0;padding:12px 20px;border-radius:6px;margin-top:12px}.action-panel.enemy .tile-preview{background:#f3dfd4;color:#b56560}@media(min-width:1500px){.map-caption{top:40px;left:48px}.map-caption h1{font-size:30px}.objective{left:48px;top:145px}}@media(max-width:850px){.world-name{display:none}.topbar{padding:0 18px;height:68px}.brand{font-size:16px}.resources{gap:15px;margin-right:4px}.resources strong{font-size:18px}.map-caption{left:20px;top:21px}.map-caption h1{font-size:20px}.kingdom-hud{top:22px;right:20px;gap:12px}.kingdom-hud>b,.kingdom-hud>.kingdom-dot{display:none}.objective{left:20px;top:105px}.event-feed{display:none}.turnbar{padding:0 18px;gap:14px;height:80px}.turn-message{padding-left:14px}.turn-message p{max-width:225px;line-height:1.6}.map-tip{left:20px}.action-panel{right:18px;width:275px}.map-controls{right:18px}}@media(max-width:540px){#app{min-height:620px}.topbar{height:60px;padding:0 12px;gap:8px}.brand{font-size:14px;gap:6px;letter-spacing:1px}.brand-mark{font-size:25px}.brand small{font-size:7px;letter-spacing:1px}.resources{gap:12px;margin:0 2px 0 auto}.resources>div{gap:0 5px}.resources strong{font-size:16px}.resources>div>span{font-size:18px}.resources small{font-size:8px}.icon-btn{width:25px;height:25px}.map-caption{top:17px;left:14px}.map-caption h1{font-size:17px}.map-caption p{display:none}.map-caption .eyebrow{font-size:8px}.kingdom-hud{top:19px;right:12px;padding:8px;gap:10px;font-size:9px}.kingdom-hud>span:last-child{display:none}.objective{top:84px;left:14px}.objective b{font-size:9px}.objective>span{font-size:19px}.objective small{font-size:8px}.map-tip{display:none}.turnbar{height:74px;padding:0 13px;gap:10px}.turn-badge{min-width:78px;gap:5px}.turn-badge>span{font-size:24px}.turn-badge b{font-size:11px}.turn-message{display:none}#endTurn{padding:12px 18px;font-size:11px}.action-panel{right:12px;left:12px;bottom:59px;width:auto;padding:12px;max-height:calc(100% - 110px)}.selection-body{margin:8px 0}.selection-body h2{font-size:15px}.tile-preview{width:40px;height:43px;font-size:27px}.action-hint{margin-bottom:8px;font-size:9px}.actions button{min-height:61px;padding:6px 2px}.actions button>span{font-size:18px;margin-bottom:3px}.map-controls{bottom:13px;right:12px}#toast{top:110px;font-size:10px;padding:9px 12px;width:max-content}dialog{padding:22px}}.action-panel.unit-compact{left:50%;right:auto;bottom:23px;transform:translate(-50%);width:auto;max-width:calc(100% - 220px);padding:9px 35px 9px 12px;display:flex;align-items:center;gap:12px;border-radius:8px;animation:none;overflow:visible;max-height:none}.unit-compact .panel-heading{position:absolute;right:7px;top:8px}.unit-compact .panel-heading .eyebrow,.unit-compact #terrainTag,.unit-compact .health-bar,.unit-compact .action-hint{display:none}.unit-compact .selection-body{margin:0;gap:7px}.unit-compact .tile-preview{width:26px;height:30px;font-size:23px}.unit-compact .selection-body h2{font-size:11px;margin:0 0 3px}.unit-compact .selection-body p{font-size:9px;white-space:nowrap}.unit-compact .actions{display:flex;gap:5px}.unit-compact .actions button{min-height:0;min-width:39px;padding:6px 7px;white-space:nowrap}.unit-compact .actions button>span{font-size:13px;margin:0}.unit-compact .actions button b{font-size:8px;margin-top:3px}.unit-compact .actions button small{display:none}@media(max-width:540px){.action-panel.unit-compact{left:12px;right:12px;bottom:56px;max-width:none;width:auto;transform:none;padding:8px 32px 8px 9px;justify-content:space-between;gap:6px}.unit-compact .selection-body h2{font-size:10px}.unit-compact .selection-body p{font-size:8px}.unit-compact .actions button{padding:5px 6px}.unit-compact .panel-heading{right:5px;top:7px}}.research-btn{border:1px solid #bddebc55;color:#d3edbd;background:#8db59a19;border-radius:7px;padding:7px 10px;font:inherit;font-size:11px;white-space:nowrap}.research-btn:hover{background:#8db59a35}.city-growth{margin:8px 0 14px;padding:10px;background:#e9efdf;border-radius:6px;font-size:10px;color:#55715c}.city-growth>div{height:5px;background:#ccdac2;margin:9px 0 6px;border-radius:3px;overflow:hidden}.city-growth i{height:100%;display:block;background:#69a882;transition:width .2s}.city-growth small{font-size:9px;color:#8b9b7e}.resource-options{display:grid;gap:5px;margin-bottom:12px;max-height:185px;overflow:auto;font-size:10px}.resource-option{border:1px solid #dce4d1;background:#eef2e6;border-radius:5px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:8px;color:#54705c;font-size:10px;text-align:left}.resource-option small{font-size:8px;opacity:.75}.resource-option em{width:100%;font-size:8px;font-style:normal;color:#a28560}.research-dialog{max-width:650px}.research-dialog>h2 small{float:right;font-size:16px;color:#a78c4f;margin:4px 15px 0 0}#closeResearch{float:right;color:#789382}#techGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tech-card{display:flex;gap:12px;padding:15px;text-align:left;background:#eaf0e1;border:1px solid #d6e2cc;border-radius:8px;color:#446858}.tech-card>span{font-size:30px;min-width:32px}.tech-card b{font-size:13px}.tech-card p{font-size:10px;margin:7px 0;line-height:1.6}.tech-card small{font-size:10px;color:#aa8e52}.tech-card.learned{opacity:.8;background:#dcebd3}.tech-card.learned small{color:#508865}.tech-card:disabled:not(.learned){opacity:.5}.unit-compact .city-growth,.unit-compact .resource-options{display:none}@media(max-width:540px){.research-btn{font-size:10px;padding:5px 6px}.topbar{gap:6px}.topbar .resources{gap:9px}.research-dialog{padding:18px}#techGrid{gap:6px}.tech-card{padding:10px;gap:6px}.tech-card>span{font-size:23px;min-width:20px}.tech-card b{font-size:11px}.tech-card p{font-size:9px}.resource-options{max-height:140px}}.research-dialog{max-width:960px;width:calc(100% - 32px)}#techGrid{display:flex;flex-direction:column;gap:16px}.tech-branch h3{font-size:12px;color:#698672;letter-spacing:.5px;margin:2px 0 9px}.tech-chain{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:6px;align-items:stretch}.tech-arrow{align-self:center;text-align:center;color:#89a37f;font-size:20px}.tech-chain .tech-card{padding:12px;min-width:0}.tech-chain .tech-card>span{font-size:25px;min-width:25px}.tech-chain .tech-card p{font-size:10px}.tech-chain .tech-card small{font-size:9px}.tech-card.learned{border-color:#97bd87}@media(max-width:540px){.research-dialog{padding:16px;width:calc(100% - 18px)}.tech-chain{grid-template-columns:1fr 9px 1fr 9px 1fr;gap:3px}.tech-arrow{font-size:13px}.tech-chain .tech-card{display:block;padding:8px 5px}.tech-chain .tech-card>span{font-size:20px;display:block;min-width:0;margin-bottom:5px}.tech-chain .tech-card b{font-size:11px}.tech-chain .tech-card p{font-size:8px;line-height:1.6;margin:5px 0}.tech-chain .tech-card small{font-size:8px}}.nation-dialog{max-width:760px;width:calc(100% - 28px);padding:30px;background:#f7f6ec}.nation-dialog h2{font-size:26px;margin:12px 0 14px}.nation-dialog>p{font-size:11px}.nation-dialog::backdrop{background:#112d43e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#nationGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:23px 0 16px}.nation-card{border:1px solid #dce3d2;background:#eef1e5;border-radius:9px;padding:17px 8px;color:#4f705c;text-align:center}.nation-card>span{display:block;font-size:30px;color:var(--nation-color);height:42px}.nation-card>b{display:block;font-size:12px;margin:7px 0}.nation-card>small{font-size:9px;color:#94a28b}.nation-card.selected{border:2px solid var(--nation-color);padding:16px 7px;background:#e2ecd9;box-shadow:0 3px 12px #40634615}.nation-card:hover{background:#e2ecd9}#nationDescription{padding:11px 14px;background:#e8eedf;border-radius:6px;color:#6f856b;line-height:1.8}.nation-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px}#startNation{background:#416e5b;color:#fff;border:0;padding:13px 20px;border-radius:6px;font-size:12px}@media(max-width:540px){.nation-dialog{padding:20px;max-height:94dvh}.nation-dialog h2{font-size:21px}#nationGrid{grid-template-columns:repeat(2,1fr);gap:7px;margin:16px 0}.nation-card{padding:10px 6px}.nation-card.selected{padding:9px 5px}.nation-card>span{font-size:25px;height:29px}.nation-card>b{font-size:11px;margin:5px}.nation-card>small{font-size:8px}.nation-dialog>p{font-size:10px}#nationDescription{margin:10px 0}.nation-footer{margin-top:10px}}.phase-badge{position:absolute;left:50%;top:24px;transform:translate(-50%);padding:7px 12px;border:1px solid #e8deae30;border-radius:20px;background:#1d384777;color:#dfd6af;font-size:10px;letter-spacing:1px;pointer-events:none}.night .phase-badge{border-color:#9eacd340;color:#c6d3eb;background:#1a254fcc}.night .topbar,.night .turnbar{background:#101c31}.night .map-caption p,.night .map-tip{color:#8c9fb9}.night .map-caption h1{color:#d6e0ed}.night .game-panel{background:#18263e}.unit-compact .selection-body p{font-size:8px;white-space:normal;max-width:235px}.unit-compact .actions{flex-wrap:wrap}.unit-compact .actions button{font-size:8px;min-width:37px}.unit-compact:has(#promoteUnit:not([hidden])){max-width:calc(100% - 50px)}@media(max-width:540px){.phase-badge{top:64px;left:auto;right:12px;transform:none;font-size:8px;padding:5px 8px}.unit-compact .selection-body p{max-width:160px;font-size:7px}.unit-compact:has(#upgradeScout:not([hidden])),.unit-compact:has(#promoteUnit:not([hidden])){padding-right:26px;gap:3px}.unit-compact .actions button{padding:4px;min-width:31px}}.nation-preview{display:block;width:126px;height:70px;max-width:100%;margin:0 auto;background:transparent;image-rendering:auto;cursor:pointer}.nation-card{padding-top:7px}.nation-card.selected{padding-top:6px}.nation-card>b{letter-spacing:.3px}.map-caption h1{font-weight:500}.topbar,.turnbar{background:#1b3143}.action-panel{box-shadow:0 15px 50px #112f3d50}@media(max-width:540px){.nation-preview{width:102px;height:57px}.nation-card{padding:5px 6px 9px}.nation-card.selected{padding:4px 5px 8px}.nation-card>b{margin:3px 0}.nation-dialog h2{font-size:20px}}.production-dock{position:absolute;left:50%;bottom:18px;transform:translate(-50%);max-width:calc(100% - 210px);z-index:5;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.production-units{display:flex;flex-wrap:nowrap;gap:6px;max-width:100%;overflow-x:auto;pointer-events:auto;padding:4px}.production-units button{flex:0 0 64px;width:64px;height:78px;border:1px solid #bacbb0;border-radius:50% 50% 10px 10px;background:#f5f7eefa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px;color:#294d43;cursor:pointer;box-shadow:0 2px 6px #102a3430}.production-units button:disabled{opacity:.48;cursor:default}.production-units button:not(:disabled):hover{background:#dceec6;transform:translateY(-2px)}.production-units button b{font-size:10px;white-space:nowrap}.production-units button small{font-size:8px;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-icon{display:block;width:40px;height:36px;background:transparent}.production-units #inspectUnit{border-radius:10px;flex-basis:54px;width:54px}.production-units #inspectUnit span{font-size:22px}.production-units #inspectUnit small{display:none}.production-dock .resource-options{display:flex;max-width:100%;overflow-x:auto;gap:5px;pointer-events:auto;margin:0;padding:3px}.production-dock .resource-option{flex-shrink:0;white-space:nowrap;padding:6px 8px;background:#f5f7eef5;border-radius:6px;font-size:9px}.production-dock .resource-option small,.production-dock .resource-option em{display:none}.research-surcharge{font-size:10px!important;background:#e8eddf;padding:9px;border-radius:5px;color:#82916c!important}@media(max-width:700px){.production-dock{bottom:54px;left:8px;right:8px;transform:none;max-width:none;align-items:stretch}.production-units{gap:4px}.production-units button{flex-basis:55px;width:55px;height:71px}.production-units button small{max-width:50px}.production-dock .resource-option{font-size:8px;padding:5px 7px}}.map-controls{z-index:20}.map-controls #zoomMax{width:43px;font-size:11px;font-weight:700}.account-button{border:1px solid #a6c5b33b;border-radius:7px;background:#294657;color:#e5efdc;padding:8px 11px;font-size:11px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.account-dialog{max-width:390px}#closeAccount{position:absolute;right:12px;top:12px}.account-tabs{display:flex;gap:6px;margin:20px 0}.account-tabs button{flex:1;padding:10px;border:1px solid #c9d4bb;background:transparent;border-radius:7px;color:#426153;cursor:pointer}.account-tabs button[aria-pressed=true]{background:#dbe9ca;border-color:#8dab7a;font-weight:700}#accountForm label{display:flex;flex-direction:column;gap:7px;margin:14px 0;font-size:12px}#accountForm input{padding:12px;border:1px solid #b9c8b1;border-radius:7px;background:#fff;color:#1c3c36;font:inherit;width:100%}#submitAccount,#logoutAccount{width:100%;padding:12px;border:0;border-radius:7px;background:#426b51;color:#fff;font-weight:700;cursor:pointer}#accountMessage{min-height:18px;color:#85582e;font-size:12px}#accountWelcome{font-weight:700}#accountForm button:disabled,#logoutAccount:disabled{opacity:.6;cursor:wait}@media(max-width:540px){.account-button{padding:6px;max-width:60px;font-size:10px}.topbar{gap:5px}.resources{gap:7px}.resources>div{gap:3px}.brand{font-size:12px}.topbar>.icon-btn{width:24px;flex-shrink:0}.research-btn{font-size:10px;padding:6px}}