:root{font-family:'Hiragino Maru Gothic ProN','Yu Gothic','Meiryo',sans-serif;color:#344b3f;background:#f4f0e2;font-synthesis:none;--ink:#344b3f;--green:#476951;--cream:#fffaf0;--gold:#d79843;--line:#dcdccc}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #e8a64b;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}button{transition:background .18s,transform .18s}button:not(:disabled):active{transform:translateY(2px)}[hidden]{display:none!important}#game{height:100dvh;min-height:320px;display:flex;flex-direction:column;padding:0 max(0px,env(safe-area-inset-right)) 0 max(0px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 45%,#fdf9e9 0%,#e9efdc 68%,#e6edda 100%)}.topbar{height:90px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:15px 34px;gap:24px;border-bottom:1px solid #d7dfcc;background:#fcf9eeeF;z-index:3}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.coin-mark{display:grid;place-items:center;width:45px;height:45px;border:3px solid #d8ad5d;outline:1px solid #d8ad5d;outline-offset:3px;border-radius:50%;color:#986c31;font-family:Georgia,serif;font-size:29px;background:#f8e1a0}.brand h1{font-size:19px;line-height:1.4;letter-spacing:.06em;margin:0}.brand h1 span{display:block;font-size:13px;letter-spacing:.025em}.resources{display:flex;gap:42px;align-items:center}.resource small{display:block;font-size:12px;color:#7b8577;margin-bottom:4px}.resource b{font-size:24px;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.resource em{font-style:normal;font-size:12px;color:#889282;margin-left:5px}.heart{color:#ca8070;font-size:22px}.points b>span:first-child{color:#ce9b49}.money b{color:#596f4c}.hp-track{height:3px;width:90px;background:#ecd7c8;border-radius:3px;margin-top:3px}.hp-track i{display:block;width:100%;height:100%;background:#bd7a69;border-radius:3px;transition:width .3s}.utility{display:flex;gap:9px}.utility button,.view-tools button{width:37px;height:37px;border:1px solid #d6ddcc;border-radius:50%;background:#fffaf1c9;font-size:20px}.utility button:hover,.view-tools button:hover{background:#f1e2ba}#field{position:relative;min-height:0;flex:1;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none}#float-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.chapter{position:absolute;top:25px;left:35px;pointer-events:none}.chapter small{letter-spacing:.2em;font-size:10px;font-weight:700;color:#86967c}.chapter h2{font-size:20px;margin:7px 0 10px;letter-spacing:.045em}.chapter-dots{display:flex;align-items:center;gap:5px}.chapter-dots i{height:5px;width:18px;border-radius:6px;background:#cedac1}.chapter-dots i.on{background:#819d67}.chapter-dots span{font-size:11px;color:#84927b;margin-left:5px}.wave-panel{position:absolute;right:34px;top:25px;background:#fffcf0ce;padding:15px 18px;border-radius:16px;min-width:190px;border:1px solid #dfe4d3}.wave-panel>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:25px}.wave-panel span{font-size:11px;letter-spacing:.16em;color:#8b927c}.wave-panel strong{font-size:25px}.wave-panel em{font-size:13px;font-style:normal;color:#96a18a}.wave-track{display:flex;gap:4px;margin:9px 0}.wave-track i{height:5px;flex:1;background:#e0e6d4;border-radius:4px}.wave-track i.done{background:#739765}.wave-track i.current{background:#e0b15b}.wave-panel small{font-size:11px;color:#7b8874}#notice{position:absolute;top:24px;left:50%;transform:translateX(-50%);background:#476951ec;color:#fffbed;padding:10px 20px;border-radius:25px;font-size:13px;box-shadow:0 5px 18px #3e603119;max-width:42%;text-align:center;transition:opacity .3s;pointer-events:none;z-index:2}.view-tools{position:absolute;bottom:19px;right:30px;display:flex;gap:7px}.view-tools button{width:33px;height:33px;font-size:18px}.field-caption{position:absolute;bottom:25px;left:35px;font-size:12px;letter-spacing:.06em;color:#8b997e}.dock{z-index:3;background:#fcf9ef;border-top:1px solid #d5ddc9;min-height:162px;padding:15px 33px 18px;display:flex;gap:26px;box-shadow:0 -6px 22px #75845708}.guardian-area{flex:1;min-width:0}.dock-label{display:flex;gap:15px;align-items:baseline;margin:0 0 9px}.dock-label>span{font-weight:700;font-size:13px;letter-spacing:.06em}.dock-label small{font-size:10px;color:#929581}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.guardian{position:relative;display:flex;align-items:center;text-align:left;background:#f5f1e5;border:1.5px solid #e4dfcf;border-radius:12px;padding:6px;gap:9px;min-height:85px;overflow:hidden}.guardian:hover{border-color:#98ad87;background:#edf1df}.guardian.active{background:#edf0dc;border-color:#78975e;box-shadow:0 0 0 2px #99b77b30}.guardian.poor{filter:saturate(.5)}.guardian img{width:60px;height:72px;object-fit:cover;object-position:50% 38%;border-radius:8px;mix-blend-mode:multiply}.guardian strong{display:block;font-size:14px;white-space:nowrap}.guardian small{display:block;font-size:10px;color:#8b927f;margin-top:4px;white-space:nowrap}.guardian b{display:block;font-size:15px;color:#9a783b;margin-top:5px}.guardian b em{font-size:10px;font-style:normal;margin-left:3px}.key{position:absolute;top:6px;right:7px;font-size:9px;color:#b2b5a4}.wave-actions{width:222px;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;padding-top:5px}.playback{display:flex;gap:7px;margin-bottom:9px}.playback button{background:#eeefdf;border:1px solid #dfe3d0;border-radius:7px;flex:1;padding:6px;font-size:11px}.primary{background:#46694e;color:#fff9e9;border:1px solid #3d6145;border-radius:10px;padding:13px 18px;font-weight:700;font-size:14px;box-shadow:0 3px 0 #314b34;text-decoration:none;text-align:center}.primary:hover{background:#597e57}.start-wave{display:flex;align-items:center;justify-content:space-between;min-height:48px}.start-wave span{font-size:12px;color:#cbdabb}.wave-actions>small{font-size:10px;text-align:center;color:#8e9681;margin-top:10px}.selection{position:absolute;left:28px;bottom:65px;width:260px;background:#fffaf2f5;border:1px solid #d9ddc9;border-radius:15px;padding:18px;box-shadow:0 8px 30px #53624618;z-index:4}.selection h3{font-size:18px;margin:4px 0 9px}.selection p{font-size:12px;line-height:1.8;margin:0 0 10px;color:#7d8574}.selection>span{font-size:10px;letter-spacing:.1em;color:#9b915b}.selection .primary,.selection .secondary{width:100%;font-size:12px;margin-top:9px;padding:10px}#close-selection,.dialog-close{position:absolute;right:10px;top:8px;background:none;font-size:24px;color:#94a085}#sel-stats{font-size:11px;color:#687a5b;line-height:1.8}.secondary{background:#eeeddf;border:1px solid #dcdcca;border-radius:9px;padding:11px;font:inherit;font-size:13px;color:#52664b}.hp-label{position:absolute;width:38px;height:4px;background:#997b6baa;border-radius:4px;transform:translate(-50%,-50%);overflow:hidden}.hp-label i{height:100%;display:block;background:#b1d777}.boss-label{position:absolute;transform:translate(-50%,-50%);font-size:10px;background:#fff7e6ed;color:#887037;border-radius:7px;padding:4px 8px;white-space:nowrap}.tower-label{position:absolute;transform:translate(-50%,-50%);border:1px solid #dfe2c8;background:#fffbedeb;color:#607553;border-radius:7px;padding:2px 7px;font-size:10px;white-space:nowrap}.floating{position:absolute;transform:translate(-50%,-50%);font-size:14px;font-weight:bold;white-space:nowrap;text-shadow:0 2px 2px #fff8e7;color:#a47a28}.map-label{position:absolute;transform:translate(-50%,-50%);border:1px solid #d4ddc2;background:#fff9e9db;color:#7d8c70;border-radius:20px;font-size:10px;padding:5px 10px;white-space:nowrap}#pause-cover{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#f4f0df77;backdrop-filter:blur(3px);z-index:5;pointer-events:none}#pause-cover strong{font-size:32px}#pause-cover span{font-size:14px;margin-top:12px}dialog{border:1px solid #d8ddc9;border-radius:22px;background:#fffaf0;color:var(--ink);max-width:600px;width:calc(100% - 40px);padding:35px;box-shadow:0 25px 100px #273d4040;max-height:90dvh}dialog::backdrop{background:#253f4466;backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin:12px 0}dialog p{font-size:14px;line-height:1.9;color:#7c8673}.eyebrow{font-size:10px;letter-spacing:.22em;color:#a1915f}dialog ol{list-style:none;padding:0;counter-reset:rules}dialog li{counter-increment:rules;margin:17px 0;padding-left:38px;position:relative}dialog li:before{content:counter(rules);position:absolute;left:0;top:0;border:1px solid #d5dcc1;border-radius:50%;width:26px;height:26px;text-align:center;line-height:26px;color:#8c9b69}dialog li b{font-size:14px}dialog li span{display:block;font-size:12px;line-height:1.8;margin-top:4px;color:#838976}.rule-note{padding:14px;background:#eeefdf;border-radius:10px;font-size:12px;line-height:1.8}.help-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0}.help-bottom span{font-size:11px;line-height:1.8;color:#8b927d}a{color:#627953}.help-bottom a{font-size:12px;white-space:nowrap}dialog>.primary{width:100%}#result-dialog{text-align:center;max-width:500px}.result-amount{background:#f1efd8;border:1px solid #e1dcba;border-radius:15px;padding:22px;margin:20px 0}.result-amount small{display:block;color:#899074;font-size:12px}.result-amount strong{display:block;font-size:34px;margin:8px 0}.result-amount span{font-size:13px;color:#8a9e65}.result-metrics{display:flex;justify-content:space-around;margin:20px 0;font-size:12px}.share{display:block;width:100%;margin-bottom:12px}#restart{width:100%}.creator{display:block;margin-top:22px;font-size:12px}#rotate-hint{display:none}#error{position:fixed;inset:25%;background:#fff7e7;border-radius:20px;z-index:30;padding:25px;line-height:2}
@media(min-width:1500px){.dock{padding-left:6vw;padding-right:6vw}.guardian{min-height:100px}.guardian img{height:86px;width:72px}.dock{min-height:183px}.topbar{padding-left:4vw;padding-right:4vw}.resources{gap:70px}.chapter{left:4vw}.wave-panel{right:4vw}}
@media(max-width:1100px){.topbar{height:72px;padding:10px 20px;gap:14px}.brand{min-width:180px}.brand h1{font-size:16px}.brand h1 span{font-size:11px}.coin-mark{width:33px;height:33px;font-size:22px}.resources{gap:23px}.resource b{font-size:20px}.resource small{font-size:10px}.dock{padding:11px 20px 13px;gap:17px;min-height:140px}.wave-actions{width:180px}.guardian{gap:4px;min-height:74px}.guardian img{width:43px;height:63px}.guardian strong{font-size:12px}.guardian small{font-size:9px}.guardian b{font-size:13px}.cards{gap:7px}.chapter{left:23px;top:20px}.chapter h2{font-size:16px}.wave-panel{right:23px;top:20px;padding:10px 13px;min-width:160px}#notice{top:19px;font-size:11px;max-width:35%;padding:9px 15px}.selection{width:230px;left:20px;bottom:50px}.field-caption{left:23px}}
@media(max-height:550px) and (orientation:landscape){.topbar{height:55px;padding:6px 17px}.brand{gap:9px;min-width:158px}.brand h1{font-size:13px}.brand h1 span{font-size:10px}.coin-mark{width:29px;height:29px;font-size:20px;outline-offset:2px}.resource small{font-size:9px;margin-bottom:1px}.resource b{font-size:17px}.resource em{font-size:10px}.heart{font-size:16px}.resources{gap:26px}.hp-track{display:none}.utility button{width:29px;height:29px;font-size:16px}.utility{gap:5px}.dock{min-height:94px;padding:7px 15px 8px;gap:14px}.dock-label{margin-bottom:4px;gap:10px}.dock-label>span{font-size:10px}.dock-label small{font-size:9px}.cards{gap:6px}.guardian{min-height:59px;border-radius:8px;padding:3px;gap:5px}.guardian img{height:49px;width:35px}.guardian strong{font-size:11px}.guardian small{font-size:8px;margin-top:2px}.guardian b{font-size:11px;margin-top:2px}.key{display:none}.wave-actions{width:165px;padding:0}.playback{gap:5px;margin-bottom:5px}.playback button{padding:4px;font-size:10px}.start-wave{min-height:34px;font-size:11px;padding:8px 12px;border-radius:7px}.wave-actions>small{font-size:8px;margin-top:5px}.chapter{top:10px;left:19px}.chapter small{font-size:8px}.chapter h2{font-size:13px;margin:4px 0 6px}.chapter-dots span{display:none}.chapter-dots i{height:4px;width:14px}.wave-panel{top:10px;right:19px;padding:7px 10px;min-width:135px;border-radius:10px}.wave-panel span{font-size:9px}.wave-panel strong{font-size:18px}.wave-panel em{font-size:10px}.wave-panel small{font-size:9px}.wave-track{margin:4px 0;gap:3px}.wave-track i{height:3px}#notice{font-size:10px;top:10px;padding:7px 13px;max-width:41%}.view-tools{bottom:10px;right:17px;gap:4px}.view-tools button{width:27px;height:27px;font-size:15px}.field-caption{font-size:9px;bottom:15px;left:18px}.selection{width:210px;bottom:8px;left:17px;padding:12px}.selection h3{font-size:14px;margin:3px 0 4px}.selection p{font-size:10px;line-height:1.5;margin:0 0 5px}.selection>span{font-size:9px}#sel-stats{font-size:10px;line-height:1.5}.selection .primary,.selection .secondary{padding:6px;font-size:10px;margin-top:6px}.tower-label{font-size:8px;padding:1px 4px}.map-label{font-size:8px;padding:3px 7px}dialog{padding:25px;max-height:92dvh}dialog h2{font-size:21px}.result-amount{padding:10px;margin:10px 0}.result-amount strong{font-size:27px}.result-metrics{margin:10px 0}.creator{margin-top:13px}}
@media(orientation:portrait) and (max-width:700px){#rotate-hint:not(.dismissed){display:flex;position:fixed;inset:0;background:#f8f3e5ee;backdrop-filter:blur(8px);z-index:20;align-items:center;justify-content:center;flex-direction:column;padding:32px;text-align:center}#rotate-hint>span{font-size:70px;color:#859e6a}#rotate-hint h2{font-size:22px}#rotate-hint p{font-size:14px;line-height:1.8;color:#85907b}.brand{min-width:0}.brand h1{font-size:11px}.brand h1 span{font-size:8px}.coin-mark{display:none}.resources{gap:9px}.resource b{font-size:12px}.resource small{font-size:8px}.health{display:none}.utility button{width:27px;height:27px;font-size:15px}.topbar{padding:10px;height:62px;gap:7px}.utility{gap:3px}.dock{flex-direction:column;padding:10px;gap:9px}.guardian{display:block;text-align:center;padding:3px}.guardian img{height:52px;width:42px}.guardian strong{font-size:10px}.guardian small{font-size:8px}.wave-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.wave-actions>small{display:none}.playback{margin:0}.chapter{left:12px;top:13px}.chapter h2{font-size:12px}.chapter-dots span{display:none}.wave-panel{right:10px;top:12px;min-width:115px;padding:8px}.wave-panel strong{font-size:18px}#notice{top:90px;max-width:90%;width:max-content;font-size:10px}.field-caption{display:none}.view-tools{right:12px;bottom:12px}.selection{bottom:15px;left:10px;width:210px}.guardian-area .dock-label{font-size:10px}}

/* Expanded campaign, audio controls and animated comic lettering. */
#sound{font-size:12px;font-weight:800}.wave-track{gap:2px;display:grid;grid-template-columns:repeat(15,1fr)}.wave-track i{min-width:4px}.chapter-dots i{width:12px}.comic{font-size:19px;letter-spacing:.05em;color:#658448;paint-order:stroke fill;-webkit-text-stroke:4px #fff9e8;font-weight:900;text-shadow:0 3px 0 #34513d24}.comic.cannon{font-size:24px;color:#bc8646;transform:translate(-50%,-50%) rotate(-7deg)}.comic.slow{color:#528c9b;transform:translate(-50%,-50%) rotate(5deg)}.comic.volley{font-size:16px;color:#6e8198}.comic.special{color:#ce9060;font-size:21px}.music-settings{padding:15px 0;border-bottom:1px solid #dce0cc}.music-settings label{display:flex;justify-content:space-between;font-size:14px}.music-settings input{width:100%;accent-color:#6c8e5b;margin:12px 0;height:20px}.music-settings p{font-size:12px;margin:3px 0;line-height:1.8}.selection #inspect-model{margin-top:7px}.selection{max-height:calc(100% - 20px);overflow:auto}
@media(max-height:550px) and (orientation:landscape){.comic{font-size:14px}.comic.cannon{font-size:18px}.comic.special{font-size:16px}.comic.volley{font-size:12px}.guardian strong{font-size:12px}.guardian b{font-size:12px}.utility button{width:30px;height:30px}.selection #inspect-model{padding:6px}}

#guardian-tooltip{position:fixed;z-index:15;background:#fffaf0;border:1px solid #bacba7;box-shadow:0 10px 32px #334e3526;border-radius:13px;padding:15px;pointer-events:none;color:#38533e;text-align:left}#guardian-tooltip>strong{font-size:17px}#guardian-tooltip strong small{font-size:12px;color:#8a997b;margin-left:6px}#guardian-tooltip p{font-size:14px;line-height:1.65;margin:8px 0}#guardian-tooltip>b{font-size:14px;color:#9f793b}#guardian-tooltip>small{font-size:12px;line-height:1.7;color:#7c8970}.special-intro{background:#f1edd7;border-radius:9px;padding:10px;margin:8px 0}.special-intro b{font-size:13px;color:#9f793b}.special-intro p{margin:5px 0;font-size:13px}.special-intro small{font-size:11px;line-height:1.6;color:#82906e}.selection{width:285px;bottom:45px}.selection #sel-desc{font-size:13px}
@media(max-height:550px) and (orientation:landscape){#guardian-tooltip{padding:11px}#guardian-tooltip p{font-size:12px;margin:5px 0}#guardian-tooltip>small{font-size:10px}.selection{width:245px;bottom:8px}.selection #sel-desc,.special-intro p{font-size:11px}.special-intro{padding:7px;margin:5px 0}.special-intro b{font-size:11px}.special-intro small{font-size:10px}}