:root{color-scheme:light;font-family:Tahoma,Verdana,Arial,sans-serif;color:#231e16;background:#514e47;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#514e47}button{font:inherit}button:focus-visible{outline:2px solid #fff7a2;outline-offset:-3px}#app{min-height:100vh;display:grid;place-items:center;padding:18px}.app-shell{width:min(650px,calc(100vw - 36px))}.game-stage{position:relative;width:100%;aspect-ratio:650 / 450;display:grid;grid-template-columns:68.92308fr 31.07692fr;overflow:hidden;background:#e3c986;outline:1px solid #2f2a23;box-shadow:0 12px 28px #24211d88}.world-wrap{width:448px;height:448px;min-width:0;min-height:0;align-self:center}#phaser-host,#phaser-host canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated}#operator-panel{height:448px;align-self:center;min-width:0;overflow:hidden;color:#24231e;background:repeating-linear-gradient(0deg,#a8adae 0 1px,#ced0cc 1px 4px),#bfc2bf;border-left:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cd1-tabs{display:grid;grid-template-columns:repeat(3,1fr);height:25px;border-bottom:1px solid #565b5c;background:#caa22c}.cd1-tab{min-width:0;padding:0;border:0;border-right:1px solid #8c6d18;background:#d7af2f;color:#3d3e36;cursor:pointer;font-size:7px;font-weight:800;text-transform:uppercase}.cd1-tab:last-child{border-right:0}.cd1-tab.is-active{color:#2b230d;background:#ffe050;box-shadow:inset 0 -3px #b98217}.cd1-build-list{height:265px;display:grid;grid-template-rows:repeat(5,53px);border-bottom:1px solid #6a7071;background:#b8bdbc}.cd1-build-row{position:relative;width:100%;min-width:0;padding:2px 4px;border:0;border-bottom:1px solid #777d7e;background:#c8ccca;color:#24271f;display:grid;grid-template-columns:50px 1fr;gap:4px;text-align:left;cursor:pointer}.cd1-build-row:last-child{border-bottom:0}.cd1-build-row:hover,.cd1-build-row.is-selected{background:#eee3b8;box-shadow:inset 3px 0 #e3a623}.cd1-build-row[data-locked=true]{color:#696b62;cursor:pointer}.cd1-build-description{position:absolute;inset:3px;z-index:2;padding:5px 7px;border:1px solid #707c78;background:#263532f2;color:#f0e8ca;display:flex;align-items:center;font-size:8px;font-weight:800;line-height:1.35;opacity:0;pointer-events:none}.cd1-build-row:hover .cd1-build-description,.cd1-build-row:focus-visible .cd1-build-description{opacity:1}.cd1-build-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.cd1-build-copy b{overflow:hidden;color:#2d3129;font-size:9px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}.cd1-build-copy small,.cd1-build-copy em{overflow:hidden;color:#52564e;font-size:7px;font-style:normal;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.cd1-build-copy em{color:#496d30;font-weight:700}.cd1-build-row.is-locked .cd1-build-copy em{color:#a2751e}.cd1-build-icon{position:relative;width:46px;height:46px;align-self:center;display:block;border:1px solid #75766b;background:#d7d5c5;box-shadow:inset 0 0 0 2px #a5aaa6}.cd1-build-icon img{display:block;width:100%;height:100%;object-fit:contain;padding:2px;image-rendering:pixelated}.cd1-build-icon.missile:before{content:"";position:absolute;left:6px;top:19px;width:25px;height:7px;background:#576a56;border:1px solid #2c352c;transform:rotate(-22deg)}.cd1-build-icon.missile:after{content:"";position:absolute;left:14px;top:10px;width:12px;height:17px;border:3px solid #4b554d;border-radius:3px;background:#92a15b}.cd1-build-icon.aa:before{content:"";position:absolute;left:9px;top:17px;width:20px;height:12px;border:3px solid #4d5960;border-radius:50%}.cd1-build-icon.aa:after{content:"";position:absolute;left:17px;top:5px;width:4px;height:25px;background:#3f4e55;transform:rotate(31deg)}.cd1-build-icon.silo:before,.cd1-build-icon.locked:before{content:"🔒";position:absolute;inset:4px;display:grid;place-items:center;color:#bd8b1b;font-size:22px;filter:grayscale(.18)}.cd1-build-icon.silo:before{content:"";inset:7px 11px 5px;border-radius:11px 11px 2px 2px;border:3px solid #687269;background:#9ca587}.cd1-abilities-title{height:17px;padding:4px 5px 0;border-bottom:1px solid #7c8180;background:#c9ccca;color:#363830;font-size:7px;font-weight:800}.cd1-abilities{height:54px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:3px;border-bottom:1px solid #747a79;background:#b7bcba}.cd1-ability{min-width:0;padding:2px 0;border:1px solid #72766e;background:#d5d6ce;color:#39382d;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.cd1-ability i{width:23px;height:22px;display:grid;place-items:center;border:1px solid #85806a;color:#67571b;background:#f0e8bd;font-size:12px;font-style:normal;font-weight:800}.cd1-ability span{margin-top:2px;overflow:hidden;font-size:5px;font-weight:800;white-space:nowrap}.cd1-ability.is-active{border-color:#946c1c;background:#f1d673}.cd1-ability.locked{opacity:.62;cursor:pointer}.cd1-ability.locked i{color:#9c7a21}.cd1-next-wave{height:40px;padding:2px 5px;display:flex;flex-direction:column;border-bottom:1px solid #63261f;background:#a73b2f}.cd1-next-wave div{display:flex;justify-content:space-between;align-items:center}.cd1-next-wave b{color:#fff1c4;font-size:8px}.cd1-next-wave time{color:#fff4ca;font-family:Courier New,monospace;font-size:10px;font-weight:800}.cd1-next-wave strong{overflow:hidden;margin-top:1px;color:#fff4cd;font-size:6px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}.cd1-next-wave small{display:block;overflow:hidden;margin-top:1px;color:#ffd68c;font-size:6px;font-weight:800;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}.cd1-bottom-bar{height:47px;display:grid;grid-template-columns:57px 1fr 42px;border-top:1px solid #f4f0de;background:#d8dbd5}.cd1-play{padding:3px 1px;border:0;border-right:1px solid #78601a;background:#edc23b;color:#2c270f;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:7px;font-weight:900;box-shadow:inset 0 -4px #c18d18}.cd1-play i{color:#745413;font-size:18px;font-style:normal;line-height:.8}.cd1-play:disabled{background:#babebb;color:#777;box-shadow:none;cursor:default}.cd1-readouts{padding:3px 2px 0 6px;display:flex;flex-direction:column;color:#9f3026;font-size:9px}.cd1-readouts b{font-size:11px}.cd1-readouts strong{margin-top:1px;color:#41453e;font-family:Courier New,monospace;font-size:12px}.cd1-readouts small{margin-top:1px;color:#5b6159;font-size:6px;font-weight:800}.cd1-system-controls{display:grid;grid-template-columns:repeat(2,19px);grid-template-rows:repeat(2,20px);align-content:start;gap:1px;padding-top:3px;padding-left:1px}.cd1-system-controls button{width:19px;height:20px;padding:0;border:1px solid #6f726e;background:#cdd0c9;color:#4d514a;cursor:pointer;font-size:8px;font-weight:900}.cd1-system-controls button[data-action^=toggle-]{color:#496451;font-size:7px}.cd1-system-controls button.is-muted{color:#9a4a36;background:#bbb8ad}#screen-overlay,#modal-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}#modal-overlay{z-index:3}.cd1-menu,.cd1-modal-card{pointer-events:auto}#unlock-banner-region{position:absolute;z-index:2;top:8px;right:210px;width:220px;pointer-events:none}.cd1-unlock-banner{min-height:38px;padding:6px 10px 6px 13px;border:2px solid #62562e;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#f1d552,#c49a2d);box-shadow:inset 3px 0 #fff0a0,2px 3px #302b1fa8;color:#302b1b;animation:cd1-unlock-banner 2.8s ease both}.cd1-unlock-banner span{font-size:7px;font-weight:900;letter-spacing:.12em}.cd1-unlock-banner strong{margin-top:2px;overflow:hidden;font-size:11px;line-height:1;white-space:nowrap;text-overflow:ellipsis}@keyframes cd1-unlock-banner{0%{opacity:0;transform:translateY(-10px)}10%,88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.cd1-menu{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e4cc89;text-align:center}.cd1-menu:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:radial-gradient(#855f2d 0 1px,transparent 1.5px);background-size:14px 13px}.cd1-title-screen{position:relative;justify-content:space-between;overflow:hidden;padding:46px 65px 24px}.cd1-title-battle-art{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.cd1-title-screen:before,.cd1-title-plate,.cd1-title-actions,.cd1-title-screen>small{z-index:1}.cd1-title-rock{position:absolute;display:block;background:#704626;box-shadow:inset 0 4px #a66d39,inset 0 -5px #3d2518,3px 4px #4b2a17aa;clip-path:polygon(0 22%,13% 6%,60% 0,100% 19%,92% 78%,69% 100%,11% 88%);opacity:.78}.cd1-title-rock.rock-a{width:128px;height:92px;left:-39px;bottom:-24px;transform:rotate(13deg)}.cd1-title-rock.rock-b{width:105px;height:72px;right:-31px;top:90px;transform:rotate(-21deg)}.cd1-title-rock.rock-c{width:72px;height:51px;right:66px;bottom:-15px;transform:rotate(12deg);opacity:.52}.cd1-title-unit{position:absolute;display:block;width:24px;height:24px;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.72;filter:drop-shadow(1px 2px #4b2a17aa)}.cd1-title-unit.ground{left:66px;bottom:73px;background-image:url(/games/og-canyon-defense/assets/units/enemy-ground-tiny.png);transform:rotate(-24deg)}.cd1-title-unit.air{right:64px;top:53px;background-image:url(/games/og-canyon-defense/assets/units/enemy-air-tiny.png);transform:rotate(28deg)}.cd1-title-burst{position:absolute;left:103px;bottom:67px;width:24px;height:24px;background:#e19a35;clip-path:polygon(50% 0,61% 34%,90% 14%,72% 43%,100% 52%,68% 59%,83% 90%,57% 70%,42% 100%,37% 67%,5% 84%,28% 57%,0 42%,33% 38%,16% 10%,43% 30%);opacity:.77}.cd1-title-plate{position:relative;width:100%;max-width:440px;padding:18px 22px 14px;border:5px solid #736b5f;background:#d8d3bd;box-shadow:inset 0 0 0 2px #f1e7c8,0 3px #423d35}.cd1-title-plate:before,.cd1-title-plate:after{content:"";position:absolute;top:10px;width:11px;height:11px;border-radius:50%;background:#4a4940;box-shadow:inset 1px 1px #9a9789}.cd1-title-plate:before{left:11px}.cd1-title-plate:after{right:11px}.cd1-title-plate p{margin:0 0 7px;color:#70541f;font-size:8px;font-weight:800;letter-spacing:.23em}.cd1-title-plate h1{margin:0;display:flex;justify-content:center;gap:11px;color:#314546;font-family:Impact,Arial Black,sans-serif;font-size:48px;font-weight:400;letter-spacing:-.02em;line-height:.9;text-shadow:2px 2px #f4d16b}.cd1-title-plate h1 span:last-child{color:#9a5427}.cd1-title-stripe{height:5px;margin-top:14px;background:repeating-linear-gradient(90deg,#4e5c54 0 18px,#a75c2c 18px 36px)}.cd1-title-actions{position:relative;display:grid;grid-template-columns:130px;gap:7px}.cd1-metal-button,.cd1-back-button{min-height:30px;padding:0 16px;border:2px solid #69675d;background:linear-gradient(#e7e1c9,#9fa49f);box-shadow:inset 0 0 0 1px #f8eed0,0 2px #5e5749;color:#32372f;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.06em}.cd1-metal-button.primary{border-color:#8b6817;background:linear-gradient(#f8de61,#d49d25);color:#34280b}.cd1-metal-button:disabled{cursor:default;opacity:.78}.cd1-title-screen>small{position:relative;color:#5e5644;font-size:8px}.cd1-map-screen{padding:31px 42px 20px}.cd1-map-screen h2,.cd1-difficulty-screen h2{position:relative;margin:0 0 23px;color:#3f4640;font-family:Impact,Arial Black,sans-serif;font-size:23px;font-weight:400;letter-spacing:.05em;text-shadow:1px 1px #f6e27c}.cd1-map-options{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:530px}.cd1-map-option{min-width:0;height:220px;padding:8px;border:4px solid #67645b;background:#c0bdab;box-shadow:inset 0 0 0 2px #eee3c4,0 3px #514d43;color:#353b34;display:flex;flex-direction:column;align-items:stretch;cursor:pointer}.cd1-map-option:hover{border-color:#9b6b1e;background:#ddd0a3}.cd1-map-thumb{position:relative;display:block;height:136px;overflow:hidden;border:2px solid #5f5c4e;background:#e5cd91}.cd1-map-thumb:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,#b58443 0 2px,transparent 2px 9px);opacity:.25}.cd1-map-thumb i{position:absolute;display:block;background:#65472e;border:2px solid #3e2d1f;box-shadow:inset 2px 2px #805b35}.cd1-map-1 i:nth-child(1){width:55%;height:28%;left:0;top:7%}.cd1-map-1 i:nth-child(2){width:39%;height:80%;right:0;top:16%}.cd1-map-1 i:nth-child(3){width:55%;height:25%;left:7%;bottom:0}.cd1-map-2 i:nth-child(1){width:100%;height:21%;top:17%}.cd1-map-2 i:nth-child(2){width:77%;height:26%;right:0;bottom:8%}.cd1-map-2 i:nth-child(3){width:22%;height:62%;left:10%;bottom:0}.cd1-map-3 i:nth-child(1){width:32%;height:100%;left:36%;top:0}.cd1-map-3 i:nth-child(2){width:26%;height:47%;left:0;top:12%}.cd1-map-3 i:nth-child(3){width:29%;height:37%;right:0;bottom:9%}.cd1-map-option b{margin-top:11px;color:#944f25;font-size:10px}.cd1-map-option small{margin-top:6px;color:#424940;font-size:8px}.cd1-back-button{position:relative;min-width:92px;min-height:27px;margin-top:16px;font-size:8px}.cd1-difficulty-screen{justify-content:flex-start;padding:30px 42px 16px}.cd1-difficulty-screen>p{position:relative;order:1;margin:-16px 0 9px;color:#675f49;font-size:8px;font-weight:800}.cd1-run-mode-selector{position:relative;order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;max-width:360px;margin-bottom:11px}.cd1-run-mode-selector button{min-height:43px;padding:5px 8px;border:2px solid #77766c;background:#bbbdb6;color:#3d413a;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.cd1-run-mode-selector button.is-selected{border-color:#8b6817;background:#efd15b;box-shadow:inset 0 0 0 1px #fff0a0}.cd1-run-mode-selector b{font-size:10px}.cd1-run-mode-selector small{margin-top:2px;font-size:7px}.cd1-difficulty-options{position:relative;order:3;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;max-width:490px}.cd1-difficulty{height:104px;padding:9px 7px 7px;border:4px solid #65655d;box-shadow:inset 0 0 0 2px #eae2c7,0 3px #4f4d42;color:#343a34;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;background:#c3c5be}.cd1-difficulty.easy{background:linear-gradient(#c4d497,#94ad6d);border-color:#6f8553}.cd1-difficulty.normal{background:linear-gradient(#d0d4d0,#a3aaad)}.cd1-difficulty.hard{background:linear-gradient(#8b8780,#565a5c);color:#ede9dd;border-color:#4d5151}.cd1-difficulty:hover{filter:brightness(1.08)}.cd1-difficulty b{font-size:16px;text-shadow:1px 1px #e7dda5}.cd1-difficulty span,.cd1-difficulty em{font-size:8px;font-style:normal}.cd1-difficulty em{margin-top:auto;font-weight:800}.cd1-difficulty-screen .cd1-back-button{order:4}.cd1-map-thumb{display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(14,1fr)}.cd1-map-thumb:before{content:none}.cd1-map-thumb .cd1-map-cell.cd1-map-cell{position:static;width:auto;height:auto;border:0;box-shadow:none}.cd1-map-thumb .cd1-map-cell.route{background:#edd9a4;box-shadow:inset 0 0 0 1px #cfb77d}.cd1-map-thumb .cd1-map-cell.terrain{background:#6a4529;box-shadow:inset 1px 1px #8a5d36,inset -1px -1px #3b281c}#modal-overlay{display:grid;place-items:center}.cd1-modal-card{position:relative;width:225px;min-height:127px;padding:18px 18px 14px;border:5px solid #5d605b;box-shadow:inset 0 0 0 2px #d5d5c8,0 5px #292a28;background:#aab0ad;display:flex;flex-direction:column;align-items:center;text-align:center}.cd1-modal-card h2{margin:0;color:#333b37;font-size:18px}.cd1-modal-card p{margin:10px 0 0;color:#3e423d;font-size:8px;font-weight:800}.cd1-modal-hitbox{position:absolute;inset:0;border:0;background:transparent;cursor:pointer}.cd1-modal-quit{position:relative;z-index:1;margin-top:21px;padding:2px 8px;border:1px solid #775b1d;background:#e5bd36;color:#382b0d;cursor:pointer;font-size:7px;font-weight:800}.cd1-modal-card.quit{background:#a43e31;border-color:#4f4a43}.cd1-modal-card.quit h2,.cd1-modal-card.quit p{color:#fff0cd}.cd1-modal-card.quit div,.cd1-modal-card.result div{display:flex;gap:8px;margin-top:18px}.cd1-choice{min-width:54px;padding:4px 7px;border:2px solid #80621a;background:#efc63d;color:#34290d;box-shadow:inset 0 -2px #bd8519;cursor:pointer;font-size:8px;font-weight:900}.cd1-modal-card.result{background:#b8bdb5}.cd1-modal-card.result p{color:#484a43}#modal-overlay.is-visible{background:#221f19a8;pointer-events:auto}.cd1-info-screen{position:relative;justify-content:flex-start;gap:12px;padding:32px 94px 24px;overflow-y:auto;text-align:left}.cd1-info-screen h2{flex:none;width:100%;margin:0;color:#3f4640;font-family:Impact,Arial Black,sans-serif;font-size:24px;font-weight:400;text-align:center}.cd1-info-screen p{position:relative;flex:none;width:100%;margin:0;color:#3d4039;font-size:10px;font-weight:700;line-height:1.45}.cd1-info-screen .cd1-back-button{flex:none;align-self:center;margin-top:auto}.cd1-score-category{position:relative;flex:none;width:100%}.cd1-score-category h3{margin:0 0 3px;color:#54594f;font-size:8px;letter-spacing:.04em}.cd1-score-list{position:relative;width:100%;margin:0;padding:0;list-style:none}.cd1-score-list li{display:flex;justify-content:space-between;gap:12px;padding:7px 4px;border-bottom:1px solid #9e9472;color:#3a4038;font-size:8px}.cd1-score-list b{color:#914b25;font-family:Courier New,monospace;font-size:12px}.cd1-score-list span{text-align:right}@media(max-width:600px){#app{display:block;padding:9px}.app-shell{width:min(450px,calc(100vw - 18px));margin:0 auto}.game-stage{aspect-ratio:auto;grid-template-columns:1fr;grid-template-rows:auto auto;overflow:visible}.world-wrap{width:100%;aspect-ratio:1 / 1;border-right:0;border-bottom:2px solid #26221e}#operator-panel{height:450px}.cd1-tab{font-size:10px}.cd1-build-copy b{font-size:11px}.cd1-build-copy small,.cd1-build-copy em{font-size:8px}.cd1-next-wave b{font-size:11px}.cd1-next-wave strong,.cd1-next-wave small{font-size:8px}.cd1-ability span{font-size:7px}.cd1-menu{min-height:100%}.cd1-title-screen{padding:28px 22px 16px}.cd1-title-plate h1{font-size:37px}.cd1-title-actions{grid-template-columns:repeat(3,1fr);width:100%;gap:5px}.cd1-metal-button{min-width:0;padding:0 4px;font-size:8px}.cd1-map-screen{padding:24px 13px 14px}.cd1-map-options{gap:6px}.cd1-map-option{height:171px;padding:4px;border-width:3px}.cd1-map-thumb{height:105px}.cd1-map-option b{margin-top:7px;font-size:8px}.cd1-map-option small{font-size:6px}.cd1-difficulty-screen{padding:24px 18px 15px}.cd1-difficulty-options{gap:7px}.cd1-difficulty{height:175px;padding:9px 3px;gap:7px;border-width:3px}.cd1-difficulty b{font-size:13px}.cd1-difficulty span,.cd1-difficulty em{font-size:7px}.world-wrap{height:auto}#operator-panel{height:448px}#unlock-banner-region{right:8px;width:min(220px,calc(100% - 16px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cd1-title-unit{image-rendering:pixelated}