:root{font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#eee1bf;background:#111713;font-synthesis:none;--ink:#141916;--gold:#b99558;--paper:#eee1bf;--green:#39765e;--red:#b55848;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,select,input{font:inherit}button,.file-button{border:1px solid #9f8450;background:linear-gradient(155deg,#28302a,#101814);color:var(--paper);cursor:pointer;min-height:44px;border-radius:3px;transition:filter .15s,background .15s;box-shadow:inset 0 0 0 3px #121a15,inset 0 0 0 4px #6b5c3e88}button:hover,.file-button:hover{filter:brightness(1.22)}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible,.file-button:focus-within{outline:3px solid #f4d282;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.4)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:700}button.primary{background:linear-gradient(145deg,#35674f,#153c2d);border-color:#ddc88c}.primary:disabled{background:#384c42}.gold-button{background:linear-gradient(135deg,#746039,#3e3524);border-color:#dac17d}.danger{color:#e6a593}.full{width:100%;margin-top:16px}.game{height:100dvh;min-height:300px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#131a15}#screen{height:100%;display:flex;flex-direction:column}.topbar{height:76px;flex:none;display:flex;align-items:center;padding:0 25px;gap:30px;border-bottom:2px solid var(--gold);background:radial-gradient(ellipse at top,#2a3028,#101714 75%);position:relative;z-index:2;box-shadow:0 3px 12px #0009}.brand{display:flex;align-items:center;gap:13px}.brand-seal{font-family:var(--serif);font-size:37px;color:#b6d5b1;border-right:1px solid #85724e;padding-right:16px}.brand h1{font-size:28px;letter-spacing:.23em;white-space:nowrap}.edition{font-size:9px;letter-spacing:.14em;color:#b6a980}.edition i{font-style:normal;font-size:8px;margin-left:9px;color:#7f9382}.resources{display:flex;align-items:center;gap:35px;margin:auto}.resources>span{display:flex;gap:12px;align-items:center}.resources small{font-family:var(--serif);font-size:14px;color:#d6c28f}.resources b{font-family:Georgia,var(--serif);font-size:25px;font-weight:400}.turn{font-family:var(--serif);font-size:22px;white-space:nowrap}.turn small{font-size:14px}.icon-button{width:44px;min-width:44px;font-size:24px;padding:0;box-shadow:none;background:#111a15cc;border-color:#85734e}.world{flex:1;position:relative;isolation:isolate;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 30% 60%,#718369,#a19e78 45%,#737b66)}.map-image{position:absolute;inset:0;background:url(/assets/world-map.png) center/100% 100% no-repeat;filter:saturate(.78) brightness(.88);z-index:-2}.world:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#101713aa,transparent 28%,transparent 85%,#111b1833);z-index:-1;box-shadow:inset 0 0 90px #16201666}.roads{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.roads line{stroke:#eed8a4;stroke-width:2;stroke-dasharray:6 6;filter:drop-shadow(0 1px 1px #293c2d);opacity:.7}.map-caption{position:absolute;left:30px;top:25px;display:flex;flex-direction:column;gap:10px;text-shadow:0 1px 10px #f9f1ce}.map-caption>span{font-family:var(--serif);font-size:30px;letter-spacing:.15em;color:#14271d}.map-caption small{font-size:10px;color:#2f3e2a;letter-spacing:.13em}.map-legend{position:absolute;right:25px;top:20px;padding:9px 15px;background:#111b16cc;border:1px solid #a28f64;display:flex;gap:18px;font-size:12px;z-index:1}.map-legend .qin{color:#a6d3ac}.map-legend .zhao{color:#ee9d83}.map-legend .wei{color:#a8c7dc}.city{position:absolute;transform:translate(-50%,-50%);min-width:95px;min-height:90px;background:none;border:0;box-shadow:none;padding:0;display:flex;align-items:center;flex-direction:column;z-index:2;filter:drop-shadow(0 2px 3px #172519cc)}.city:hover{filter:drop-shadow(0 0 6px #ffde7b)}.city:active{transform:translate(-50%,-50%)}.castle{font-size:47px;line-height:1;color:#efe0ad;text-shadow:1px 2px 0 #28342a,-1px -1px 0 #28342a}.city strong{font-family:var(--serif);font-size:18px;letter-spacing:.18em;background:#14251dcc;padding:3px 10px 1px;border:1px solid #a99b6c;min-width:72px}.city small{font-size:11px;color:#fff4d8;padding:2px 7px;background:#15241ddd}.city-flag{position:absolute;right:2px;top:-6px;font-family:var(--serif);font-weight:700;font-size:21px;padding:3px 5px 11px;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);background:#276547;color:#f5e8c6}.city.zhao .city-flag{background:#944139}.city.wei .city-flag{background:#3f607b}.city.selected:before{content:"";position:absolute;top:32px;left:-5px;right:-5px;height:28px;border:3px solid #ead186;border-radius:50%;background:#dfce7b33;box-shadow:0 0 20px #e7d19b66;z-index:-1}.objective{position:absolute;right:26px;bottom:25px;background:#111b16e8;border:1px solid var(--gold);padding:13px 20px;display:flex;gap:18px;align-items:center;box-shadow:0 5px 16px #0006}.objective>span{font-family:var(--serif);font-size:16px;letter-spacing:.15em}.objective b{font-size:29px;font-family:Georgia}.objective b small{font-family:var(--serif);font-size:12px;font-weight:400}.city-panel{position:absolute;left:24px;bottom:22px;display:flex;align-items:center;background:linear-gradient(120deg,#17251af2,#111912f5);border:1px solid #c1a570;outline:3px solid #152218cc;box-shadow:0 5px 25px #0009;max-width:70%;z-index:3;min-height:111px}.commander{display:flex;align-items:flex-end;position:relative;width:115px;align-self:stretch;flex:none;overflow:hidden}.portrait{display:block;width:66px;height:78px;flex:none;background-image:url(/assets/portraits.png);background-size:400% 300%;background-color:#455747;border:1px solid #a99161;box-shadow:inset 0 0 15px #0005}.portrait.large{width:115px;height:125px;border:0}.commander .portrait{height:100%;min-height:118px;width:115px}.commander>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0b160de8);padding:20px 7px 6px;display:flex;flex-direction:column}.commander strong{font-family:var(--serif);font-size:20px;letter-spacing:.15em}.commander small{font-size:9px;color:#dcc592}.city-info{padding:10px 20px;min-width:260px}.city-heading{display:flex;align-items:center;gap:10px;margin-bottom:7px}.city-heading h2{font-size:26px;letter-spacing:.2em}.faction-dot{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;background:#2e6548;border:1px solid #b69d69;color:#eee0b6;font-family:var(--serif)}.faction-dot.zhao{background:#904135}.faction-dot.wei{background:#36546e}.level{font-size:10px;color:#b7aa83}.city-stat{display:flex;gap:20px;align-items:center}.city-stat span:first-child{font-size:13px}.city-stat b{font-size:20px;margin-left:10px;font-family:Georgia;font-weight:400}.city-stat span:last-child{font-size:10px;color:#b8b998}.city-info p{font-size:10px;color:#9daf99;margin-top:7px}.sortie{min-width:90px;margin-right:15px;padding:9px 17px;font-family:var(--serif);font-size:22px}.world-hint{position:absolute;bottom:4px;left:50%;transform:translate(-50%);color:#cfccaf;font-size:9px;text-shadow:0 1px 3px #000;white-space:nowrap}.commandbar{display:flex;padding:10px 24px 12px;gap:10px;flex:none;height:85px;border-top:2px solid #9b844f;background:linear-gradient(#263029,#131a15)}.commandbar button{flex:1;display:flex;align-items:center;justify-content:center;gap:15px;font-family:var(--serif);font-size:23px;letter-spacing:.15em;position:relative}.commandbar button>span{color:#c7b080;font-size:25px}.commandbar button:last-child{flex:1.4}.next-turn small{font-family:sans-serif;position:absolute;right:10px;bottom:5px;font-size:9px;color:#b8ccb4;letter-spacing:0}.next-turn span{font-size:32px!important}.modal-scrim{position:absolute;inset:0;background:#07100dc9;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(610px,100%);max-height:94%;display:flex;flex-direction:column;background:linear-gradient(135deg,#253328,#131d17);border:1px solid #bda36d;box-shadow:0 18px 80px #000a,0 0 0 5px #131d16,0 0 0 6px #706145;color:#e6ddbe;overflow:hidden}.modal.wide{width:min(970px,100%)}.modal>header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #7e6e47;gap:15px;background:#10191299}.eyebrow{font-size:9px;letter-spacing:.2em;color:#bda16b;text-transform:uppercase}.modal h2{font-size:24px;letter-spacing:.08em;margin-top:4px}.modal-content{padding:23px 25px;overflow:auto;overscroll-behavior:contain}.modal-content>p{font-size:13px;line-height:1.9;margin-bottom:18px}.modal-content .lead{font-family:var(--serif);font-size:19px;text-align:center;color:#f0deb3}.intro-seal{font-family:var(--serif);font-size:58px;width:95px;height:95px;border:1px solid #bb9756;outline:4px solid #28372a;margin:3px auto 23px;display:grid;place-items:center;color:#d2bd86;background:#263f2d;box-shadow:0 0 50px #bdb16b12}.help-steps{display:grid;gap:14px}.help-steps b{font-family:var(--serif);font-size:16px;color:#dcc492;letter-spacing:.07em}.help-steps p{font-size:12px;line-height:1.9;color:#b7c0ac;margin-top:5px}.note{font-size:11px!important;color:#9aaa98;line-height:1.8!important;margin-top:18px!important;margin-bottom:0!important}.list-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #68745366;padding:16px 0}.list-row>div{display:flex;flex-direction:column;gap:7px}.list-row strong{font-family:var(--serif);font-size:20px}.list-row small{font-size:11px;color:#adbaa6}.list-row button{padding:8px 17px;min-width:100px}.empty{padding:20px 5px;color:#cebc96;font-size:13px;line-height:2}.general-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.general-card{border:1px solid #71765577;background:#101b1455;padding:13px;display:flex;gap:12px}.general-card>.portrait{width:82px;height:102px}.general-card>div{min-width:0;flex:1}.general-name{display:flex;justify-content:space-between;align-items:center}.general-name h3{font-size:22px}.general-card small{font-size:10px;color:#bac0a5}.general-stats{display:flex;gap:16px;font-size:10px;color:#a9b79e;margin:8px 0}.general-stats b{font-size:15px;color:#e6d4a6;margin-left:2px}.general-card p{font-size:11px;line-height:1.7;color:#c4c9b2;margin-bottom:8px}.assign-label{font-size:11px;color:#b2bc9d;display:flex;gap:7px;align-items:center}.assign-label select{background:#142319;color:#e5d7b1;border:1px solid #827d53;border-radius:3px;min-height:44px;padding:5px 8px;width:100%;font-size:12px}.diplomacy-row{display:flex;align-items:center;gap:18px;border-top:1px solid #6c755466;padding:20px 0}.diplomacy-row>div{flex:1}.diplomacy-row h3{font-size:23px;margin-bottom:5px}.diplomacy-row small{font-size:11px;color:#a3b29b}.diplomacy-row p{font-size:12px;margin-top:8px;color:#d1c394}.diplomacy-row button{padding:7px 13px}.kingdom-seal{height:75px;width:62px;display:grid;place-items:center;font-family:var(--serif);font-size:39px;border:1px solid #b19866;background:#833f33}.kingdom-seal.wei{background:#3a576f}.council-summary{display:flex;justify-content:space-between;padding:16px 0 22px;font-size:13px;color:#c7b583}.war-log{padding:0;list-style:none;max-height:310px;overflow:auto;margin:15px 0}.war-log li{border-top:1px solid #67735444;padding:12px 5px;font-size:12px;line-height:1.8;color:#c2cbb7}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid button,.file-button{padding:14px;font-size:13px;text-align:center}.file-button{position:relative;display:grid;place-items:center}.file-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.save-status{color:#add3a4!important}.battle-layout{display:flex;flex-direction:column;height:100%}.battle-header{display:flex;align-items:center;gap:20px;height:78px;flex:none;padding:0 25px;border-bottom:2px solid #9d8854;background:linear-gradient(#263026,#121a14)}.army{display:flex;align-items:center;gap:15px;font-family:var(--serif);color:#a9d8b9}.army>span{font-size:22px}.army b{font-family:Georgia;font-size:31px;font-weight:400}.army.enemy{color:#ec9985}.battle-title{margin:auto;text-align:center}.battle-title h1{font-size:28px;letter-spacing:.15em}.battle-title small{font-size:10px;color:#c0b48d;display:flex;gap:16px;justify-content:center;margin-top:6px}.battle-header button{font-family:var(--serif);font-size:18px;padding:9px 17px;white-space:nowrap}.battle-header .speed{font-family:Georgia;padding:8px 12px}.battlefield{flex:1;min-height:0;background:#252c22;position:relative;overflow:hidden;background-image:radial-gradient(#676e4b,#1a261c)}#battle-canvas{width:100%;height:100%;overflow:hidden;touch-action:none}#battle-canvas canvas{display:block;touch-action:none}.battle-tip{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#102017da;border:1px solid #a0916066;border-radius:2px;padding:7px 14px;font-size:11px;color:#e1d5ac;pointer-events:none;white-space:nowrap}.battle-footer{height:147px;display:flex;gap:23px;align-items:center;padding:10px 25px;border-top:2px solid #9d8854;background:linear-gradient(#263328,#111c15);flex:none}.selected-general{display:flex;gap:14px;align-items:center;min-width:242px}.selected-general h2{font-size:25px;margin-bottom:6px}.selected-general p{font-size:12px;display:flex;justify-content:space-between;gap:20px;line-height:1.7;color:#c6c6a5}.selected-general p b{font-family:Georgia;font-size:17px;font-weight:400;color:#ede0b5}.selected-general small{font-size:9px;color:#baa66f}.morale{height:5px;background:#050e08;border:1px solid #82885e;margin:5px 0}.morale i{display:block;height:100%;background:#90bea0}.unit-list{display:flex;gap:10px;flex:1;min-width:0;overflow-x:auto;padding:3px}.unit-card{padding:0;display:flex;flex-direction:column;width:80px;min-width:80px;overflow:hidden;background:#111d15;border-color:#8f865b;box-shadow:none}.unit-card .portrait{width:100%;height:67px;border:0}.unit-card strong{font-family:var(--serif);font-size:15px;padding-top:3px}.unit-card small{font-family:Georgia;font-size:11px;padding:2px}.unit-card.active{outline:2px solid #efd392;outline-offset:1px;background:#365c3f}.unit-health{display:block;height:3px;width:100%;background:#080e09}.unit-health i{display:block;height:100%;background:#84c4a2}.battle-actions{display:flex;gap:10px;flex-direction:column;min-width:125px}.battle-actions button{font-family:var(--serif);font-size:20px;padding:8px 17px}.battle-actions small{font-family:sans-serif;display:block;font-size:9px;color:#d1c499;margin-top:3px}.result-scrim{position:absolute;inset:0;background:#08150cd4;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.result-card{text-align:center;padding:30px 55px;border:1px solid #bba26a;background:linear-gradient(140deg,#263829,#142117);box-shadow:0 15px 80px #0008;max-width:90%}.result-card h2{font-size:64px;letter-spacing:.25em;margin:10px 0;color:#e6d095;text-indent:.25em}.result-card>p{font-family:var(--serif);font-size:17px;margin:10px 0 20px}.result-count{display:flex;gap:28px;font-size:12px;margin-bottom:20px;color:#b7bea2}.result-count b{display:block;font-family:Georgia;font-size:23px;font-weight:400;color:#ebd8a9;margin-top:7px}.result-card button{padding:11px 30px;font-family:var(--serif);font-size:19px}#toast{position:absolute;bottom:100px;left:50%;transform:translate(-50%,12px);background:#121e16f2;color:#f1e3bc;border:1px solid #c3a767;padding:13px 25px;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:13px;box-shadow:0 5px 20px #0007;max-width:90%;text-align:center;line-height:1.8}#toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1500px){.city-panel{bottom:30px;left:35px}.city{min-width:110px}.castle{font-size:56px}.city strong{font-size:21px}.world-hint{font-size:11px}.map-caption{top:35px;left:40px}.map-caption>span{font-size:36px}}@media(max-height:600px)and (orientation:landscape){.topbar{height:49px;padding:0 13px;gap:18px}.brand{gap:9px}.brand-seal{font-size:26px;padding-right:10px}.brand h1{font-size:20px}.edition{font-size:7px}.edition i{display:none}.resources{gap:23px}.resources small{font-size:11px}.resources b{font-size:20px}.resources>span{gap:7px}.turn{font-size:19px}.turn small{font-size:10px}.icon-button{min-height:44px;width:44px}.commandbar{height:61px;padding:7px 13px;gap:8px}.commandbar button{font-size:17px;gap:10px}.commandbar button>span{font-size:20px}.next-turn small{font-size:8px;bottom:4px;right:7px}.map-caption{left:17px;top:14px}.map-caption>span{font-size:22px}.map-caption small{font-size:8px}.map-legend{right:15px;top:12px;padding:6px 10px;gap:12px;font-size:10px}.city{min-height:65px;min-width:74px}.castle{font-size:32px}.city strong{font-size:13px;padding:2px 7px;min-width:59px}.city small{font-size:9px}.city-flag{font-size:15px;top:-6px;right:2px;padding:2px 4px 8px}.city.selected:before{top:20px;height:24px;left:2px;right:2px;border-width:2px}.city-panel{left:14px;bottom:13px;min-height:80px;max-width:73%}.commander{width:78px}.commander .portrait{width:78px;min-height:80px}.commander strong{font-size:16px}.commander small{font-size:7px}.commander>div{padding:16px 5px 4px}.city-info{padding:6px 13px;min-width:215px}.city-heading{gap:7px;margin-bottom:4px}.city-heading h2{font-size:19px}.faction-dot{width:20px;height:20px;font-size:12px}.level{font-size:9px}.city-stat{gap:17px}.city-stat span:first-child{font-size:10px}.city-stat b{font-size:17px;margin-left:8px}.city-stat span:last-child{font-size:9px}.city-info p{font-size:8px;margin-top:4px}.sortie{min-width:77px;font-size:18px;margin-right:10px;padding:8px 13px}.objective{right:15px;bottom:15px;padding:8px 13px;gap:12px}.objective>span{font-size:12px}.objective b{font-size:23px}.objective b small{font-size:10px}.world-hint{display:none}.modal-scrim{padding:13px}.modal{max-height:96%}.modal>header{padding:10px 19px}.modal h2{font-size:21px}.modal-content{padding:16px 20px}.intro-seal{width:65px;height:65px;font-size:43px;margin:0 auto 15px}.modal-content .lead{font-size:16px}.help-steps{gap:9px}.help-steps b{font-size:14px}.help-steps p{font-size:11px}.battle-header{height:52px;padding:0 12px;gap:14px}.army{gap:10px}.army>span{font-size:17px}.army b{font-size:23px}.battle-title h1{font-size:21px}.battle-title small{font-size:8px;margin-top:3px}.battle-header button{font-size:16px;padding:7px 12px}.battle-header .speed{padding:6px 10px}.battle-footer{height:91px;padding:5px 13px;gap:16px}.selected-general{min-width:175px;gap:9px}.selected-general .portrait.large{width:71px;height:79px}.selected-general h2{font-size:18px;margin-bottom:1px}.selected-general p{font-size:10px;line-height:1.4}.selected-general p b{font-size:14px}.selected-general small{font-size:8px}.morale{margin:3px 0}.unit-list{gap:8px}.unit-card{width:57px;min-width:57px}.unit-card .portrait{height:41px}.unit-card strong{font-size:11px;padding-top:2px}.unit-card small{font-size:9px;padding:1px}.battle-actions{flex-direction:row;min-width:0;gap:8px}.battle-actions button{font-size:17px;min-height:53px;padding:6px 14px}.battle-actions small{font-size:8px}.battle-tip{font-size:9px;padding:4px 10px;top:6px}.result-card{padding:15px 35px}.result-card h2{font-size:42px;margin:5px 0}.result-card>p{font-size:14px;margin:5px 0 10px}.result-count{margin-bottom:10px;gap:25px;font-size:10px}.result-count b{font-size:18px;margin-top:4px}.result-card button{font-size:15px;padding:8px 20px}#toast{bottom:70px;font-size:11px;padding:9px 18px}.general-card>.portrait{width:66px;height:85px}.general-card{gap:9px;padding:10px}}@media(max-width:700px)and (orientation:landscape){.resources{gap:13px}.troop-resource{display:none!important}.topbar{gap:12px}.brand h1{font-size:17px}.city-info{min-width:170px;padding:6px 9px}.city-stat{gap:10px}.city-stat span:last-child{display:none}.sortie{min-width:64px;padding:7px 9px;margin-right:7px}.objective{padding:8px;right:10px;gap:8px}.objective>span{font-size:10px}.army{gap:7px}.army>span{font-size:14px}.army b{font-size:19px}.battle-header{gap:8px}.battle-title h1{font-size:17px}.battle-title small{font-size:7px}.battle-header button{padding:6px 9px;font-size:14px}.selected-general{min-width:145px;gap:6px}.selected-general .portrait.large{width:55px}.battle-footer{gap:9px}.unit-list{gap:6px}.battle-actions{gap:5px}.battle-actions button{font-size:15px;padding:5px 9px}.commandbar button{font-size:15px;gap:5px}}@media(orientation:portrait){html,body,#app{overflow:auto;min-height:100%}.game{height:100dvh;min-height:740px}.topbar{height:91px;padding:10px 13px;flex-wrap:wrap;gap:8px;align-content:center}.brand{gap:9px}.brand-seal{font-size:29px;padding-right:10px}.brand h1{font-size:22px}.edition{font-size:8px}.edition i{font-size:7px}.resources{order:4;width:100%;justify-content:space-between;gap:10px;margin:0}.resources>span{gap:6px}.resources small{font-size:10px}.resources b{font-size:18px}.turn{margin-left:auto;font-size:18px}.turn small{font-size:10px}.topbar>.icon-button{width:44px;min-width:44px}.map-caption{left:16px;top:20px}.map-caption>span{font-size:25px;writing-mode:vertical-rl;letter-spacing:.2em}.map-caption small{display:none}.map-legend{right:12px;top:16px;font-size:10px;padding:6px 9px;gap:10px}.map-image{background-size:auto 100%;background-position:48% center}.roads{height:75%;top:20px}.city{top:calc(var(--y,0)*1%)!important;min-width:72px;min-height:72px}.city{transform:translate(-50%,-50%)}.city .castle{font-size:36px}.city strong{font-size:14px;min-width:58px;padding:3px 6px}.city small{font-size:9px}.city-flag{right:0;top:-8px;font-size:16px}.city.selected:before{top:24px;height:23px;left:2px;right:2px}.city-panel{left:12px;right:12px;bottom:20px;max-width:none;min-height:95px}.commander{width:70px}.commander .portrait{width:70px;min-height:95px}.commander strong{font-size:16px}.commander small{font-size:7px}.city-info{min-width:0;flex:1;padding:8px 9px}.city-heading{gap:5px}.city-heading h2{font-size:20px;letter-spacing:.08em}.faction-dot{width:19px;height:21px;font-size:12px}.level{font-size:8px}.city-stat{gap:5px;flex-direction:column;align-items:flex-start}.city-stat span:first-child{font-size:10px}.city-stat b{font-size:18px;margin-left:7px}.city-stat span:last-child{font-size:9px}.city-info p{font-size:8px;line-height:1.6}.sortie{padding:7px 10px;min-width:62px;font-size:17px;margin-right:9px}.objective{right:13px;bottom:127px;padding:7px 10px;gap:9px}.objective>span{font-size:10px}.objective b{font-size:19px}.objective b small{font-size:9px}.world-hint{font-size:8px;bottom:5px}.commandbar{height:120px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px;gap:6px}.commandbar button{font-size:15px;gap:5px}.commandbar button>span{font-size:18px}.commandbar button:last-child{grid-column:1/-1;min-height:45px}.next-turn small{right:12px;bottom:13px}.modal-scrim{position:fixed;padding:16px}.modal{max-height:92dvh}.modal>header{padding:14px 16px}.modal h2{font-size:20px}.modal-content{padding:20px 17px}.intro-seal{width:74px;height:74px;font-size:48px}.modal-content .lead{font-size:16px}.help-steps p{font-size:11px}.general-grid{grid-template-columns:1fr}.general-card>.portrait{width:73px;height:95px}.settings-grid{grid-template-columns:1fr}.settings-grid button,.file-button{min-height:49px;padding:12px}.diplomacy-row{gap:12px}.kingdom-seal{height:60px;width:44px;font-size:30px}.diplomacy-row button{font-size:12px;padding:8px 10px}.list-row button{min-width:87px;padding:7px 11px;font-size:12px}.list-row strong{font-size:18px}.list-row small{font-size:10px}.battle-header{height:107px;flex-wrap:wrap;padding:8px 12px;gap:7px;justify-content:space-between}.battle-title{order:-1;flex:0 0 100%;margin:0}.battle-title h1{font-size:22px}.battle-title small{font-size:9px;margin-top:2px}.army{gap:8px}.army>span{font-size:14px}.army b{font-size:20px}.battle-header button{font-size:14px;padding:6px 10px;min-height:44px}.battle-header .speed{padding:6px 9px}.battle-tip{white-space:normal;text-align:center;font-size:10px;width:85%;line-height:1.7;top:12px}.battle-footer{height:205px;display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 12px}.selected-general{min-width:0;gap:10px}.selected-general .portrait.large{width:65px;height:84px}.selected-general h2{font-size:21px}.selected-general p{font-size:11px;line-height:1.4}.selected-general small{font-size:8px}.unit-list{grid-column:1/-1;grid-row:2;gap:9px}.unit-card{width:62px;min-width:62px}.unit-card .portrait{height:43px}.unit-card strong{font-size:12px}.unit-card small{font-size:9px}.battle-actions{min-width:110px;gap:6px}.battle-actions button{font-size:17px;padding:6px 10px;min-height:44px}.battle-actions small{font-size:8px}.result-card{padding:22px 24px;width:90%}.result-card h2{font-size:46px}.result-card>p{font-size:15px}.result-count{font-size:10px;gap:20px;justify-content:center}.result-count b{font-size:19px}.result-card button{font-size:17px}#toast{position:fixed;bottom:135px;width:max-content;max-width:90%;font-size:11px;padding:11px 16px}.battlefield:after{content:"横画面で、戦場を広く見渡せます";position:absolute;left:0;right:0;bottom:15px;text-align:center;font-size:10px;color:#d4d3af;pointer-events:none}}.castle svg{display:block;width:1.55em;height:1em;overflow:visible}.city.selected:before{z-index:-1}@media(max-height:600px)and (orientation:landscape){.world .city,.world .city:active{transform:translate(-50%,calc(-50% - 30px))}.world .roads{transform:translateY(-30px)}.selected-general .portrait.large{height:72px}.selected-general>div>small{display:none}.selected-general h2{margin-bottom:1px}.battle-footer{overflow:hidden}}.audio-status{font-size:11px!important;color:#bdd4a9!important;margin-bottom:12px!important}.audio-settings{display:grid;gap:9px;margin-bottom:20px;padding:12px;border:1px solid #73815a66;background:#0e1b1280}.audio-settings label{display:flex;align-items:center;gap:12px;min-height:44px;font-size:12px}.audio-settings label>span{width:46px;flex:none}.audio-settings input{flex:1;min-width:60px;accent-color:#c9b16f;min-height:44px}.audio-settings output{font:12px monospace;width:36px;text-align:right}.battle-header .battle-audio{min-width:44px;width:44px;padding:5px;font-size:13px;box-shadow:none}@media(orientation:portrait){.battle-header{column-gap:5px}.battle-header .army{gap:5px}.battle-header .army b{font-size:18px}.battle-header .battle-audio{width:44px;min-width:44px}.battle-header .pause{padding:6px 8px}}