:root{--bg:#0d1222;--panel:#171f35;--line:#35405d;--ink:#f4f0e8;--muted:#aab4c9;--red:#d84a46;--blue:#3d83da;--gold:#d6a638}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#28385b 0,var(--bg) 48%);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.topbar,.game-head{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,56px);background:#0b1020e8;border-bottom:1px solid #ffffff16;position:relative;z-index:4}.topbar b{font-size:21px}.topbar a,.cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#15100a;background:linear-gradient(135deg,#ffe08a,#d59b32);font-weight:900;border:0;border-radius:10px;padding:14px 24px;box-shadow:0 8px 28px #0007}.landing main{max-width:1200px;margin:auto;padding:0 24px}.hero{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px}.eyebrow{font-weight:900;letter-spacing:.2em;color:#f4c765}.hero h1{font-family:serif;font-size:clamp(48px,7vw,88px);line-height:1.02;margin:10px 0 22px}.hero h1 em{font-style:normal;color:#f5cc6c}.hero p{max-width:650px;font-size:18px;line-height:1.9;color:#c8d1e4}.crest-show{display:flex;justify-content:center;gap:14px;perspective:700px}.crest-show i,.faction-pick i{width:110px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:900 52px serif;color:white;border:5px double #ffffff88;box-shadow:0 18px 40px #0009}.crest-show i:nth-child(2){transform:translateY(-50px)}.red{--nation:var(--red);color:#ff8b84}.blue{--nation:var(--blue);color:#79b7ff}.gold{--nation:var(--gold);color:#f5d174}.crest-show .red,.faction-pick .red{background:#8e2928}.crest-show .blue,.faction-pick .blue{background:#225893}.crest-show .gold,.faction-pick .gold{background:#8b671b}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:80px}.features article,.legal,.setup,.login-gate{background:#151d31;border:1px solid #ffffff18;border-radius:20px;padding:28px}.features article>b{color:#efc86d;font-size:25px}.features p,.legal p{color:var(--muted);line-height:1.8}footer{text-align:center;padding:40px;color:#8692aa;border-top:1px solid #ffffff14}footer a,.legal a{color:#e8c66e}.login-gate,.setup{max-width:760px;margin:8vh auto;text-align:center}.login-gate{display:grid;gap:16px;justify-items:center}.gate-crest{width:130px;aspect-ratio:1;border:6px double #efd177;border-radius:50%;display:grid;place-items:center;font:900 68px serif;background:#9c312e}.setup label{display:grid;gap:8px;max-width:420px;margin:22px auto;text-align:left}.setup input{font-size:20px;padding:14px;border-radius:10px;border:1px solid #53617c;background:#0d1427;color:white}.faction-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.faction-pick button{background:#0d1427;color:white;border:2px solid #394662;border-radius:16px;padding:18px;display:grid;gap:8px;justify-items:center}.faction-pick button.chosen{border-color:#f6d26e;box-shadow:0 0 30px #f5cc6c44;transform:translateY(-4px)}.faction-pick i{width:72px;font-size:32px}.faction-pick span{color:#aab4c9}.setup .cta{margin-top:24px}.cta:disabled{filter:grayscale(1);opacity:.45}.game-head{height:72px;display:grid;grid-template-columns:auto 1fr auto auto;gap:18px}.brand{background:none;border:0;color:#f4d27a;font-weight:900;font-size:18px}.game-head>div:nth-child(2){display:flex;gap:9px;align-items:center}.resources{display:flex;gap:16px}.resources span{color:#aeb8cd}.resources b{color:#fff}.game-head>button:last-child{background:#25304a;color:#dfe6f5;border:1px solid #43516d;border-radius:8px;padding:8px}.game-nav{display:flex;justify-content:center;gap:6px;padding:10px;background:#101729;border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:3}.game-nav button{border:0;background:transparent;color:#aab4c9;padding:10px 20px;border-radius:8px}.game-nav button.active{background:#2a3652;color:white}.game #view{max-width:1180px;margin:auto;padding:28px 20px 80px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title small{letter-spacing:.16em;color:#d8b45f}.section-title h1{margin:5px 0;font-family:serif;font-size:35px}.resolve{color:#aab4c9}.resolve b{color:white}.war-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.territory-map{min-height:570px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:9px;background:linear-gradient(160deg,#263b43,#1c283d 45%,#382b2c);border:1px solid #53617d;border-radius:20px;padding:18px;overflow:hidden}.territory{position:relative;border:2px solid #ffffff20;border-radius:18px;background:linear-gradient(145deg,#35405b,#202940);color:white;padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:150px;overflow:hidden;box-shadow:inset 0 -45px 70px #0006}.territory:before{content:"";position:absolute;inset:12% 18% 35%;border-radius:50% 50% 34% 44%;background:#ffffff12;transform:rotate(calc((var(--x) - var(--y))*9deg));box-shadow:18px 18px 0 #0002}.territory.red{border-color:#d85b55}.territory.blue{border-color:#5593dd}.territory.gold{border-color:#d8ad4d}.territory.selected{outline:3px solid #fff3a4;transform:translateY(-3px);z-index:2}.territory span,.territory b,.territory small{position:relative}.territory span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0b102099}.territory b{font-size:19px}.territory small{color:#c9d0df}.war-panel,.town-stats,.tower-card>div:last-child,.ranking{background:#171f35;border:1px solid #3a4661;border-radius:18px;padding:20px}.war-panel h2{margin-top:0}.war-panel button{width:100%;margin-top:14px}.war-panel>button:not(.cta){padding:12px;border-radius:9px;border:1px solid #53617c;background:#25304a;color:white}.war-panel p{color:#9eabc2;font-size:13px}.power-row{display:grid;grid-template-columns:42px 1fr 48px;align-items:center;gap:7px;margin:12px 0}.power-row i{height:8px;border-radius:8px;background:#0b1020;overflow:hidden}.power-row em{display:block;height:100%;background:var(--nation)}.nation-score{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.nation-score div{padding:15px;background:#171f35;border-radius:12px;display:flex;justify-content:space-between;border-top:3px solid var(--nation)}.town-scene{display:grid;grid-template-columns:1fr 360px;min-height:500px;gap:20px;background:linear-gradient(#1d3153,#674d3c);border-radius:22px;padding:35px;align-items:end;overflow:hidden}.castle{min-height:390px;position:relative;display:flex;align-items:flex-end;justify-content:center}.castle i{position:absolute;bottom:45px;width:60%;height:48%;background:#e7e0ce;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);border-bottom:20px solid #5d3028;box-shadow:0 -45px 0 -15px #d9d0bb,0 -88px 0 -32px #c7bca7}.castle i:nth-child(2){width:33%;height:65%;bottom:45px}.castle i:nth-child(3){width:12%;height:80%;bottom:45px}.castle b{position:relative;background:#101729;padding:10px 18px;border-radius:10px}.town-stats div{display:flex;justify-content:space-between;border-top:1px solid #ffffff16;padding:12px 0}.town-stats button{width:100%;margin-top:14px}.tower-card{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:center}.tower-visual{height:520px;position:relative;display:grid;place-items:center;background:linear-gradient(#16213a,#392345);border-radius:20px;overflow:hidden}.tower-visual i{position:absolute;bottom:calc(var(--n)*52px);width:calc(85% - var(--n)*5%);height:60px;background:#293656;border:3px solid #53627f;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.tower-visual b{z-index:2;font:900 48px serif;color:#ffe18a;text-shadow:0 4px 20px #000}.ranking{list-style:none;margin:0;padding:12px}.ranking li{display:grid;grid-template-columns:50px 1fr 90px 120px;gap:12px;padding:15px;border-bottom:1px solid #ffffff12;align-items:center}.ranking em{font-size:24px;color:#e9c66d}.ranking strong{text-align:right}.battle{height:100svh;display:grid;grid-template-rows:60px 1fr auto auto;background:#090e1b;overflow:hidden}.battle header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#121a2d}.battle header button{background:#2a354d;border:1px solid #53617b;color:white;border-radius:8px;padding:8px 12px}.battle header span{font-size:24px;font-weight:900;color:#ffda75}.battle canvas{width:100%;height:100%;touch-action:none}.battle-hud{display:flex;justify-content:center;gap:30px;padding:12px;background:#121a2d}.battle-hud span{color:#9eabc2}.battle-hud b{font-size:22px;color:white}.battle-guide{text-align:center;margin:0;padding:8px;background:#d7a83d;color:#171109;font-weight:900}.result{min-height:100svh;display:grid;place-content:center;text-align:center;gap:20px}.result h1{font-size:64px;color:#ffdb78;margin:0}.result>div{display:flex;gap:12px}.result span{background:#171f35;border:1px solid #3a4661;border-radius:12px;padding:16px 24px;display:grid}.result strong{font-size:30px;color:#ffe582}.legal{max-width:900px;margin:40px auto}.legal h2{margin-top:30px}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,30px);opacity:0;background:#fff;color:#111;padding:13px 22px;border-radius:10px;z-index:20;transition:.25s;font-weight:800}#toast.show{opacity:1;transform:translate(-50%,0)}#fx{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}#fx i{position:absolute;width:8px;height:8px;border-radius:50%;animation:particle .75s ease-out forwards}@keyframes particle{to{transform:rotate(var(--a)) translateX(var(--d));opacity:0}}.shake{animation:shake .25s}@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}#loading{text-align:center;margin-top:35vh;color:#d8c27b}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0}.crest-show{padding:70px 0 25px}.crest-show i{width:84px;font-size:38px}.features{grid-template-columns:1fr}.game-head{height:auto;grid-template-columns:1fr auto;padding:10px 12px}.game-head .brand{display:none}.game-head>div:nth-child(2){grid-column:1}.resources{grid-column:1/-1;justify-content:space-between}.game-nav{overflow-x:auto;justify-content:flex-start}.game-nav button{white-space:nowrap}.game #view{padding:18px 10px 70px}.war-layout,.town-scene,.tower-card{grid-template-columns:1fr}.territory-map{min-height:520px;padding:8px;gap:5px}.territory{min-height:150px;padding:8px}.territory b{font-size:14px}.war-panel{position:sticky;bottom:8px;z-index:4}.nation-score{gap:5px}.nation-score div{font-size:12px;padding:10px}.faction-pick{grid-template-columns:1fr}.faction-pick button{grid-template-columns:auto 1fr;justify-items:start;text-align:left}.faction-pick i{grid-row:1/3}.setup{margin:12px}.town-scene{padding:16px}.castle{min-height:320px}.tower-visual{height:420px}.ranking li{grid-template-columns:38px 1fr 65px 70px;font-size:13px}.battle-hud{gap:14px}.result>div{gap:5px}.result span{padding:12px 10px}.section-title h1{font-size:27px}}

/* Generated raster artwork */
.landing:before{content:"";position:absolute;inset:68px 0 auto;height:690px;background:linear-gradient(90deg,#0d1222 5%,#0d1222d8 42%,#0d122255),url('/assets/art/key-art.webp') center/cover no-repeat;opacity:.72;z-index:0;pointer-events:none}.landing .topbar,.landing main,.landing footer{position:relative;z-index:1}.hero{position:relative}.hero-copy{position:relative;z-index:2;text-shadow:0 3px 16px #000}.hero-commanders{height:620px;position:relative;overflow:visible;filter:drop-shadow(0 20px 25px #0009)}.hero-commanders img{position:absolute;object-fit:contain;object-position:bottom;bottom:0;max-height:570px}.commander-red{width:52%;left:-8%;z-index:2}.commander-blue{width:50%;right:1%;z-index:1}.commander-gold{width:38%;right:-12%;max-height:470px!important;border-radius:45% 45% 18px 18px;mix-blend-mode:screen}.faction-banner{margin:-28px 0 30px;position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:18px 24px;background:#11192be8;border:1px solid #ffffff26;border-radius:14px;box-shadow:0 14px 35px #0008}.faction-banner span{font-weight:900;font-size:20px}.faction-banner b{text-align:center;color:#f6e1a5;letter-spacing:.08em}.faction-pick button{position:relative;overflow:hidden;min-height:270px;align-content:end}.faction-pick button img{position:absolute;inset:0;width:100%;height:82%;object-fit:contain;object-position:50% 0;opacity:.62;filter:drop-shadow(0 8px 10px #000)}.faction-pick button>*:not(img){position:relative;z-index:1}.faction-pick button i{box-shadow:0 5px 20px #000b}.territory-map{background:linear-gradient(#18243b77,#14192bd9),url('/assets/art/key-art.webp') center/cover no-repeat}
@media(max-width:760px){.landing:before{height:780px;background-position:62% center}.hero{padding-top:54px}.hero-commanders{height:390px;margin-top:-30px}.hero-commanders img{max-height:370px}.commander-red{left:-5%;width:55%}.commander-blue{right:7%;width:53%}.commander-gold{right:-6%;width:34%;max-height:300px!important}.faction-banner{grid-template-columns:repeat(3,1fr);gap:8px;margin:-30px 0 30px;padding:12px}.faction-banner b{grid-column:1/-1;grid-row:1}.faction-banner span{text-align:center}.faction-pick button{min-height:180px;padding-left:105px}.faction-pick button img{width:125px;height:100%;opacity:.72}.faction-pick button i{grid-row:1/2;margin-left:0}.faction-pick button b,.faction-pick button span{grid-column:2}}