*{box-sizing:border-box}:root{color:#eef4ef;background:#101615;font-family:Inter,system-ui,sans-serif}body{min-width:320px;margin:0;overflow:hidden}#phone{background:#17211c;flex-direction:column;width:min(100vw,390px);height:100dvh;margin:auto;display:flex;overflow:hidden}button{color:inherit;font:inherit;touch-action:manipulation}.top,.stats,footer{flex:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.top{background:#26352b;border-bottom:1px solid #405342;font-size:14px}.phase,.provisional{color:#f4c76c;font-size:11px}.stats{color:#b9d0c1;background:#1e2c24;padding-block:8px;font-size:12px}.arena{background:linear-gradient(145deg,#6c9a64,#315d49 55%,#263e39);flex:auto;grid-template-columns:38% 62%;min-height:0;display:grid}h2{color:#dcebd9;letter-spacing:0;margin:0 0 12px;font-size:12px}.tower-zone,.battle-zone{padding:16px 10px;position:relative;overflow:hidden}.tower-zone{background:#284a3c55;border-right:1px solid #83a57b66}.tower-stack{flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:4px;min-height:180px;display:flex}.tower{clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);cursor:pointer;background:#536f42;border:1px solid #b9d997;flex-direction:column;justify-content:center;align-items:center;width:90px;min-height:52px;display:flex}.tower.selected{outline:3px solid #f4c76c}.tower small,.target small{font-size:10px}.hint{color:#d2e0c8;font-size:10px;position:absolute;bottom:12px;left:10px;right:10px}.battle-zone{background:#1d393850}.targets{flex-direction:column;gap:9px;display:flex}.target{cursor:pointer;text-align:left;background:#854f43;border:1px solid #d68e65;border-radius:6px;grid-template-columns:30px 1fr 40px;align-items:center;gap:3px 8px;min-height:70px;padding:8px;display:grid}.target i{background:#402a2b;border-radius:3px;grid-column:2;height:6px;overflow:hidden}.target em{background:#ffd166;height:100%;display:block}.target.dead{opacity:.4;filter:grayscale()}.links{color:#7bd9ff;text-shadow:0 0 5px #0af;gap:5px;font-size:11px;display:grid;position:absolute;bottom:28px;left:12px}.flash{text-align:center;color:#fff3a6;font-weight:700;animation:.18s pop;position:absolute;inset:45% 0 auto}@keyframes pop{0%{opacity:0;transform:scale(1.4)}}.notice{color:#dae8dc;text-align:center;background:#17231d;flex:none;min-height:42px;padding:12px 16px;font-size:12px}.log-panel{color:#b8c8bb;background:#17231d;flex:none;min-height:27px;margin:0;padding:0 16px;font:10px/1.35 ui-monospace,monospace}.log-panel summary{color:#9eb7a5;cursor:pointer;min-height:27px;padding:6px 0;font:11px/1.2 system-ui,sans-serif;list-style-position:inside}.log-panel[open]{border-top:1px solid #31453a}.log{white-space:pre-line;background:#0c1110c9;border:1px solid #526158;border-radius:4px;max-height:72px;padding:5px 8px 7px;overflow:auto}footer{z-index:2;background:#202b25;border-top:1px solid #405342;gap:8px;min-height:76px;position:relative}footer button{cursor:pointer;background:#304b39 url(/vgr001-preview-1788782819/assets/ui/button-placeholder.svg) 0 0/100% 100% no-repeat;border:1px solid #698d6b;border-radius:5px;flex:1 1 0;min-width:0;min-height:44px;font-size:12px}footer .primary{background-color:#b2763e;border-color:#e0a25f;font-weight:700}.choices{gap:7px;width:100%;display:flex}.choices button{background-color:#344e65;border-color:#82b7d4;flex:1 1 0;min-width:0;min-height:48px;padding:4px 2px}.choices small{color:#d6e8ef;font-size:10px}.tower img{object-fit:contain;width:90px;height:64px}.target img{object-fit:contain;grid-row:span 2;width:30px;height:30px}.links span{align-items:center;gap:4px;display:flex}.links .binding{color:#d7fff4;font-size:10px}.binding i{color:#f4c76c;letter-spacing:0;font-style:normal}@media (height<=620px){.tower-stack{min-height:120px}.tower{min-height:42px}.target{min-height:54px}.notice{min-height:34px;padding:8px}footer{min-height:64px}}.arena{background-image:url(/vgr001-preview-1788782819/assets/art/ground-scene.svg);background-position:50%;background-size:cover}.target .warning-mark{object-fit:contain;grid-area:1/3;width:22px;height:18px}.flash img{object-fit:contain;width:76px;height:76px}.choices button img{vertical-align:middle;object-fit:contain;width:26px;height:26px}.end-actions{gap:8px;width:100%;display:flex}.end-actions button{min-width:0}
