#siege-root[hidden],#siege-root [hidden]{display:none!important}#siege-root{position:fixed;inset:0;z-index:90;color:#edf6ff;font:14px/1.4 system-ui;pointer-events:none}#siege-root button,#siege-root input{font:inherit}#siege-root button{min-height:44px;border:1px solid #516387;border-radius:11px;background:#121c35;color:#edf6ff;padding:9px 12px;cursor:pointer;touch-action:manipulation}#siege-root button[aria-pressed=true]{background:#263758;border-color:#8fe4fa;box-shadow:inset 0 0 15px #6fd8ff18}#siege-root button:disabled{opacity:.45;cursor:default}#siege-root button:focus-visible,#siege-root input:focus-visible{outline:3px solid #b6eeff;outline-offset:2px}#siege-root .action{background:linear-gradient(110deg,#255b82,#514082);border-color:#8bd6ed}#siege-input{position:absolute;inset:0;pointer-events:auto;touch-action:none}#siege-header{position:absolute;top:0;left:0;right:0;padding:calc(8px + env(safe-area-inset-top)) 10px 5px;background:linear-gradient(#050b19f5,#070e24d9,transparent);pointer-events:auto}.siege-brand{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em}.siege-brand strong{color:#bcddff}.siege-brand button{margin-left:auto;font-size:11px;padding:6px!important;min-height:36px!important}#siege-clock{color:#a7f3e2;white-space:nowrap}#siege-conditions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:5px}#siege-conditions button{display:grid;gap:2px;text-align:left;background:#0a1226e3;padding:7px!important}#siege-conditions strong{font-size:10px;color:#a9c4f1;letter-spacing:.1em}#siege-conditions span{font-size:12px;font-variant-numeric:tabular-nums}#siege-conditions small{font-size:9px;color:#bfd0e7}#siege-conditions meter{width:100%;height:7px;accent-color:#7de8db}#siege-status{margin:5px 0 0;text-align:center;font-size:10px;min-height:14px;color:#b9d5ee}#siege-panel{position:absolute;inset:0;background:#020716c9;display:grid;place-items:center;padding:calc(14px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom));pointer-events:auto}#siege-content{width:min(460px,100%);max-height:100%;overflow-y:auto;box-sizing:border-box;background:linear-gradient(150deg,#111b34,#171127);border:1px solid #586085;border-radius:20px;padding:22px;box-shadow:0 15px 70px #0009}#siege-content h2{margin:4px 0 14px;font-size:28px}#siege-content p{color:#c0cce1}#siege-content>button{width:100%;margin:6px 0}#siege-content label{display:grid;gap:7px;margin:12px 0}#siege-content input{min-height:44px;border:1px solid #526386;border-radius:8px;padding:0 12px;color:#fff;background:#060c1e}.siege-code{display:flex;align-items:center;gap:10px;margin-bottom:14px}.siege-code strong{letter-spacing:.15em;color:#a0eaf5}.siege-code button{margin-left:auto}.siege-roster{display:grid;gap:8px}.siege-message{color:#ffcd9c!important}#siege-tray{position:absolute;left:50%;transform:translateX(-50%);bottom:env(safe-area-inset-bottom);width:min(650px,100%);box-sizing:border-box;background:linear-gradient(transparent,#070d20e8 12%,#060c1af5);padding:10px 8px 5px;pointer-events:auto}#siege-actions{display:flex;align-items:center;gap:6px;font-size:11px;justify-content:space-between}#siege-actions button{padding:8px;font-size:11px}.siege-credit{color:#d8c1ff;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.siege-credit small{display:block;font-size:9px;color:#b7a9cf}#siege-weapons{display:flex;gap:6px;overflow-x:auto;padding:7px 0;scrollbar-width:thin}#siege-weapons button{display:grid;grid-template-columns:25px 1fr;gap:3px;min-width:125px;text-align:left;padding:7px;font-size:10px}#siege-weapons svg{width:23px;height:23px;grid-row:span 2}#siege-weapons strong{color:#a9f5e8}#siege-hint{font-size:10px;text-align:center;margin:0;color:#aac1da}#siege-placement{display:flex;align-items:center;gap:8px;padding-bottom:8px;font-size:11px}#siege-placement strong{flex:1}#siege-shop{position:absolute;bottom:env(safe-area-inset-bottom);left:50%;transform:translateX(-50%);width:min(650px,100%);box-sizing:border-box;max-height:60dvh;background:#0a1328f5;border:1px solid #58698b;border-radius:18px 18px 0 0;pointer-events:auto;overflow:hidden;z-index:2;padding:12px}.siege-shop-heading{display:flex;align-items:center;gap:10px}.siege-shop-heading button{margin-left:auto}#siege-wallet{color:#d9beff}#siege-tabs{display:flex;gap:5px;padding:10px 0}#siege-tabs button{flex:1;font-size:11px;padding:7px}#siege-catalog{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto;max-height:calc(60dvh - 120px);padding-bottom:16px}#siege-catalog button{display:grid;text-align:left;gap:5px}#siege-catalog strong{font-size:12px}#siege-catalog span{font-size:11px;color:#dbbfff}#siege-catalog small{font-size:10px;color:#adc3da}#siege-catalog svg{height:24px;width:24px}body[data-siege=true] #space{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important}body[data-siege=true]>:not(#space):not(#siege-root):not(script){visibility:hidden!important}#siege-root{visibility:visible!important}#siege-root #siege-tray{position:absolute;visibility:visible;z-index:1}body:not([data-siege=true]) #siege-root #siege-tray{display:none!important}@media(orientation:landscape) and (max-height:550px){#siege-header{left:0;right:auto;width:min(250px,28vw)}#siege-conditions{grid-template-columns:1fr}#siege-tray{left:auto;right:0;transform:none;width:min(250px,28vw);top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom);display:flex;flex-direction:column;justify-content:flex-end}#siege-actions{flex-wrap:wrap}#siege-weapons{flex-wrap:wrap;overflow-y:auto;max-height:60vh}#siege-weapons button{min-width:108px;flex:1}#siege-shop{width:400px;max-height:90dvh}#siege-catalog{max-height:calc(90dvh - 120px)}}

#siege-header{display:block;align-items:initial;justify-content:initial}#siege-root footer{display:block}#siege-tray{z-index:1}#siege-panel{z-index:4}#siege-shop{z-index:3}
#siege-phase-banner{position:absolute;top:43%;left:12px;right:12px;max-width:620px;margin:auto;display:grid;gap:5px;text-align:center;padding:17px 10px;border-block:1px solid #a9b8ff9c;background:linear-gradient(90deg,#09112612,#172d55f2 20%,#312251f2 80%,#16102512);box-shadow:0 0 35px #6a7afa24;pointer-events:none;z-index:2;animation:siege-phase-in 1.4s ease both}
#siege-phase-title{font-size:clamp(27px,6vw,42px);font-weight:800;letter-spacing:.22em;color:#b6eaff;text-shadow:0 0 18px #7eabff70}
#siege-phase-detail{font-size:11px;letter-spacing:.06em;color:#e3e5ff}
#siege-phase-banner[data-phase=attack]{border-color:#e3aaff9c;background:linear-gradient(90deg,#21102912,#3b1b50f2 20%,#29315cf2 80%,#16102512)}
#siege-phase-banner[data-phase=attack] strong{color:#edc4ff;text-shadow:0 0 18px #ce80ff70}
#siege-conditions .siege-shield-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 5px;font-size:10px;color:#b4e7ff}
#siege-conditions .siege-shield-label small{font-size:8px;color:#b8efff;letter-spacing:.03em}
#siege-conditions .siege-shield-meter{height:4px;accent-color:#8acfff}
#siege-conditions .siege-shield-meter::-webkit-meter-optimum-value{background:#8acfff}
#siege-conditions button[data-shield-feedback=true]{border-color:#92ceff;box-shadow:inset 0 0 15px #76baff22}
@keyframes siege-phase-in{0%{opacity:0;transform:translateY(8px)}16%,78%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){#siege-phase-banner{animation:none}}
#siege-phase-banner[data-reduced=true]{animation:none;box-shadow:none}