:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#0b1725;color:#dbe9f4}*{box-sizing:border-box}html,body,#app,.shell{width:100%;height:100%;margin:0}.shell{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,#cadddf2e,#5c777e0f 62%,#07101842),linear-gradient(#536878,#344858 52%,#182633)}#field{display:block;width:100%;height:100%;cursor:pointer}#app{display:flex}.shell{flex:1;min-width:0}.panel{order:-1;width:240px;flex:none;padding:18px 16px;background:#0c1621d1;border-right:1px solid rgba(219,233,244,.09);display:flex;flex-direction:column;gap:14px;overflow-y:auto}.hud{position:absolute;display:flex;align-items:baseline;pointer-events:none;font-size:20px;font-weight:600;letter-spacing:.02em;color:#dbe9f4e6;text-shadow:0 2px 10px rgba(8,14,20,.7)}.hud__lives,.hud__coins{flex:1 1 0;white-space:nowrap}.hud__coins{text-align:right;color:#f0c674}.hud__heart{color:#e05a4a}.hud__income{margin-left:6px;font-size:15px;color:#8fce8a;pointer-events:auto;cursor:help}.pool{position:absolute;display:flex;flex-direction:column;align-items:flex-end;gap:6px;overflow:hidden;pointer-events:none}.pool[hidden],.waves[hidden]{display:none}.pool__title{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#dbe9f48c;text-shadow:0 2px 8px rgba(8,14,20,.8);white-space:nowrap}.pool__items{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-height:0;overflow:hidden}.pool__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;max-width:100%}.pool__who{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:#dbe9f4bf}.pool__unit{display:flex;align-items:center;gap:4px}.pool__count{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:#dbe9f4d1;white-space:nowrap}.pool__figure{display:flex;width:26px;height:26px;flex:none}.pool__figure svg{width:100%;height:100%}.hud__center{position:relative;flex:0 0 auto;text-align:center}.hud__wave{text-align:center}.hud__countdown{position:absolute;left:100%;bottom:0;margin-left:10px;font-size:15px;font-weight:600;color:#ff5f5f;white-space:nowrap}.hud__countdown--frozen{opacity:.45}.hud__wave--boss{color:#f0b27a}.watching{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;font-size:64px;font-weight:700;letter-spacing:.04em;color:#dbe9f438;text-shadow:0 4px 18px rgba(8,14,20,.45);white-space:nowrap}.lives{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#dbe9f4bf}.lives__track{height:8px;border-radius:4px;background:#dbe9f41f;overflow:hidden}.lives__fill{display:block;height:100%;background:#6fc36a}.lives--low .lives__fill{background:#d9614f}.coins{font-size:13px;font-weight:600;color:#f0d089}.unit__cost{float:right;font-weight:500;color:#f0d089}.unit--poor .unit__cost{color:#e08d7d}.unit--locked .unit__cost{font-weight:400;font-size:11px;color:#dbe9f473}.panel__title{margin:0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#dbe9f48c}.panel__units{display:flex;flex-direction:column;gap:8px}.action--sell{margin-top:-6px;color:#efcbbee6;border-color:#d7745d4d}.action--sell-on,.action--sell-on:hover:not(:disabled){color:#ffe2d8;background:#9738268c;border-color:#ee856cb3}.tower-info{display:flex;flex-direction:column;gap:3px;padding:9px 10px;font-size:12px;line-height:1.35;color:#dbe9f4b8;background:#2737436b;border-left:2px solid rgba(240,208,137,.7);border-radius:4px}.tower-info--map{position:absolute;z-index:7;width:max-content;max-width:190px;transform:translate(-50%,-50%);pointer-events:none;color:#ebf2f6eb;background:#121d26e0;border:1px solid rgba(240,208,137,.42);border-left-width:2px;box-shadow:0 5px 18px #050b1159;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tower-info[hidden]{display:none}.tower-info strong{color:#f0d089f0;font-weight:600}.unit{display:flex;flex-direction:column;gap:4px;padding:10px 12px;text-align:left;font:inherit;color:inherit;cursor:pointer;background:#5368783d;border:1px solid rgba(219,233,244,.12);border-radius:8px}.unit:hover:not(:disabled){background:#53687861}.unit--active{background:#bb7e474d;border-color:#eab480a6}.unit:disabled{opacity:.45;cursor:default}.unit__name{font-size:13px;font-weight:500}.rivals{--rival-card: 110px;width:calc(var(--rival-columns, 1) * 120px + 30px);max-width:45vw;overflow-x:hidden;flex:none;padding:14px 12px;background:#0c1621d1;border-left:1px solid rgba(219,233,244,.09);display:flex;flex-direction:column;gap:10px;overflow-y:auto}.rivals__room{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;padding-bottom:8px;border-bottom:1px solid rgba(219,233,244,.1)}.rivals__room-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#dbe9f480}.rivals__room-code{font-size:20px;font-weight:700;letter-spacing:.1em;color:#9fd0ea;-webkit-user-select:all;user-select:all}.rivals__room-lock{flex-basis:100%;font-size:10px;color:#dbe9f480}.ask{border:1px solid rgba(219,233,244,.14);border-radius:10px;padding:18px;color:#dbe9f4;background:#12202e}.ask::backdrop{background:#060c129e}.ask__form{display:flex;flex-direction:column;gap:12px;min-width:240px}.ask__title{margin:0;font-size:15px}.ask__label[hidden]{display:none}.ask__label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#dbe9f4b3}.ask__input{padding:7px 9px;font:inherit;color:inherit;background:#53687838;border:1px solid rgba(219,233,244,.16);border-radius:6px}.ask__actions{display:flex;gap:8px}.ask__hint{margin:0;font-size:11px;line-height:1.35;color:#f0b27a}.ask__hint--quiet{color:#dbe9f480}.ask__label--check{flex-direction:row;align-items:center;gap:8px;cursor:pointer}.lobby .ask__input{font-size:20px;letter-spacing:.22em;text-align:center}.lobby__list{display:flex;flex-direction:column;gap:4px;max-height:168px;overflow-y:auto}.lobby__row{display:flex;align-items:baseline;gap:8px;padding:6px 9px;font:inherit;color:inherit;text-align:left;background:#53687838;border:1px solid rgba(219,233,244,.16);border-radius:6px;cursor:pointer}.lobby__row:hover{background:#7896af4d}.lobby__code{font-size:16px;font-weight:700;letter-spacing:.12em;color:#9fd0ea}.lobby__lock{font-size:11px}.lobby__who{margin-top:4px;padding-top:10px;border-top:1px solid rgba(219,233,244,.12)}.lobby__meta{margin-left:auto;font-size:11px;color:#dbe9f48c}body.entering #app{visibility:hidden}.entry-notice{position:fixed;z-index:10;left:50%;top:24px;transform:translate(-50%);margin:0;padding:8px 14px;font-size:13px;color:#ffd9d9;background:#781e1eeb;border-radius:8px}.rivals__status{margin:0;font-size:11px;line-height:1.35;color:#dbe9f49e}.rivals__list{display:grid;grid-template-rows:repeat(var(--rival-rows, 1),max-content);grid-auto-flow:column;grid-auto-columns:var(--rival-card);justify-content:start;align-content:start;gap:10px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.rival{width:var(--rival-card);display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;font:inherit;color:inherit;text-align:left;cursor:pointer;background:#53687833;border:1px solid rgba(219,233,244,.12);border-radius:8px}.rival:hover{background:#53687857}.rival--watched{border-color:#eab480b3;background:#bb7e4742}.rival__map{display:block;border-radius:4px}.rival__name{font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rival__lives{font-size:11px;color:#8fce8a}.rival__lives--low{color:#e08d7d}.panel__attacks{display:flex;flex-direction:column;gap:8px}.unit--attack{background:#281e3880;border-color:#b296dc47}.unit--attack:hover:not(:disabled){background:#382a4e99}.panel__actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.action{padding:10px 12px;font:inherit;color:inherit;cursor:pointer;background:#5368783d;border:1px solid rgba(219,233,244,.12);border-radius:8px}.action:hover:not(:disabled){background:#53687861}.action--primary{background:#6d391f8c;border-color:#eab48073;font-weight:600}.action--primary:hover:not(:disabled){background:#8f5131a6}.action:disabled{opacity:.4;cursor:default}.waves{position:absolute;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.waves__title{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#dbe9f48c;text-shadow:0 2px 8px rgba(8,14,20,.8);white-space:nowrap}.wave{display:flex;align-items:center;gap:4px}.wave__icon{width:26px;height:26px;flex:none}.wave__num{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:#dbe9f4d1;white-space:nowrap}.wave--boss .wave__num{font-weight:700;color:#f0b27a}.pause-note{position:absolute;left:50%;top:58%;transform:translate(-50%);pointer-events:none;font-size:20px;font-weight:600;color:#dbe9f4d9;text-shadow:0 2px 12px rgba(8,14,20,.8);white-space:nowrap}.resume-count{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);pointer-events:none;font-size:140px;font-weight:800;line-height:1;color:#f4e8dc;text-shadow:0 6px 30px rgba(8,14,20,.85)}.resume-count--tick{animation:resume-tick .9s ease-out}@keyframes resume-tick{0%{transform:translate(-50%,-50%) scale(1.5);opacity:.15}40%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.85}}.hit-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 100%,#ff3c3c80,#ff28281f 70%)}.hit-flash--on{animation:hit-flash .45s ease-out}@keyframes hit-flash{0%{opacity:1}to{opacity:0}}.hint{position:fixed;z-index:30;width:232px;padding:10px 12px;pointer-events:none;font-size:13px;line-height:1.4;color:#eaf6ea;background:#12281ef0;border:1px solid rgba(124,212,122,.55);border-radius:10px;box-shadow:0 8px 24px #060c128c}.hint__text{margin:0}.hint__off{margin-top:8px;padding:0;font:inherit;font-size:11px;color:#dbe9f48c;text-decoration:underline;cursor:pointer;pointer-events:auto;background:none;border:none}.hint__off:hover{color:#dbe9f4}.hint__arrow{position:absolute;left:-18px;top:50%;margin-top:-9px;border:9px solid transparent;border-right-color:#7cd47ad9;animation:hint-nudge 1.3s ease-in-out infinite}.hint--over .hint__arrow{left:50%;top:100%;margin:0 0 0 -9px;border-right-color:transparent;border-top-color:#7cd47ad9;animation:hint-nudge-down 1.3s ease-in-out infinite}@keyframes hint-nudge{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}@keyframes hint-nudge-down{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.hint-glow{animation:hint-glow 1.6s ease-in-out infinite;border-color:#7cd47abf!important}@keyframes hint-glow{0%,to{box-shadow:0 0 #7cd47a00;background-color:#4e9c5529}50%{box-shadow:0 0 14px 3px #7cd47a73;background-color:#4e9c556b}}.hints-toggle{position:absolute;right:10px;bottom:10px;width:28px;height:28px;padding:0;font-size:14px;line-height:1;cursor:pointer;background:#0c162199;border:1px solid rgba(124,212,122,.4);border-radius:50%}.hints-toggle:hover{background:#182c22d9}.hints-toggle--off{filter:grayscale(1);opacity:.4;border-color:#dbe9f424}.hint-shots{max-width:min(720px,92vw)}.hint-shots__row{display:flex;gap:10px;justify-content:center;margin:12px 0}.hint-shots .ask__actions{justify-content:flex-end}.hint-shots__shot{height:36vh;width:auto;max-width:32%;object-fit:contain;border-radius:6px;border:1px solid rgba(219,233,244,.14)}.settings{min-width:260px}.settings__note{margin:0 0 12px;font-size:12px;color:#dbe9f49e}.settings__group{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.settings__label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#dbe9f48c}.settings__difficulty{display:flex;gap:8px}.settings__level{flex:1;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.settings__level--active{background:#bb7e474d;border-color:#eab480a6}.settings__hint{font-size:11px;color:#dbe9f499}.settings__wave{display:flex;gap:8px}.settings__wave-input{width:5em;font-variant-numeric:tabular-nums}.action--ready{border-color:#7cd47a66}.action--ready-on,.action--ready-on:hover:not(:disabled){background:#4e9c5566;border-color:#7cd47abf;font-weight:600}.rival{position:relative}.rival--ready{border-color:#7cd47a80}.rival--away{opacity:.45;border-color:#dbe9f424}.rival--left{opacity:.32;filter:grayscale(1);border-color:#dbe9f41a}.results__scroll{max-height:320px;overflow-y:auto}.results__table{width:100%;border-collapse:collapse;font-size:13px}.results__table th{padding:4px 6px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#dbe9f473;text-align:right}.results__table th:nth-child(2){text-align:left}.results__table td{padding:5px 6px;border-top:1px solid rgba(219,233,244,.08)}.results__row--self{background:#78a0be29}.results__place{width:44px;color:#dbe9f48c;white-space:nowrap}.results__crown{margin-left:5px}.results__name{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results__note{margin-left:6px;font-size:10px;color:#dbe9f473}.results__number{text-align:right;font-variant-numeric:tabular-nums;color:#dbe9f4bf}.results__number--lives{font-weight:700;color:#dbe9f4}.action--quiet{margin-top:4px;font-size:12px;color:#dbe9f499}.rival__kick{position:absolute;top:2px;right:2px;width:18px;height:18px;padding:0;font:inherit;font-size:13px;line-height:1;color:#f2f7ef;cursor:pointer;background:#b8392cd9;border:none;border-radius:4px}.rival__kick:hover{background:#d9614f}