@font-face{font-family:Shojumaru;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Shojumaru-Regular.ttf)format("truetype")}:root{color:#f4ead0;font-synthesis:none;text-rendering:optimizelegibility;--gold:#d9b96f;--cream:#f6edcf;--panel:#03130de6;--panel-border:#dabc6f80;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#020805}button{font:inherit}.title-screen,.campaign-screen{isolation:isolate;background:#020805;width:100vw;height:100svh;min-height:620px;position:relative;overflow:hidden}.title-screen{--title-art-position:center center;background:linear-gradient(0deg, #010906f7 0%, #0109069e 34%, transparent 66%), linear-gradient(90deg, #010a077a, transparent 42%), url(../og-campaign-no-title.png) var(--title-art-position) / cover no-repeat;align-items:end;padding:clamp(28px,6vw,88px);display:grid}.title-screen:before,.campaign-screen:before{z-index:8;content:"";pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.title-panel{z-index:2;width:min(520px,55vw);animation:.7s ease-out both title-panel-enter}.title-kicker,.intro-chapter-mark span,.escape-order span,.campaign-header>div>span,.map-mission-card>span{color:#d8b967;letter-spacing:.28em;text-transform:uppercase;font-size:10px;font-weight:800}.title-text-fallback{color:#f0d99b;letter-spacing:-.04em;text-shadow:0 5px 24px #000000f2;white-space:normal;border:0;width:auto;height:auto;margin:0 0 10px;font-family:Shojumaru,Georgia,serif;font-size:clamp(38px,5vw,72px);font-weight:400;line-height:.95;display:block;position:static}.title-panel>p{color:#f1e6c7ab;width:min(470px,100%);margin:8px 0 18px;font-family:Georgia,serif;font-size:clamp(13px,1.25vw,16px);line-height:1.55}.game-mode-options{gap:10px;width:min(520px,100%);display:grid}.mode-card{color:#f4e8c9;cursor:pointer;text-align:left;background:linear-gradient(90deg,#0a271af0,#03120dc7);border:1px solid #d2b76f47;border-left:3px solid #96b271b8;grid-template-columns:1fr 30px;align-items:center;gap:15px;min-height:82px;padding:14px 18px;transition:transform .16s,border-color .16s,background .16s;display:grid;box-shadow:0 12px 35px #00000042}.mode-card.is-campaign{border-left-color:#dbb55c}.mode-card:hover,.mode-card:focus-visible{background:linear-gradient(90deg,#1e452bf7,#041911e0);border-color:#ecd089c7;outline:none;transform:translate(7px)}.mode-copy{flex-direction:column;gap:4px;display:flex}.mode-copy strong{color:#f1d999;font-family:Georgia,serif;font-size:23px;font-weight:400}.mode-copy small{color:#eadfc08f;letter-spacing:.04em;font-size:10px}.mode-arrow{color:#d8b967;font-size:23px;transition:transform .16s}.mode-card:hover .mode-arrow{transform:translate(4px)}.title-footer{color:#dece9e61;letter-spacing:.22em;text-transform:uppercase;font-size:8px;font-weight:800;position:absolute;bottom:25px;right:clamp(28px,6vw,88px)}.intro-chapter-mark{z-index:14;text-shadow:0 3px 12px #000;flex-direction:column;gap:6px;display:flex;position:fixed;top:clamp(20px,4vw,48px);left:clamp(20px,5vw,70px)}.intro-chapter-mark strong{color:#f1dda6;font-family:Georgia,serif;font-size:clamp(20px,2.5vw,34px);font-weight:400}.story-dialog-backdrop{z-index:90;background:linear-gradient(#0000 35%,#000805e0);justify-content:center;align-items:flex-end;padding:24px;display:flex;position:fixed;inset:0}.story-dialog{background:linear-gradient(135deg,#072217fa,#02100bfa);border:1px solid #e0c16fad;border-top:3px solid #d6ad58;grid-template-columns:126px 1fr;gap:26px;width:min(940px,100%);padding:24px 28px;animation:.42s ease-out both story-dialog-enter;display:grid;box-shadow:0 26px 80px #000000b8,inset 0 0 0 3px #ebcd800a}.emperor-seal{color:#e7c36c;background:radial-gradient(circle,#7e5021b3,#0a2719eb 68%);border:1px solid #e3c470b3;border-radius:50%;align-self:center;place-items:center;width:112px;height:112px;font-family:Georgia,serif;font-size:50px;display:grid;box-shadow:0 0 0 7px #e2be630f,inset 0 0 30px #ddac4533}.story-dialog-copy>span{color:#d2ad59;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800}.story-dialog h2{color:#f1dda8;margin:4px 0 6px;font-family:Georgia,serif;font-size:clamp(22px,3vw,35px);font-weight:400}.story-dialog p{color:#f0e5c5b8;margin:0;font-family:Georgia,serif;font-size:14px;line-height:1.6}.story-dialog button,.map-mission-card button{color:#fff0c4;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#73512d,#355d3c);border:1px solid #e7ca7fb8;min-height:42px;margin-top:16px;padding:10px 20px;font-size:9px;font-weight:800}.story-dialog button:hover,.story-dialog button:focus-visible,.map-mission-card button:hover,.map-mission-card button:focus-visible{filter:brightness(1.15);border-color:#f1d38a;outline:none}.escape-order{z-index:70;color:#f4dfaa;text-align:center;background:#081811d6;border:1px solid #dfad5466;flex-direction:column;gap:4px;min-width:min(460px,100vw - 32px);padding:14px 22px;animation:.4s ease-out both escape-order-enter;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 15px 45px #0000007a}.escape-order strong{font-family:Georgia,serif;font-size:18px;font-weight:400}.campaign-screen{background:#000;grid-template-rows:auto minmax(0,1fr);padding:22px 30px 30px;display:grid}.campaign-header{z-index:10;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-bottom:18px;display:grid}.campaign-header>div:nth-child(2){text-align:center}.campaign-header h1{color:#f0d99b;margin:3px 0 0;font-family:Shojumaru,Georgia,serif;font-size:clamp(25px,3vw,39px);font-weight:400}.map-back-button{color:#ecdcaeb3;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;width:fit-content;padding:10px 12px;font-size:9px;font-weight:800}.map-back-button:hover,.map-back-button:focus-visible{color:#f5dc9c;outline:none}.campaign-progress{color:#e5d5a885;letter-spacing:.08em;text-transform:uppercase;justify-self:end;align-items:baseline;gap:7px;font-size:9px;display:flex}.campaign-progress strong{color:#d9b96f;font-family:Georgia,serif;font-size:27px;font-weight:400}.world-map{background:#000;border:0;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.world-map:before{z-index:0;content:"";pointer-events:none;background:radial-gradient(#09373f57 0%,#03191d29 45%,#0000 72%);position:absolute;inset:0}.map-stage{z-index:1;aspect-ratio:3/2;width:100%;max-height:100%;position:relative}@supports (width:1cqw){.map-stage{width:min(100cqw,150cqh);height:min(100cqh,66.6667cqw)}}.map-art{z-index:0;filter:saturate(.92)brightness(.9);background:url(../campaign-island-map.png) 50%/100% 100% no-repeat;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 52%,#000000f5 64%,#000000b8 76%,#00000047 88%,#0000 100%);mask-image:radial-gradient(#000 52%,#000000f5 64%,#000000b8 76%,#00000047 88%,#0000 100%)}.map-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#000 0%,#000000b8 3%,#0000 14% 86%,#000000b8 97%,#000 100%),linear-gradient(#000 0%,#000000a3 3%,#0000 13% 87%,#000000b3 97%,#000 100%);position:absolute;inset:-1px;box-shadow:inset 0 0 52px 14px #00000080}.map-sea-label{z-index:3;color:#c4e1d775;letter-spacing:.2em;text-shadow:0 2px 8px #001317e6;text-transform:uppercase;font-family:Georgia,serif;font-size:10px;font-style:italic;position:absolute}.label-north{top:4%;left:7%}.label-south{bottom:4%;right:5%}.map-route{z-index:4;filter:drop-shadow(0 2px 2px #000e09f2);transform-origin:0 0;border-top:3px dotted #ffe28dd6;height:0;position:absolute}.map-city{z-index:6;color:#e9d8a6;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex;position:absolute;transform:translate(-18px,-18px)}.map-city.is-available{cursor:pointer}.city-marker{color:#f0dca5cc;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 34% 28%,#987e41ad,#0000 28%),linear-gradient(145deg,#4a4b26,#122d20);border:2px solid #e2ca8ac7;border-radius:50%;flex:0 0 36px;width:36px;height:36px;font-family:Georgia,serif;font-size:16px;display:block;position:relative;box-shadow:0 0 0 4px #d7b76517,0 8px 14px #00000094}.city-marker-label{text-align:center;place-items:center;line-height:1;display:grid;position:absolute;inset:0;transform:translateY(-2px)}.map-city.is-available .city-marker{color:#fff0bd;background:radial-gradient(circle at 34% 28%,#c99845,#0000 30%),linear-gradient(145deg,#765622,#23452b);border-color:#f0ca69;animation:1.8s ease-in-out infinite alternate city-pulse;box-shadow:0 0 0 6px #e7bf532e,0 0 30px #ecb8419e}.map-city.is-completed .city-marker{color:#e2f8cf;background:radial-gradient(circle at 34% 28%,#88a85a,#0000 30%),linear-gradient(145deg,#3f682f,#163525);border-color:#9bdc97e0;animation:none;box-shadow:0 0 0 5px #77bc6921,0 8px 18px #0000008a}.map-city.is-completed .city-copy{border-color:#9bdc9747}.city-copy{text-shadow:0 2px 6px #06110c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#031c14c7;border:1px solid #e5cf9033;border-radius:2px;flex-direction:column;gap:1px;min-width:115px;padding:5px 8px 6px;display:flex;box-shadow:0 5px 16px #00000057}.city-copy small{color:#dec17491;letter-spacing:.15em;text-transform:uppercase;font-size:7px;font-weight:800}.city-copy strong{color:#ead69d;white-space:nowrap;font-family:Georgia,serif;font-size:15px;font-weight:400}.map-city.is-locked{opacity:.64}.map-city.is-available:hover .city-marker,.map-city.is-available:focus-visible .city-marker{filter:brightness(1.2);border-color:#fff1b5;transform:scale(1.12)}.map-city:focus-visible{outline:none}.map-mission-card{z-index:8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(145deg,#0a3120f2,#031811f5);border:1px solid #dfbe6a80;border-left:3px solid #d6ad58;width:min(310px,100% - 48px);padding:18px 20px;position:absolute;top:24px;bottom:auto;left:24px;box-shadow:0 18px 50px #0000008c}.map-mission-card h2{color:#eed79b;margin:6px 0;font-family:Georgia,serif;font-size:21px;font-weight:400}.map-mission-card p{color:#e3dabe99;margin:0;font-size:10px;line-height:1.5}.map-mission-card button{width:100%}@keyframes title-panel-enter{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes story-dialog-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes escape-order-enter{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}@keyframes city-pulse{0%{box-shadow:0 0 0 5px #e7bf531a,0 0 18px #e2af434d}to{box-shadow:0 0 0 8px #e7bf532b,0 0 34px #e2af438c}}@media (aspect-ratio>=2){.title-screen{--title-art-position:center 22%}}@media (aspect-ratio<=4/3){.title-screen{--title-art-position:66% center}.title-text-fallback{clip:auto;color:#f0d99b;letter-spacing:-.04em;text-shadow:0 5px 24px #000000e6;white-space:normal;width:auto;height:auto;margin:5px 0 4px;font-family:Shojumaru,Georgia,serif;font-size:clamp(31px,7vw,52px);font-weight:400;line-height:1;position:static;overflow:visible}}.game-shell{isolation:isolate;background:#020805;width:100vw;height:100svh;min-height:580px;position:relative;overflow:hidden}.game-shell:after{z-index:80;content:"";pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.game-canvas{z-index:0;touch-action:none;cursor:crosshair;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.game-header{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;gap:24px;min-height:86px;padding:10px clamp(18px,3vw,54px);display:flex;position:fixed;top:0;left:0;right:0}.brand-block{text-shadow:0 3px 15px #0000008f;flex-direction:column;gap:1px;display:flex}.brand-block h1{color:#f0d99b;letter-spacing:-.025em;margin:0;font-family:Shojumaru,Georgia,Times New Roman,serif;font-size:clamp(26px,2.7vw,38px);font-weight:400;line-height:1.15}.brand-block span{color:#e5d299ad;letter-spacing:.23em;text-transform:uppercase;font-size:8px;font-weight:800}.hud{filter:drop-shadow(0 3px 7px #000000b8);align-items:center;gap:clamp(18px,2vw,34px);display:flex}.hud-item{--hud-color:#e8d7a8;min-width:0;color:var(--hud-color);white-space:nowrap;align-items:center;gap:8px;display:flex}.hud-item-copy{align-items:baseline;gap:5px;min-width:0;display:flex}.hud-item strong{color:#fff5d8;font-variant-numeric:tabular-nums;text-shadow:0 2px 5px #000000d1;font-size:18px;font-weight:700;line-height:1}.hud-item strong em{color:#f5ebcc94;margin-left:2px;font-size:11px;font-style:normal;font-weight:600}.hud-label,.wave-detail{color:#efe3bea8;letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:800}.hud-glyph{width:32px;height:32px;color:var(--hud-color);filter:drop-shadow(0 2px 3px #000000ad);flex:0 0 32px;overflow:visible}.stock-item{--hud-color:#a9c95d}.mana-item{--hud-color:#b89ae8}.population-item{--hud-color:#d7b975}.wave-item{--hud-color:#d98257;gap:9px}.wave-item .hud-item-copy{flex-direction:column;align-items:flex-start;gap:3px}.wave-item strong{font-size:19px}.wave-controls{align-items:center;gap:2px;display:flex}.wave-control-button{color:#f1d18d;cursor:pointer;opacity:.78;pointer-events:auto;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:color .14s,opacity .14s,background-color .14s,transform .14s;display:grid}.wave-control-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px;width:22px;height:22px}.wave-control-button:hover:not(:disabled){color:#fff0bd;opacity:1;background:#c5683c2e}.time-speed-button:hover:not(:disabled){transform:scale(1.08)}.speed-value{letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:700;line-height:1}.sound-icon{width:20px;height:20px;display:block;position:relative}.sound-icon-speaker:before{content:"";background:currentColor;border-radius:1px;width:5px;height:7px;position:absolute;top:7px;left:2px}.sound-icon-speaker:after{clip-path:polygon(0 30%,100% 0,100% 100%,0 70%);content:"";background:currentColor;width:8px;height:13px;position:absolute;top:4px;left:6px}.sound-icon-wave{border:2px solid #0000;border-right-color:currentColor;border-radius:50%;transition:opacity .12s;position:absolute}.sound-icon-wave.is-near{width:6px;height:8px;top:6px;right:3px}.sound-icon-wave.is-far{width:11px;height:14px;top:3px;right:0}.sound-icon-slash{opacity:0;background:currentColor;border-radius:2px;width:19px;height:2px;transition:opacity .12s;position:absolute;top:9px;left:1px;transform:rotate(-48deg);box-shadow:0 0 0 1px #03130d73}.effects-only-icon{letter-spacing:.04em;font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px;font-weight:900;line-height:1}.sound-control-button.is-effects-only{color:#d7e8a3;background:#567d423d;box-shadow:inset 0 0 0 1px #b4d38957}.sound-control-button.is-muted{color:#e0a27b;background:#913b2733}.sound-control-button.is-muted .sound-icon-wave{opacity:0}.sound-control-button.is-muted .sound-icon-slash{opacity:1}.sound-control-button:hover:not(:disabled){transform:scale(1.08)}.time-speed-button.is-active{color:#fff0bd;opacity:1;background:#c5683c52;box-shadow:inset 0 0 0 1px #f1d18d7a,0 0 12px #d175374d}.pause-game-button:hover:not(:disabled){transform:scale(1.08)}.wave-control-button:focus-visible{outline-offset:2px;outline:2px solid #f1d18deb}.wave-control-button:disabled{cursor:default;opacity:.24}.pause-overlay{z-index:95;-webkit-backdrop-filter:grayscale()blur(2px);backdrop-filter:grayscale()blur(2px);background:#383c3bbd;place-items:center;animation:.16s ease-out both pause-overlay-enter;display:grid;position:fixed;inset:0}.resume-game-button{color:#f7f7f1;cursor:pointer;background:#121916a3;border:2px solid #fffc;border-radius:50%;place-items:center;width:104px;height:104px;padding:0;transition:background-color .15s,transform .15s;display:grid;box-shadow:0 18px 50px #00000061,inset 0 0 0 6px #ffffff0f}.resume-game-button svg{fill:currentColor;width:48px;height:48px;margin-left:6px}.resume-game-button:hover,.resume-game-button:focus-visible{background:#274334d1;outline:none;transform:scale(1.06)}@keyframes pause-overlay-enter{0%{opacity:0}to{opacity:1}}.action-menu{z-index:40;color:#f5ebd1;background:linear-gradient(145deg,#072219fb,#020f0cfc),repeating-linear-gradient(90deg,#0000 0 18px,#d0b36a0a 19px 20px);border:1px solid #dabc6fd1;border-radius:3px;flex-direction:column;gap:6px;width:min(252px,100vw - 24px);padding:8px;animation:.16s ease-out both menu-enter;display:flex;position:fixed;box-shadow:0 24px 60px #000000b8,inset 0 0 0 3px #e2c4750a}.action-menu:before{top:calc(var(--menu-arrow-y) - 6px);content:"";background:#082118;border-bottom:1px solid #dabc6fb8;border-left:1px solid #dabc6fb8;width:12px;height:12px;position:absolute;left:-7px;transform:rotate(45deg)}.action-menu.is-left:before{left:auto;right:-7px;transform:rotate(225deg)}.menu-eyebrow{color:#d6b76f;letter-spacing:.19em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.action-menu button{color:#f4ead0;cursor:pointer;text-align:left;background:linear-gradient(90deg,#33573994,#0e1d16f0);border:1px solid #d2b76f52;border-left:3px solid #9db579;border-radius:2px;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:45px;margin:0;padding:8px 10px;transition:border-color .15s,filter .15s,transform .15s;display:grid}.action-menu button:hover,.action-menu button:focus-visible{filter:brightness(1.15);border-color:#e9d291b8;outline:none;transform:translate(2px)}.action-menu button:disabled{opacity:.42;cursor:not-allowed;filter:none;transform:none}.action-menu button>span{color:#e3c578;text-align:center;font-size:17px}.action-menu button small{color:#e8dab1a1;letter-spacing:.07em;font-size:8px}.action-menu .action-build{background:linear-gradient(90deg,#2b5e419e,#0e2219f0);border-left-color:#78a578}.action-menu .action-demolish{background:linear-gradient(90deg,#6f221bb3,#181c17f0);border-left-color:#c25744}.action-menu .action-chant{background:linear-gradient(90deg,#482f76bf,#111a1ff0);border-left-color:#9b7bd0}.action-menu .action-study{background:linear-gradient(90deg,#6c4d1fb8,#161e16f0);border-left-color:#caa85d}.building-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:radial-gradient(circle,#2148302b,#0000 55%),#000705d6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.game-over-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#501f1152,#0000 50%),#000704d6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.game-over-backdrop.is-victory{background:radial-gradient(circle,#bf973533,#0000 52%),#000c08d6}.game-over-dialog{color:#f5ebd1;text-align:center;background:linear-gradient(145deg,#23110bfa,#03140efc),repeating-linear-gradient(90deg,#0000 0 18px,#d0b36a0a 19px 20px);border:1px solid #dabc6fd1;width:min(440px,100%);padding:34px;animation:.18s ease-out both modal-enter;box-shadow:0 30px 90px #000000c7,inset 0 0 0 3px #e2c4750a}.game-over-dialog.is-victory{background:radial-gradient(circle at 50% 0,#9f7b2a3d,#0000 52%),linear-gradient(145deg,#182716fc,#04140efc);border-color:#edcf7cf0;box-shadow:0 30px 90px #000000c7,0 0 48px #d6b04b33,inset 0 0 0 3px #f0d17f0f}.game-over-dialog h2{margin:2px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,8vw,58px);font-weight:400}.game-over-dialog p{color:#ebe0c2b3;margin:10px 0 24px;font-size:13px;line-height:1.6}.game-over-dialog button{color:#f7edcf;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#79502e,#3c5f3e);border:1px solid #e5c778b8;border-radius:2px;min-width:160px;padding:12px 24px;font-weight:800}.game-over-dialog button:hover,.game-over-dialog button:focus-visible{filter:brightness(1.16);outline:none}.building-modal{scrollbar-color:#cda74ceb #02120df0;scrollbar-gutter:stable;scrollbar-width:thin;color:#f3e8cb;background:repeating-linear-gradient(90deg,#0000 0 31px,#dcc17a07 32px 33px),linear-gradient(145deg,#07241afc,#02100cfe);border:1px solid #d8b868b8;border-radius:3px;width:min(1020px,100%);max-height:calc(100svh - 48px);padding:32px;animation:.18s ease-out both modal-enter;position:relative;overflow-y:auto;box-shadow:0 32px 100px #000000d1,inset 0 0 0 3px #e2c47509}.building-modal::-webkit-scrollbar{width:10px}.building-modal::-webkit-scrollbar-track{background:repeating-linear-gradient(0deg,#85603014 0 5px,#0000 5px 10px),#02120df0;border-left:1px solid #d2b3661f}.building-modal::-webkit-scrollbar-thumb{background:linear-gradient(#d8bb6f,#8c642f 52%,#4c6f3d);border:2px solid #02120df0;border-radius:8px}.building-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(#efd58a,#ad7d3b 52%,#638c4f)}.building-modal.study-modal{width:min(780px,100%)}.building-modal.building-selection-modal{flex-direction:column;padding:22px 26px 18px;display:flex;overflow:hidden}.building-modal-header{border-bottom:1px solid #d8b86833;flex:none;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;padding-bottom:10px;display:flex}.building-modal-header h2{align-items:baseline;gap:12px;padding-right:0;display:flex}.building-modal-header h2 small{color:#dbc17e8f;letter-spacing:.14em;text-transform:uppercase;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:8px;font-weight:800}.building-selection-modal .modal-close{flex:0 0 36px;position:static}.building-modal h2{color:#f0d99b;margin:0;padding-right:48px;font-family:Shojumaru,Georgia,Times New Roman,serif;font-size:clamp(24px,3.5vw,34px);font-weight:400}.building-modal>p{color:#e6dbbc9e;margin:6px 0 22px;font-size:12px}.modal-close{appearance:none;z-index:2;color:#dbc17f;cursor:pointer;background:linear-gradient(145deg,#31482beb,#041811fa);border:1px solid #dabc6f9e;border-radius:3px;place-items:center;width:36px;height:36px;padding:0;transition:border-color .14s,color .14s,filter .14s,transform .14s;display:grid;position:absolute;top:14px;right:14px;box-shadow:inset 0 0 0 2px #eccd7e0b,0 5px 16px #00000061}.modal-close>span{width:15px;height:15px;display:block;position:relative}.modal-close>span:before,.modal-close>span:after{content:"";background:currentColor;border-radius:2px;width:15px;height:2px;position:absolute;top:7px;left:0;box-shadow:0 0 5px #f0d79638}.modal-close>span:before{transform:rotate(45deg)}.modal-close>span:after{transform:rotate(-45deg)}.modal-close:hover,.modal-close:focus-visible{color:#fff0bd;filter:brightness(1.16);border-color:#f0d796d1;outline:none;transform:translateY(-1px)}.building-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.building-selection-modal .building-options{overscroll-behavior:contain;scrollbar-color:#cda74ceb #02120df0;scrollbar-gutter:stable;scrollbar-width:thin;flex:auto;min-height:0;padding:3px 8px 3px 3px;overflow-y:auto}.building-selection-modal .building-options::-webkit-scrollbar{width:10px}.building-selection-modal .building-options::-webkit-scrollbar-track{background:repeating-linear-gradient(0deg,#85603014 0 5px,#0000 5px 10px),#02120df0;border-left:1px solid #d2b3661f}.building-selection-modal .building-options::-webkit-scrollbar-thumb{background:linear-gradient(#d8bb6f,#8c642f 52%,#4c6f3d);border:2px solid #02120df0;border-radius:8px}.building-selection-modal .building-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(#efd58a,#ad7d3b 52%,#638c4f)}.building-option{color:#eee3c5;text-align:left;background:linear-gradient(160deg,#20412da3,#041610f0);border:1px solid #d2b76f3d;border-radius:2px;flex-direction:column;align-items:stretch;min-height:330px;padding:12px;transition:transform .15s,border-color .15s,background .15s;display:flex;box-shadow:inset 0 1px #fff5d209}.building-option:hover,.building-option:focus-within{background:linear-gradient(160deg,#2b5137b8,#051b13f5);border-color:#dabc6fa3;transform:translateY(-3px)}.building-option.is-unavailable{opacity:.62}.building-option.is-unavailable:hover{transform:none}.building-option-art{background:linear-gradient(#133d2a9e,#03140ed1);border:1px solid #d3b87038;height:108px;display:block;position:relative;overflow:hidden}.building-option-art img{object-fit:contain;object-position:center;width:100%;height:100%;padding:8px;position:absolute;inset:0}.building-option>strong{color:#eed69a;margin-top:13px;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:400}.building-option>span:not(.building-option-art){color:#e6dcc09e;margin-top:5px;font-size:10px;line-height:1.45}.building-option>.building-option-description{min-height:44px}.building-costs{flex-direction:column;gap:1px;margin:12px 0 14px;padding:0;list-style:none;display:flex}.building-costs li{letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #dcc48214;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:22px;font-size:8px;font-weight:800;display:grid}.building-costs li:before{content:"";width:5px;height:5px;box-shadow:0 0 0 2px color-mix(in srgb, currentColor 18%, transparent);background:currentColor;border-radius:50%}.building-costs li>span{color:#eae0c39e}.building-costs li>strong{color:currentColor;font-variant-numeric:tabular-nums;font-size:11px}.building-costs .is-bamboo{color:#a9c95d}.building-costs .is-mana{color:#b89ae8}.building-costs .is-population{color:#d7b975}.building-costs .is-building{color:#9bc8a8}.building-costs li.is-missing{color:#ff9a7f;background:#691c1761;border:1px solid #e0644c6b;border-radius:2px;padding:0 5px;box-shadow:inset 0 0 12px #962a1f1f}.building-costs li.is-missing>span{color:currentColor}.building-option-build{color:#f7edcf;cursor:pointer;letter-spacing:.13em;text-transform:uppercase;background:linear-gradient(135deg,#486e48,#294633);border:1px solid #d0b56c80;border-radius:2px;width:100%;min-height:38px;margin-top:auto;font-size:10px;font-weight:800;transition:border-color .14s,filter .14s,transform .14s}.building-option-build:hover:not(:disabled),.building-option-build:focus-visible{filter:brightness(1.16);border-color:#efd38bdb;outline:none;transform:translateY(-1px)}.building-option-build:disabled{cursor:not-allowed;filter:grayscale(.42);opacity:.42}.modal-balance{color:#dbc17ead;letter-spacing:.12em;text-align:right;text-transform:uppercase;margin-top:18px;font-size:9px;font-weight:800;display:block}.study-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.study-option{background:radial-gradient(circle at 20% 0,#d3b25c21,#0000 42%),linear-gradient(155deg,#2a432db8,#041610f5);border:1px solid #d2b76f4d;border-radius:2px;grid-template-rows:auto 1fr auto;gap:16px;min-height:310px;padding:22px;display:grid;box-shadow:inset 0 1px #fff5d20b}.study-option.is-learned{background:radial-gradient(circle at 20% 0,#80b5642e,#0000 46%),linear-gradient(155deg,#224f2fc2,#041c12f7);border-color:#92c2778a}.study-option-icon{color:#e9ce87;background:#071f15b8;border:1px solid #e0c27573;border-radius:50%;place-items:center;width:54px;height:54px;font-family:Georgia,Times New Roman,serif;font-size:28px;display:grid}.study-option.is-learned .study-option-icon{color:#b9d99f;border-color:#94c77a9e}.study-option-copy{flex-direction:column;display:flex}.study-status{color:#c3a55d;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:800}.study-option.is-learned .study-status{color:#9dcc83}.study-option-copy>strong{color:#eed69a;margin-top:5px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:400}.study-option-copy p{color:#e6dcc0a3;margin:7px 0 12px;font-size:11px;line-height:1.55}.study-effect{color:#bdd78b;letter-spacing:.06em;text-transform:uppercase;background:#2c4f2652;border:1px solid #a8c56f47;width:fit-content;margin-top:auto;padding:5px 7px;font-size:9px;font-weight:800}.study-option-action{border-top:1px solid #dcc4821c;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;display:flex}.study-option-action>span{color:#b89ae8;letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:800}.study-option.is-learned .study-option-action>span{color:#9dcc83}.study-option-action button{color:#f7edcf;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#6d5932,#355239);border:1px solid #d0b56c80;border-radius:2px;min-width:112px;min-height:38px;padding:8px 14px;font-size:9px;font-weight:800}.study-option-action button:hover:not(:disabled),.study-option-action button:focus-visible{filter:brightness(1.15);border-color:#efd38bdb;outline:none}.study-option-action button:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.46}@keyframes menu-enter{0%{opacity:0;transform:translate(-5px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1050px){.hud{gap:14px}}@media (width<=780px){.title-screen{background:linear-gradient(0deg, #010906fc 0%, #010906ad 42%, transparent 72%), url(../og-campaign-no-title.png) var(--title-art-position) / cover no-repeat, #030b08;align-items:end;padding:28px 28px 76px}.title-screen:after{z-index:-1;content:"";background:linear-gradient(#0000,#0109068c 35%,#010906fa 92%);position:absolute;inset:0}.title-panel{width:100%}.campaign-screen{padding:14px}.campaign-header{grid-template-columns:auto 1fr;gap:8px;padding-bottom:12px}.campaign-header>div:nth-child(2){text-align:right}.campaign-progress{display:none}.world-map{min-height:520px}.map-city.is-locked .city-copy{display:none}.map-city.is-locked{transform:translate(-12px,-12px)}.map-city.is-locked .city-marker{flex-basis:25px;width:25px;height:25px;font-size:11px}.map-mission-card{top:14px;bottom:auto;left:14px}.game-header{gap:8px;min-height:70px;padding:8px 10px}.brand-block h1{max-width:86px;font-size:22px;line-height:.92}.brand-block span{display:none}.hud{flex:1;justify-content:flex-end;gap:11px;min-width:0}.hud-item{gap:5px}.hud-glyph{flex-basis:28px;width:28px;height:28px}.hud-label{display:none}.hud-item strong{font-size:17px}.building-options{grid-template-columns:repeat(2,minmax(0,1fr))}.study-options{grid-template-columns:1fr}}@media (width<=560px){.title-screen,.campaign-screen{min-height:600px}.title-screen{padding:20px 18px 50px}.title-kicker{font-size:8px}.title-text-fallback{clip:auto;color:#f0d99b;letter-spacing:-.04em;text-shadow:0 5px 24px #000000e6;white-space:normal;width:auto;height:auto;margin:5px 0 4px;font-family:Shojumaru,Georgia,serif;font-size:clamp(31px,10vw,46px);font-weight:400;line-height:1;position:static;overflow:visible}.title-panel>p{margin:15px 0 22px;font-size:14px}.mode-card{grid-template-columns:1fr 24px;gap:9px;min-height:70px;padding:10px 12px}.mode-copy strong{font-size:20px}.title-footer{bottom:16px;left:auto;right:18px}.story-dialog-backdrop{padding:10px}.story-dialog{grid-template-columns:62px 1fr;gap:13px;padding:16px}.emperor-seal{align-self:start;width:58px;height:58px;font-size:27px}.story-dialog h2{font-size:21px}.story-dialog p{font-size:11px;line-height:1.48}.story-dialog button{width:100%;padding-inline:10px}.intro-chapter-mark{top:16px;left:16px}.escape-order{bottom:14px}.campaign-header h1{font-size:20px}.campaign-header>div>span{font-size:7px}.map-back-button{padding-inline:3px}.map-mission-card{width:calc(100% - 28px);padding:14px}.map-mission-card p{display:none}.map-mission-card button{margin-top:10px}.game-shell{min-height:620px}.brand-block{display:none}.game-header{min-height:62px}.hud{justify-content:space-between;gap:6px;width:100%}.hud-item{gap:4px}.hud-glyph{flex-basis:26px;width:26px;height:26px}.hud-item strong,.wave-item strong{font-size:15px}.hud-item strong em{font-size:9px}.wave-detail{display:none}.wave-item .hud-item-copy{display:block}.wave-control-button{width:27px;height:27px}.wave-control-button svg{width:19px;height:19px}.wave-controls{gap:0}.action-menu{z-index:70;width:auto;max-height:calc(100svh - 82px);bottom:10px;right:10px;overflow-y:auto;top:auto!important;left:10px!important}.action-menu:before{display:none}.building-modal-backdrop{padding:10px}.building-modal{max-height:calc(100svh - 20px);padding:24px 14px 16px}.building-modal.building-selection-modal{padding:14px 12px 12px}.building-modal-header{margin-bottom:9px;padding-bottom:8px}.building-modal-header h2{gap:8px}.building-options{grid-template-columns:1fr}.building-option{min-height:180px}.building-option-art{height:82px}.study-option{min-height:260px}}@media (height<=560px){.title-screen,.campaign-screen,.game-shell{height:100svh;min-height:0}.title-screen{padding:14px 24px 18px}.title-panel{width:min(440px,72vw)}.title-text-fallback{clip:auto;color:#f0d99b;letter-spacing:-.04em;text-shadow:0 5px 24px #000000f2;white-space:normal;border:0;width:auto;height:auto;margin:0 0 8px;font-family:Shojumaru,Georgia,serif;font-size:clamp(27px,6vw,40px);font-weight:400;line-height:1;display:block;position:static;overflow:visible}.game-mode-options{gap:7px}.mode-card{min-height:58px;padding:8px 14px}.mode-copy strong{font-size:19px}.mode-copy small{font-size:9px}.title-footer{bottom:7px;right:16px}.campaign-screen{padding:8px 12px}.campaign-header{padding-bottom:6px}.campaign-header h1{font-size:21px}.world-map{min-height:0}.story-dialog-backdrop{padding:8px}.story-dialog{grid-template-columns:64px minmax(0,1fr);gap:12px;width:min(760px,100%);max-height:calc(100svh - 16px);padding:12px 16px;overflow-y:auto}.emperor-seal{align-self:start;width:56px;height:56px;font-size:27px}.story-dialog-copy>span{font-size:7px}.story-dialog h2{margin:2px 0 4px;font-size:20px}.story-dialog p{font-size:11px;line-height:1.35}.story-dialog button{min-height:36px;margin-top:8px;padding:7px 12px}.intro-chapter-mark{top:10px;left:12px}.intro-chapter-mark strong{font-size:18px}.escape-order{padding:9px 16px;bottom:8px}}@media (prefers-reduced-motion:reduce){.title-panel,.story-dialog,.escape-order,.map-city.is-available .city-marker,.action-menu,.building-modal,.game-over-dialog{animation:none}}