.live-game{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#c4d1ce;color:#476267;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.combat-scene{position:absolute;top:0;right:0;bottom:0;left:0}.combat-scene canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab}.combat-scene canvas:active{cursor:grabbing}.live-cost{position:absolute;left:50%;top:28px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;color:#3d5559;text-shadow:0 1px 12px #dde6df40}.live-cost>span{font-family:monospace;font-size:9px;letter-spacing:3px;opacity:.65}.live-cost>strong{font-family:monospace;font-size:75px;line-height:1.25;font-weight:400;letter-spacing:-5px}.live-play{pointer-events:auto;width:49px;height:47px;display:grid;place-items:center;color:#456e72;margin-top:2px;border-radius:50%}.live-play:hover:not(:disabled){background:#dde8dd45}.live-play:disabled{opacity:.23}.live-top-right{position:absolute;right:21px;top:19px;display:flex;align-items:center;gap:12px;font-family:monospace;font-size:10px;color:#57726c}.live-top-right>button{display:grid;place-items:center;width:37px;height:39px;border-radius:50%;color:inherit}.live-top-right>button:hover{background:#e5eee833}.live-selection{position:absolute;bottom:29px;left:50%;transform:translate(-50%);max-width:calc(100vw - 25px)}.live-units{display:flex;gap:13px;justify-content:center}.live-unit{position:relative;flex-shrink:0}.recruit-unit{position:relative;display:grid;place-items:center;width:61px;height:61px;padding:0;border-radius:50%;border:1px solid #e4ece450;background:#e8eee32c;transition:background .15s,transform .15s}.recruit-unit img{width:76px;height:76px;object-fit:contain;pointer-events:none;position:absolute;top:-16px;filter:drop-shadow(1px 3px 2px #485d4a24)}.recruit-unit small{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);color:#62796d;font-family:monospace;font-size:9px;opacity:.75}.recruited .recruit-unit{background:#90afab65;border-color:#779a9480}.recruit-unit:hover{transform:translateY(-3px);background:#f4f5e347}.focused .recruit-unit{border-color:#587a75}.unit-count{position:absolute;right:-12px;top:-25px;width:44px;height:44px;display:grid;place-items:center;padding:0;background:transparent;border:0;z-index:2}.unit-count>span{display:flex;align-items:center;justify-content:center;gap:1px;min-width:26px;height:20px;padding:0 4px;border-radius:10px;background:#537d7d;color:#f2f3e3;font:10px monospace;border:1px solid #c7d8cb;pointer-events:none}.unit-count:hover>span{background:#466b6a}.live-unit-info{position:absolute;bottom:calc(100% + 24px);left:50%;transform:translate(-50%);width:305px;padding:17px 20px 12px;background:#e8eee3ed;border:1px solid #a6b7a849;color:#4d675c;border-radius:4px;box-shadow:0 4px 16px #3c524319;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.unit-info-close{position:absolute;right:5px;top:5px;width:27px;height:27px;display:grid;place-items:center;color:#8b9e90}.unit-info-title{display:flex;align-items:baseline;gap:12px;padding-right:8px}.unit-info-title strong{font-size:13px;font-weight:550}.unit-info-title>span{font-family:monospace;font-size:9px;opacity:.65}.live-unit-info>p{font-size:11px;line-height:1.8;margin:10px 0;color:#748a7b}.unit-info-foot{display:flex;align-items:center;gap:10px;justify-content:space-between}.unit-info-foot>span{font-size:9px;color:#91a18f}.unit-info-foot>div{display:flex;align-items:center;gap:5px}.unit-info-foot button{display:grid;place-items:center;width:44px;height:44px;color:#5a7c70;border-radius:50%;background:#d5e1d288}.unit-info-foot b{min-width:20px;text-align:center;font-family:monospace;font-size:12px;font-weight:400}.live-menu{position:absolute;top:62px;right:21px;padding:11px;background:#e5ecdfed;border-radius:4px;color:#597668;z-index:20;min-width:175px;border:1px solid #b7c7b74d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-menu>button,.live-menu>label{display:flex;align-items:center;gap:11px;min-height:42px;padding:8px 7px;font-size:12px}.live-menu>button{width:100%;border-radius:3px}.live-menu>button:hover{background:#cbdac88c}.live-menu select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;padding:6px 0;font-size:12px;max-width:126px;cursor:pointer}.live-result{position:absolute;left:50%;top:157px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:#52736c;animation:result-in .4s}.live-result>span{font-size:13px;white-space:nowrap}.live-result>div{display:flex;gap:15px;margin-top:17px}.live-result button{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;border:1px solid #819f9259;background:#dce6d947}.live-result button:hover{background:#dce6d991}.live-dialog{border:1px solid #b3c3b4;background:#ecf0e5;color:#546e60;border-radius:7px;padding:32px;width:375px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 50px);overflow:auto;box-shadow:0 20px 70px #1a3b2725}.live-dialog::backdrop{background:#3b554b3b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:9px;top:9px;width:33px;height:33px;display:grid;place-items:center;color:#8a9c8e}.live-dialog h2{font-size:19px;font-weight:500;margin-bottom:24px}.live-guide{display:flex;gap:15px;font-size:12px;line-height:1.9;margin:19px 0;color:#778c7b}.live-guide>span{font-family:monospace;font-size:10px;padding-top:3px;color:#9bac95}.live-max{display:block;margin-top:24px;font-size:9px;color:#a4b198;text-align:center}.live-records>div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #d4ddc9;font-family:monospace;font-size:11px;color:#819575}.live-records b{font-size:22px;font-weight:400;color:#587356}.live-records>p{font-size:12px;line-height:1.8;color:#95a387;padding:20px 0}.live-share{display:flex;flex-direction:column;align-items:center;padding-top:16px}.live-share>span{font-family:monospace;font-size:14px;font-weight:600;letter-spacing:1px;color:#40563f}.live-share>strong{font-family:monospace;font-size:112px;font-weight:400;letter-spacing:-7px;line-height:1.5;color:#294638}.live-share>small{font-family:monospace;font-size:14px;font-weight:600;letter-spacing:3px;color:#40563f}.live-share>textarea{width:100%;min-width:0;border:1px solid #cfdbc5;background:#e8eedd;padding:12px;color:#294638;font-family:monospace;font-size:14px;line-height:1.8;resize:none;border-radius:3px;margin-top:30px}.live-share>button{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;font-size:16px;font-weight:600;min-height:48px;color:#294638}.shared-page{min-height:100dvh;display:grid;place-items:center;padding:28px;background:#e7ecdf}.shared-page .live-share{width:min(440px,100%)}.result-details{width:100%;margin:28px 0 0;font-size:16px}.result-details>div{display:grid;gap:6px;margin:20px 0}.result-details dt{color:#40563f;font-weight:600}.result-details dd{margin:0;color:#294638;font-size:18px;font-weight:500;line-height:1.6}.live-share>p{margin-top:26px;color:#40563f;font-size:16px;line-height:1.8}.graphics-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:35px;background:#c7d3cc;font-size:14px;line-height:2;text-align:center;z-index:5}.live-game button:focus-visible{outline:3px solid #e8e4b8;outline-offset:4px}.theme-1 .live-cost{color:#685f4c}.theme-1 .live-play{color:#85795e}.theme-0 .live-cost{color:#344d46}@keyframes result-in{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@media(max-width:700px){.live-cost{top:34px}.live-cost>strong{font-size:54px}.live-cost>span{font-size:8px}.live-play{width:48px;height:46px}.live-top-right{right:12px;top:12px;gap:5px;font-size:9px}.live-selection{bottom:max(35px,env(safe-area-inset-bottom));width:290px;max-width:calc(100vw - 18px)}.live-units{flex-wrap:wrap;gap:22px 8px;width:100%}.recruit-unit{width:44px;height:44px}.recruit-unit img{width:56px;height:56px;top:-13px}.recruit-unit small{bottom:-16px;font-size:9px}.live-unit-info{bottom:calc(100% + 22px);width:300px;max-width:calc(100vw - 40px);padding:15px 17px 12px}.unit-info-title strong{font-size:13px}.unit-info-title>span{font-size:9px}.unit-info-foot button{width:44px;height:44px}.unit-info-foot>span{font-size:9px}.unit-info-close{width:32px;height:32px}.live-menu{right:11px;top:58px}.live-menu>button,.live-menu>label{min-height:46px}.live-menu select{font-size:13px;min-height:35px}.live-result{top:127px}.live-result button{width:47px;height:47px}.live-dialog{padding:29px 24px}.dialog-close{width:38px;height:38px}.live-guide{font-size:12px}.live-share>strong{font-size:84px}}.live-cost{text-shadow:0 1px 14px #e1ead580,0 0 26px #e1ead590}.recruit-unit,.unit-count,.placed-remove{touch-action:none}.live-game,.live-game *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.live-game img{-webkit-user-drag:none}.live-game input,.live-game textarea{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.placement-hint{font-size:10px;line-height:1.6;position:absolute;top:100%;width:min(340px,calc(100vw - 32px));text-align:center;margin:8px 0;letter-spacing:0;font-weight:400}.live-objective{display:block;font-size:12px;font-weight:500}.placement-hint>small{display:block;margin-top:4px;font-size:10px}.placed-remove{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#edf1e8;border:1px solid #829c92;color:#7e5147;box-shadow:0 3px 10px #274c4130;display:grid;place-items:center;z-index:2}.placed-remove[hidden]{display:none}.paused-actions{position:absolute;top:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:8px;width:max-content;max-width:calc(100vw - 30px);font-size:11px}.paused-actions button{pointer-events:auto;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;border-radius:22px;background:#e9efe5e6;border:1px solid #90a59a70}.live-result .result-downloads{flex-direction:column;align-items:stretch;gap:6px;width:max-content;max-width:calc(100vw - 32px);margin-top:12px}.result-downloads a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid #819f9259;border-radius:22px;background:#e9efe5e6;color:inherit;text-decoration:none;font-size:12px}.result-downloads a:hover{background:#f0f4eb}.result-downloads small{width:250px;max-width:100%;text-align:center;font-size:11px;line-height:1.6}.daily-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;background:#c4d1ce;color:#3d5559;text-align:center;line-height:1.8;font:14px Arial,sans-serif}.daily-loading button{min-height:44px;padding:8px 22px;border-radius:24px;background:#e9efe5;color:inherit}.share-message-input{display:grid;gap:8px;margin-top:20px;width:100%;color:#62745a;font-size:12px}.share-message-input input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #b9c9b1;border-radius:5px;color:#4d675c;background:#f1f4e9;font:inherit;font-size:16px}.live-share>.result-message{width:100%;padding:18px;border-top:1px solid #c7d3be;text-align:center;overflow-wrap:anywhere;color:#294638;font-size:20px;font-weight:500}.share-dialog{width:430px;padding:26px 20px 18px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.share-dialog .live-share{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px 8px;padding:0}.share-dialog .live-share>strong{font-size:52px;line-height:1.1;letter-spacing:-3px}.share-dialog .live-share>small{font-size:11px;letter-spacing:1px;padding-right:40px}.share-dialog .live-share>:is(dl,label,textarea,button,p){grid-column:1 / -1;margin:0}.share-dialog .result-details>div{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);align-items:baseline;gap:12px;margin:8px 0}.share-dialog .result-details dt{font-size:12px}.share-dialog .result-details dd{font-size:14px;line-height:1.4}.share-dialog .live-share>textarea{padding:8px;font-size:12px;line-height:1.5}.share-dialog .live-share>button{min-height:44px}@media(max-height:600px){.share-dialog{padding:20px 16px 12px}.share-dialog .live-share{row-gap:6px}.share-dialog .live-share>strong{font-size:40px}.share-dialog .result-details>div{margin:5px 0}.share-dialog .share-message-input{gap:4px}}@media(min-width:600px)and (max-height:500px){.share-dialog{width:650px}.share-dialog .live-share{grid-template-columns:1fr 1fr;column-gap:24px}.share-dialog .live-share>span,.share-dialog .live-share>strong,.share-dialog .live-share>small{grid-area:1 / 1}.share-dialog .live-share>strong{justify-self:center}.share-dialog .live-share>small{justify-self:end;padding:0}.share-dialog .live-share>.result-details{grid-area:2 / 1 / 5 / 2;align-self:start}.share-dialog .live-share>.share-message-input{grid-area:1 / 2 / 3 / 3;padding-right:24px}.share-dialog .live-share>textarea{grid-area:3 / 2}.share-dialog .live-share>button{grid-area:4 / 2}}.ground-bonus{position:absolute;z-index:3;transform:translate(-50%,-100%);padding:5px 9px;border:1px solid #cbb579;border-radius:8px;background:#f8f0d9ed;color:#645335;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none}.result-downloads a[aria-disabled=true]{opacity:.55}.capture-preview img,.capture-preview video{display:block;width:100%;max-height:55vh;object-fit:contain;border-radius:8px}.capture-preview p{font-size:13px;line-height:1.6}.live-day{position:absolute;top:17px;left:16px;padding:6px 8px;border-radius:9px;background:#e8eee3b3;color:#48655c;font:12px monospace;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #e1ead5a0}.live-day>div,.live-day small,.live-day button{display:flex;align-items:center;gap:6px}.live-day small{font-size:10px;margin-top:6px;opacity:.75}.live-day button{min-height:44px;color:#316d59;font-size:11px}.live-info{display:grid;gap:20px}.live-info a{display:flex;align-items:center;gap:10px;min-height:44px;color:#456c60;font-size:14px}@media(max-width:700px){.live-day{left:8px;top:17px;font-size:11px}.live-day>div{gap:4px}.live-day small{font-size:9px;gap:4px}.live-top-right{gap:0;right:8px}.live-top-right>button{width:44px;height:44px}.live-top-right>button svg{width:15px;height:15px}.live-play svg{width:20px;height:20px}.live-unit-info{width:268px;padding:12px 14px 10px}.unit-count>span{min-width:22px;height:17px;font-size:9px}.live-menu{padding:10px}.live-menu>button,.live-menu>label{min-height:44px;font-size:12px}.live-dialog{padding:24px 20px}.live-info a{font-size:12px}}@media(max-width:700px){.paused-actions,.paused-actions button{font-size:12px}}.developer-tools{position:fixed;z-index:15;top:8px;left:8px;right:8px;max-width:450px;margin:auto;padding:5px 7px;color:#243629;background:#fffffff0;border-radius:15px;box-shadow:0 2px 12px #20302820;text-align:center}.developer-tools>div{display:flex;gap:3px}.developer-tools button{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;border-radius:9px;background:#edf1e9;color:inherit;cursor:pointer}.developer-tools button:disabled{opacity:.35;cursor:default}.developer-tools select{min-width:0;flex:1;border:0;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:700}.developer-tools small{display:block;font-size:11px;line-height:1.35;margin:3px 0}.developer-game .live-cost{top:94px}.developer-game .live-top-right,.developer-game .live-day{top:90px}.developer-game .live-menu{top:138px}.developer-game .live-result{top:213px}@media(max-width:700px){.developer-game .live-cost,.developer-game .live-top-right,.developer-game .live-day{top:108px}.developer-game .live-menu{top:156px}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #627c45;outline-offset:4px}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button,a{transition:background .15s,color .15s}::selection{background:#bfd197}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}