/* Selected concepts 1 and 3; reference viewport 390 × 844. */
:root{--bg:#080c0c;--ink:#dedbd0;--muted:#a7aaa4;--orange:#c19a7a;--line:#bbb8a33b;color-scheme:dark}
html,body{background:#080c0c}body{background-image:none}.page-noise,.topbar,.left-rail,.right-rail,.page-footer{display:none}
.layout{display:flex;justify-content:center;align-items:center;height:100dvh;min-height:0;padding:0!important;max-width:none;gap:0}
.frame{container-type:inline-size;position:relative;width:min(100vw,calc(100dvh * 6 / 13));height:auto;max-height:100dvh;aspect-ratio:6/13;margin:auto;border:0;border-radius:0;box-shadow:none;background:#080c0c}
.frame canvas,#game{width:100%;height:100%;image-rendering:auto;display:block}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e0c5a6;outline-offset:3px}
.icon-button{min-width:44px;min-height:44px;border-radius:0}.icon-button img{width:22px;height:22px;filter:invert(90%);display:block;margin:auto}
#startOverlay{inset:0;padding:0!important;background:#080c0c;display:block;overflow:auto;align-items:initial}#startOverlay.hidden{display:none}
#startOverlay .start-panel{position:relative;width:100%;height:100%;min-height:100%;max-height:none;overflow:visible;padding:0!important;border:0;background:#080c0c url('/games/dawn-defense/assets/extracted/ui/home-quarantine.webp') center top/100% 100% no-repeat;text-align:center}
.home-wordmark{position:absolute;top:34.1%;left:15%;width:70%;height:auto;display:block;object-fit:contain}
#startOverlay .home-motto{position:absolute;top:45.6%;left:0;width:100%;margin:0;color:#c8c6bb;font-size:clamp(13px,3.6cqw,18px);font-weight:400;letter-spacing:.24em;line-height:1.8}
#startOverlay #startBtn{position:absolute;top:51.35%;left:8.2%;width:83.6%;height:6.5%;min-height:48px!important;margin:0;padding:0;border:0;border-radius:0;background:#4d1715 url('/games/dawn-defense/assets/extracted/ui/start-button.webp') 50% 47.65% /101.55% 218.08% no-repeat;color:#e5dfd0;font-size:clamp(18px,5.6cqw,27px);font-weight:600;letter-spacing:.27em;text-indent:.27em;box-shadow:none}
#startOverlay #startBtn:hover:not(:disabled){filter:brightness(1.18)}
.home-loading{position:absolute;top:58.1%;left:8.2%;width:83.6%;z-index:1;font-size:11px;color:#e0c6a9}.home-loading p{margin:0}.home-loading .secondary{padding:3px;min-height:30px;font-size:12px}
.home-login,.home-saved{position:absolute;top:60.3%;left:8.2%;width:83.6%;height:23%;margin:0}
#startOverlay .home-login h2,#startOverlay .home-saved h2{font-size:clamp(14px,3.7cqw,19px)!important;font-weight:400;letter-spacing:.1em;line-height:1.5;margin:0 0 4.6%;color:#d7d3c7}
.home-login input{display:block;width:100%;height:23%;min-height:44px;border:1px solid #706e62;background:#080c0bd9;color:#ece8dc;padding:0 14px;font:400 16px 'PingFang SC','Microsoft YaHei',sans-serif;border-radius:0;margin:0 0 4.1%;box-shadow:inset 0 0 10px #0005}.home-login input::placeholder{color:#b5b4aa;opacity:1}
.home-login .secondary{height:23%;min-height:44px;width:100%;background:#111612ad;border:1px solid #8d8b7b;border-radius:0;font-size:clamp(15px,4.1cqw,21px);font-weight:500;letter-spacing:.15em;padding:0;margin:4.7% 0 0;color:#dedacf}
#homeLoginMessage{font-size:12px;line-height:1.5;margin:4px 0;color:#ffbfa7;background:#080c0ce8;position:relative;z-index:2}#homeLoginMessage:empty{display:none}
.home-saved p{font-size:14px;line-height:1.7;color:#d1c9ba;overflow-wrap:anywhere}.home-saved .secondary{min-height:44px;margin:10px 0;background:#151a15d9;border:1px solid #7e7d6d;border-radius:0}#continueBtn{background:#42211cd9;color:#e8dbca}
.home-actions{position:absolute;top:82.8%;left:8.2%;width:83.6%;height:5.8%;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}
.home-actions button,#leaderboardBtn{display:block;grid-column:auto!important;text-align:center;min-height:44px;background:none;border:0;border-radius:0;padding:0;color:#d3cebf;font-size:clamp(14px,3.8cqw,20px);font-weight:500;letter-spacing:.08em}.home-actions button:hover{background:#af957914}.home-actions button+button{border-left:1px solid #827b6755}
.home-loadout{position:absolute;top:88.3%;left:8.2%;width:83.6%;height:5.1%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:15px;background:none;color:#aaa79b;padding:0;font-size:12px}.home-loadout strong{font-weight:400;color:#c4b6a3}.home-loadout:hover{color:#eee4cc}
.home-links{position:absolute;top:93.3%;left:8.2%;width:83.6%;height:5.5%;margin:0;justify-content:center;gap:42px}.home-links a,.home-links button{color:#a6a69a;font-size:clamp(11px,3cqw,15px);min-height:44px;padding:0;letter-spacing:.05em;white-space:nowrap}.home-identity:before{display:none}
.hud{padding:0!important;background:#0a0d0dde;color:#e5e0d4;box-shadow:0 1px 0 #d2c5a842}.hud-top{padding:18px 20px 10px!important;align-items:center;gap:6px}.mission{min-width:0}.mission span{font-size:12px;color:#d9d3c5;letter-spacing:.05em}.mission b{font-size:15px!important;margin-top:5px;color:#e9e3d6}.hud-actions{gap:0!important}.hud .icon-button{background:none;min-width:44px;width:44px;border:0;color:#d4d2c7}#helpBtn{display:none}
.progress-track{height:3px;margin:0 20px;background:#d7c69b2b}.progress-track>div{background:#b2a575}.hud-stats{padding:10px 20px;font-size:11px;color:#d5d1c5}.hud-stats b{color:#e9e4d8;font-size:13px;font-weight:600}
.game-bottom{left:0;right:0;bottom:0;padding:16px 18px!important;background:#0a0e0edf;border-top:1px solid #d0c7b64d;min-height:88px;gap:10px;align-items:center}.loadout{min-width:0;max-width:38%;flex:1}.loadout strong{font-size:14px!important;color:#e5e0d3}.loadout small{font-size:9px;color:#b8b3a6;line-height:1.5;display:block;margin-bottom:5px}.skill-button{min-width:100px;min-height:46px;background:#40251cde;border:1px solid #9d8363;border-radius:0;padding:6px 12px;box-shadow:none}.skill-button span{font-size:14px;font-weight:600}.skill-button small{font-size:9px;color:#c8b99d}.member-count{gap:6px;min-width:68px;justify-content:flex-end}.member-count b{font-size:30px!important;color:#e4dcc7}.member-count div{font-size:11px}.member-count span{font-size:8px;color:#b8b09f}
.drag-hint{bottom:20%;font-size:12px;background:#0b100bdd;left:20%;right:20%;padding:8px;letter-spacing:.05em;border:1px solid #b9ac8d55;border-radius:0}.drag-hint span{display:none}.toast{top:17%;border-radius:0;background:#101611e8;border:1px solid #c1ae8d66}.toast strong{font-size:16px}.toast small{font-size:12px}.boss-hud{top:115px!important}.countdown{color:#ded5bf}
.account-overlay{background:#050809e8;backdrop-filter:blur(4px)}.account-panel,.modal-panel,.catalog,.upgrade-panel{background:#111716;border:1px solid #747369;color:#e4dfd2;border-radius:0;box-shadow:0 24px 80px #0008}.account-panel{width:min(500px,100%)}.account-panel small,.catalog header small,.upgrade-panel small,.eyebrow{color:#b5a48c}.account-panel p,.help-line,.catalog-note{color:#c2c4b8}.account-panel input,.account-panel select{background:#090e0d;border-color:#79786b;border-radius:0;color:#e5e0d3;font-size:16px;min-height:44px}.account-panel .primary,.modal-panel .primary,.catalog .primary{background:#682e26;color:#e9dfce;border:1px solid #b38f70;border-radius:0;box-shadow:none}.account-panel .secondary,.modal-panel .secondary,.account-tabs button,.ranking-tabs button,.catalog-tabs button,.upgrade-card{background:#1b2320;border:1px solid #79786b;color:#dbd7cb;border-radius:0}.account-tabs button[aria-pressed=true],.ranking-tabs button.selected,.catalog-tabs button.selected{background:#533028;border-color:#ac8d74;color:#e6ddd0}.account-panel .account-hint,.account-panel .auth-note{color:#b2b8ac}.account-panel h2{font-size:24px}.account-panel a{color:#d1b596}
.catalog-card,.catalog-card.selected{background:#1b2420;border-radius:0}.catalog-card.selected{border-color:#b89d7d;background:#352e24}.catalog-card img{image-rendering:auto}.catalog-card strong{color:#e2dccf}.catalog-card small{color:#baa98b}.ranking-table .is-you{background:#b17e5322;color:#e7c6a3}.ranking-table th,.ranking-table small{color:#b9beb0}.ranking-table td{color:#e0dccf}.network-notice{background:#20251ff5;color:#e6dac4;border:1px solid #8d7e68;border-radius:0}.upgrade-card:hover{background:#3e4536}
@media(max-height:720px){.frame:has(#startOverlay:not(.hidden)){width:min(100vw,390px);height:100dvh;aspect-ratio:auto}.frame:has(#startOverlay:not(.hidden)) #startOverlay .start-panel{height:844px;min-height:844px}.home-wordmark{top:34.1%}.account-overlay{padding:12px}.account-panel{padding:20px;max-height:calc(100dvh - 24px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Measured alignment corrections from the first browser comparison. */
.home-wordmark{top:33%;left:11%;width:78%}
#startOverlay #startBtn{justify-content:center}
#startOverlay .home-login h2,#startOverlay .home-saved h2{margin-bottom:8px;line-height:21px}
.home-login input{height:44px;margin:0 0 6px}
.home-login #homePassword{margin-bottom:0}
.home-login .secondary{height:44px;margin-top:15px}
#homeLoginTitle{display:flex;align-items:center;gap:18px}
#homeLoginTitle:before,#homeLoginTitle:after{content:'';flex:1;border-bottom:1px solid #817d6d}
.home-links{border-top:1px solid #9a948355;top:91.8%;height:7%}
.home-loadout{top:87.1%}
.hud{top:3%;left:5%;right:5%;border-radius:4px;padding-bottom:8px!important;background:#101915dc}
.hud-top{padding:10px 10px 9px!important;gap:7px}.mission{flex:1}.mission span{font-size:11px}.mission b{font-size:16px!important}
.hud-stats{padding:0;gap:12px;font-size:11px;white-space:nowrap;display:flex}.hud-stats b{font-size:15px;color:#efbd65}
.hud .icon-button{border:1px solid #b69b65;border-radius:6px;min-width:36px;width:36px;min-height:36px;height:36px}.hud .icon-button img{width:20px;height:20px}
.progress-track{margin:0 10px;height:3px}.member-count b{font:700 39px/1 monospace!important;font-style:normal!important}.skill-button{min-height:54px;min-width:92px;border-radius:5px;background:#24352bde}
.home-login input,.home-login .secondary{border:0;background:#0c100ddd url('/games/dawn-defense/assets/extracted/ui/form-field.webp') 50% 49.8%/100.86% 306.18% no-repeat;border-radius:2px}
:root{font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}
.home-login input{font-size:14px}.home-actions button,#leaderboardBtn{font-weight:400}#startOverlay .home-motto{font-size:12px;letter-spacing:.65em;text-indent:.65em}