:root{--black:#030408;--panel:#080a10;--panel-edge:#292d36;--matrix-dot:#7077863b;--white:#e9edff;--white-dim:#8d94a8;--line:#b4bcd238;--fire:#ff3b35;--ambulance:#ffe44d;--police:#238cff;--other:#df42ff}*{box-sizing:border-box}html,body{background:#0a0b0f;min-height:100%;margin:0}body{color:var(--white);font-family:OCR A Std,Lucida Console,Courier New,monospace;overflow:hidden}button{font:inherit}.login-screen{background:radial-gradient(circle, #ffe44d1f 0 1px, transparent 1.3px) 0 0 / 7px 7px, var(--black);place-items:center;width:100vw;min-height:100dvh;padding:clamp(18px,4vw,64px);display:grid;overflow:hidden}.login-panel{width:min(720px,100%);color:var(--ambulance);text-transform:uppercase;background:#080a10f5;border:2px solid #ffe44d6b;padding:clamp(28px,5vw,64px);box-shadow:inset 0 0 45px #000,0 0 24px #ffe44d1a}.login-kicker{color:var(--white-dim);font-size:clamp(.72rem,1.2vw,1rem)}.login-panel h1{text-shadow:0 0 12px #ffe44d80;margin:clamp(18px,3vh,30px) 0 clamp(25px,4vh,42px);font-size:clamp(2.1rem,6vw,4.7rem);line-height:.95}.login-checking{color:var(--white);margin:0;font-size:clamp(1rem,2vw,1.4rem)}.login-form{gap:11px;display:grid}.login-form label{color:var(--white-dim);margin-top:8px;font-size:clamp(.76rem,1.2vw,1rem)}.login-form input{width:100%;min-height:58px;color:var(--white);font:inherit;background:#020307;border:1px solid #ffe44d75;border-radius:0;outline:none;padding:10px 14px;font-size:clamp(1.05rem,2vw,1.45rem)}.login-form input:focus{border-color:var(--ambulance);box-shadow:0 0 13px #ffe44d4d}.login-form button{border:2px solid var(--ambulance);min-height:58px;color:var(--ambulance);cursor:pointer;text-transform:uppercase;text-shadow:0 0 7px;background:0 0;border-radius:0;margin-top:19px;font-weight:900}:is(.login-form button:focus-visible,.login-form button:hover){background:#ffe44d1f;outline:none}.login-form button:disabled{cursor:wait;opacity:.6}.login-error{color:var(--fire);margin:8px 0 0;font-size:.85rem}.service-theme-brandweer{--active:var(--fire);--active-rgb:255, 59, 53}.service-theme-ambulance{--active:var(--ambulance);--active-rgb:255, 228, 77}.service-theme-politie{--active:var(--police);--active-rgb:35, 140, 255}.service-theme-reddingsdienst,.service-theme-overig{--active:var(--other);--active-rgb:223, 66, 255}.matrix-board{--burn-in-x:0px;--burn-in-y:0px;isolation:isolate;letter-spacing:.045em;width:100vw;height:100dvh;min-height:420px;transform:translate(var(--burn-in-x), var(--burn-in-y));filter:brightness();background:linear-gradient(135deg,#ffffff0f,#0000 8% 92%,#ffffff0a),#11131a;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(9px,1.1vw,19px);transition:filter 4s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #3c414c,inset 0 0 28px #000}.matrix-board.burn-in-dimmed{filter:brightness(.68)}.matrix-board:before{content:"";z-index:0;background:radial-gradient(circle, var(--matrix-dot) 0 1.1px, transparent 1.25px) 0 0 / 6px 6px, radial-gradient(circle at 50% 40%, rgba(var(--active-rgb), .045), transparent 58%), var(--panel);border:1px solid #3a3e48;position:absolute;inset:clamp(9px,1.1vw,19px);box-shadow:inset 0 0 38px #000,0 0 0 2px #07080b}.matrix-board:after{content:"";z-index:8;pointer-events:none;border:1px solid rgba(var(--active-rgb), .14);position:absolute;inset:clamp(11px,1.1vw + 2px,21px);box-shadow:inset 0 0 42px #000000bf}.status-bar,.main-region,.history{z-index:2;position:relative}.status-bar{border-bottom:1px solid var(--line);min-height:clamp(45px,6vh,68px);color:var(--white-dim);white-space:nowrap;text-transform:uppercase;text-shadow:0 0 5px;justify-content:space-between;align-items:center;gap:24px;margin:0 1px;padding:0 clamp(15px,2.1vw,40px);font-size:clamp(.68rem,.9vw,1rem);display:flex}.status-primary{text-overflow:ellipsis;overflow:hidden}.status-right{align-items:center;gap:clamp(12px,2vw,30px);display:flex}.source-link{color:var(--white-dim);text-decoration:none}:is(.source-link:hover,.source-link:focus-visible){color:var(--white);outline:none}.live{color:#51f07d}.live-dot{color:#51f07d;text-shadow:0 0 9px}.offline{color:var(--fire)}.main-region{place-items:stretch stretch;min-height:0;padding:clamp(14px,2.3vh,30px) clamp(18px,3.5vw,64px);display:grid}.main-alert{text-align:left;text-transform:uppercase;grid-template:"meta meta""incident signal"minmax(0,auto)"priority signal""details signal"1fr"distance signal"/minmax(0,1fr) clamp(120px,16vw,250px);align-items:center;column-gap:clamp(24px,4vw,76px);width:min(1560px,100%);height:100%;min-height:0;margin:auto;display:grid}.main-alert:before{content:"!";aspect-ratio:1;border:clamp(3px, .32vw, 6px) solid var(--active);width:clamp(88px,10vw,160px);color:var(--active);text-shadow:0 0 10px var(--active), 0 0 24px rgba(var(--active-rgb), .42);box-shadow:inset 0 0 18px rgba(var(--active-rgb), .12), 0 0 16px rgba(var(--active-rgb), .18);grid-area:signal;justify-self:center;place-items:center;font-size:clamp(3.1rem,7vw,7.7rem);font-weight:900;line-height:1;display:grid}.alert-meta{border-bottom:1px dotted rgba(var(--active-rgb), .34);color:var(--white);text-shadow:0 0 7px #e9edff6b;grid-area:meta;justify-content:space-between;align-items:center;gap:clamp(14px,2vw,32px);padding-bottom:clamp(8px,1.2vh,15px);font-size:clamp(.88rem,1.25vw,1.45rem);display:flex}.service{color:var(--service-color,var(--other));font-weight:800}.service-brandweer{--service-color:var(--fire)}.service-ambulance{--service-color:var(--ambulance)}.service-politie{--service-color:var(--police)}.service-reddingsdienst,.service-overig{--service-color:var(--other)}.incident{color:var(--active);letter-spacing:.045em;text-wrap:balance;text-shadow:0 0 6px var(--active), 0 0 20px rgba(var(--active-rgb), .35);grid-area:incident;align-self:end;margin:clamp(10px,1.7vh,22px) 0 clamp(4px,.7vh,9px);font-size:clamp(2.25rem,5.8vw,7rem);font-weight:900;line-height:.95}.incident-short{font-size:clamp(2.8rem,7vw,8.4rem)}.incident-medium{font-size:clamp(2.55rem,6.35vw,7.6rem)}.incident-long{font-size:clamp(2.25rem,5.8vw,7rem)}.priority{color:var(--white);text-shadow:0 0 6px #e9edff73;border:1px solid #e9edff8c;grid-area:priority;justify-self:start;padding:5px 9px 4px;font-size:clamp(.78rem,1.05vw,1.18rem)}.alert-details{grid-area:details;align-self:center;min-width:0}.location{color:var(--active);text-shadow:0 0 8px rgba(var(--active-rgb), .52);margin-top:clamp(8px,1.4vh,18px);font-size:clamp(1.25rem,2.4vw,2.85rem);font-weight:800;line-height:1.12}.message{max-width:1160px;color:var(--white);text-transform:none;letter-spacing:.025em;text-shadow:0 0 5px #e9edff47;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:clamp(10px,1.7vh,22px) 0 0;font-size:clamp(.72rem,1vw,1.14rem);line-height:1.48;display:-webkit-box;overflow:hidden}.distance{color:var(--active);text-shadow:0 0 8px rgba(var(--active-rgb), .5);grid-area:distance;margin-top:clamp(8px,1.3vh,18px);font-size:clamp(1rem,1.55vw,1.75rem);font-weight:900}.new-glow{animation:2s ease-out new-alert-glow}@keyframes new-alert-glow{0%{filter:brightness(1.8)}to{filter:brightness()}}.history{border-top:1px solid var(--line);min-height:clamp(152px,25vh,270px);margin:0 1px 1px;padding:clamp(9px,1.2vh,16px) clamp(15px,2.1vw,40px) clamp(11px,1.5vh,20px);overflow:hidden}.history-label{color:var(--white-dim);text-shadow:0 0 5px;margin-bottom:clamp(7px,.9vh,11px);font-size:clamp(.58rem,.72vw,.8rem)}.history-list{gap:2px;display:grid}.history-row{border-bottom:1px dotted rgba(var(--active-rgb), .2);text-transform:uppercase;grid-template-columns:5.5em 10.5em minmax(13em,1fr) minmax(10em,.7fr) 6em;align-items:center;gap:clamp(8px,1.4vw,24px);min-height:clamp(24px,3.5vh,38px);font-size:clamp(.68rem,1vw,1.1rem);display:grid}.history-row>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-time{color:var(--white-dim)}.history-service,.history-incident,.history-distance{color:var(--active);text-shadow:0 0 6px rgba(var(--active-rgb), .45)}.history-incident{font-weight:800}.history-location{color:var(--white)}.history-distance{text-align:right;font-weight:800}.empty-state,.loading-state{text-align:center;text-transform:uppercase;color:var(--active);text-shadow:0 0 12px rgba(var(--active-rgb), .48);place-self:center;font-size:clamp(1.25rem,2.7vw,3.3rem);font-weight:800;line-height:1.5}.empty-state small{color:var(--white-dim);font-size:.55em;display:block}.connection-note{color:var(--fire);text-align:center;text-transform:uppercase;text-shadow:0 0 8px;font-size:clamp(.58rem,.76vw,.82rem);line-height:1.5;position:absolute;top:14px;left:50%;transform:translate(-50%)}.fullscreen-button{z-index:20;border:1px solid rgba(var(--active-rgb), .55);color:var(--active);letter-spacing:.08em;cursor:pointer;text-transform:uppercase;text-shadow:0 0 6px;background:#030408f0;border-radius:1px;padding:9px 13px;font-size:.65rem;position:fixed;bottom:27px;right:28px}:is(.fullscreen-button:hover,.fullscreen-button:focus-visible){border-color:var(--active);box-shadow:0 0 10px rgba(var(--active-rgb), .3);outline:none}@media (max-width:900px){.status-bar{gap:8px}.status-primary{max-width:58vw}.main-alert{grid-template-columns:minmax(0,1fr) clamp(82px,15vw,130px);column-gap:20px}.history-row{grid-template-columns:4.5em 8.5em minmax(10em,1fr) 5.3em}.history-location{display:none}}@media (min-width:1200px) and (min-height:700px){.status-bar{min-height:clamp(58px,6.7vh,78px);padding-inline:clamp(28px,2.4vw,52px);font-size:clamp(.92rem,1.05vw,1.28rem)}.main-region{padding:clamp(14px,1.8vh,24px) clamp(30px,2.5vw,54px)}.main-alert{grid-template-columns:minmax(0,1fr) clamp(160px,12vw,230px);column-gap:clamp(30px,3vw,62px);width:100%}.main-alert:before{width:clamp(128px,10vw,192px);font-size:clamp(5rem,7vw,8.5rem)}.alert-meta{font-size:clamp(1.15rem,1.4vw,1.72rem)}.incident{line-height:.9}.incident-short{font-size:clamp(5.5rem,8.4vw,10.2rem)}.incident-medium{font-size:clamp(5rem,7.35vw,8.9rem)}.incident-long{font-size:clamp(4.15rem,6.15vw,7.45rem)}.priority{padding:7px 12px 6px;font-size:clamp(1rem,1.18vw,1.42rem)}.location{font-size:clamp(2rem,2.9vw,3.55rem)}.message{max-width:1360px;font-size:clamp(1rem,1.14vw,1.38rem)}.distance{font-size:clamp(1.4rem,1.85vw,2.25rem)}.history{min-height:clamp(190px,25vh,292px);padding-inline:clamp(28px,2.4vw,52px)}.history-label{font-size:clamp(.76rem,.85vw,1.02rem)}.history-row{min-height:clamp(31px,3.7vh,44px);font-size:clamp(.86rem,1.08vw,1.32rem)}}@media (orientation:portrait){.matrix-board{padding:7px}.matrix-board:before{inset:7px}.matrix-board:after{inset:9px}.status-bar{flex-direction:column;align-items:flex-start;gap:5px;padding:11px 12px 9px}.status-primary{max-width:100%}.status-right{justify-content:space-between;width:100%}.main-region{padding:14px 16px}.main-alert{grid-template-columns:1fr 74px;grid-template-areas:"meta meta""incident incident""priority signal""details details""distance distance";column-gap:14px}.main-alert:before{width:62px;font-size:2.7rem}.incident-short{font-size:clamp(2.6rem,13vw,5.4rem)}.incident-medium{font-size:clamp(2.25rem,11.4vw,4.9rem)}.incident-long{font-size:clamp(2rem,9.7vw,4.4rem)}.location{font-size:clamp(1rem,5vw,2rem)}.history{min-height:210px;padding-inline:12px}.history-row{grid-template-columns:3.8em 1fr 4.7em;gap:8px}.history-service,.history-location{display:none}.fullscreen-button{bottom:16px;right:16px}}@media (max-height:650px) and (orientation:landscape){.history{min-height:142px}.history-row:nth-child(n+4){display:none}.message{-webkit-line-clamp:1}.incident-short{font-size:clamp(2.4rem,6.2vw,5rem)}.incident-medium{font-size:clamp(2.2rem,5.5vw,4.5rem)}.incident-long{font-size:clamp(2rem,4.7vw,4rem)}.main-alert:before{width:clamp(76px,9vw,110px);font-size:clamp(2.8rem,5vw,5rem)}}@media (prefers-reduced-motion:reduce){.new-glow{animation:none}.matrix-board{transition:none}}