@layer global-ui {
html body #modal .armory-popup-panel:has(.gate-departure-art){width:min(820px,94vw)!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;max-height:94dvh!important;overflow:auto!important}
html body #modal .gate-departure-art{box-sizing:border-box;color:#34565b!important;background:transparent!important;border:0!important;border-image:url('assets/city-departure-ui-v1/panel.webp') 90 fill / 24px!important;padding:30px 32px!important}
html body #modal .gate-departure-art header{background:none!important;padding:0!important;border:0!important;margin:0 0 14px!important;text-align:center}
html body #modal .gate-departure-art h2{color:#34565b!important;background:none!important;font-size:23px!important;margin:7px 0!important}
html body #modal .gate-departure-art .stage-difficulty{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0!important}
html body #modal .gate-departure-art .stage-difficulty label{display:grid!important;grid-template-columns:20px 1fr;align-content:start;gap:7px 5px;min-width:0!important;min-height:112px;padding:17px 14px!important;background:transparent!important;border:0!important;border-image:url('assets/city-departure-ui-v1/button-normal.webp') 36 110 fill / 9px 20px!important;color:#34565b!important;text-align:center;cursor:pointer;box-sizing:border-box}
html body #modal .gate-departure-art label[data-selected=true]{border-image-source:url('assets/city-departure-ui-v1/button-selected.webp')!important;color:#fff3cc!important}
html body #modal .gate-departure-art label[data-ready=false]{cursor:not-allowed;filter:saturate(.45)}
html body #modal .gate-departure-art label b{font-size:17px!important;color:inherit!important}
html body #modal .gate-departure-art input{width:16px!important;height:16px!important;min-height:0!important;margin:3px 0 0!important;accent-color:#537f76}
html body #modal .gate-departure-art .gate-rank-state,html body #modal .gate-departure-art .gate-rank-clear,html body #modal .gate-departure-art .gate-rank-condition{grid-column:1/-1;color:inherit!important;font-size:12px!important;line-height:1.4!important;font-weight:bold}
html body #modal .gate-departure-art button{background:transparent!important;color:#34565b!important;box-shadow:none!important;border:0!important;border-radius:0!important;border-image:url('assets/city-departure-ui-v1/button-normal.webp') 36 110 fill / 9px 26px!important;min-height:46px!important;margin-top:8px!important;padding:12px 28px!important}
html body #modal .gate-departure-art #gateConfirm{border-image-source:url('assets/city-departure-ui-v1/button-selected.webp')!important;color:#fff3cc!important}
html body #modal .gate-departure-art label:focus-within,html body #modal .gate-departure-art button:focus-visible{outline:3px solid #be913e;outline-offset:2px}
@media(max-height:520px){html body #modal .gate-departure-art{padding:18px 24px!important}html body #modal .gate-departure-art header{margin-bottom:5px!important}html body #modal .gate-departure-art h2{font-size:18px!important}html body #modal .gate-departure-art .stage-difficulty{margin:8px 0!important;gap:7px}html body #modal .gate-departure-art .stage-difficulty label{padding:11px!important;min-height:90px;gap:3px}html body #modal .gate-departure-art button{min-height:42px!important;padding:8px 20px!important;margin-top:5px!important}}
@media(max-width:480px){html body #modal .gate-departure-art{padding:20px 17px!important}html body #modal .gate-departure-art .stage-difficulty{gap:5px}html body #modal .gate-departure-art .stage-difficulty label{padding:12px 7px!important;grid-template-columns:16px 1fr}html body #modal .gate-departure-art label b{font-size:14px!important}html body #modal .gate-departure-art .gate-rank-condition{font-size:10px!important}}
}