:root{--bg-primary:#0d0f12;--bg-secondary:#14181f;--bg-card:#1a1f28;--bg-elevated:#222830;--text-primary:#e8eaed;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent:#f59e0b;--accent-hover:#d97706;--border:#2d3548;--success:#22c55e;--danger:#ef4444;--radius:8px;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*,:after,:before{box-sizing:border-box}html{color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);background-image:linear-gradient(180deg,rgba(13,15,18,.82),rgba(13,15,18,.88) 50%,rgba(13,15,18,.94)),url(/images/dangerzone-bg.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);font-family:var(--font-sans);line-height:1.6}.skip-link{position:absolute;top:-100%;left:.5rem;z-index:100;padding:.75rem 1rem;background:var(--accent);color:var(--bg-primary);font-weight:600;border-radius:var(--radius);text-decoration:none;transition:top .2s}.skip-link:focus{top:.5rem}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:0 1.25rem}.site-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 0}.site-header-inner{display:flex;justify-content:center;align-items:center}.logo{font-size:1.25rem;font-weight:700}.logo,.logo:hover{color:var(--text-primary);text-decoration:none}.logo-accent{color:var(--accent)}.hero-hex-row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:2rem;padding:2rem 0 3rem}.hero-hex-col{display:flex;flex-direction:column;align-items:center;flex:0 1 60%;min-width:0;order:1}.hero-hex-intro-wrap{margin:0}.hero-hex-intro{text-align:center;padding:0 1.25rem 1.5rem;max-width:100%;width:100%;margin-bottom:1rem}.hero-hex-title{margin:0 0 .5rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:#ef4444;letter-spacing:-.02em}.hero-hex-tagline{margin:0;font-size:.9375rem}.hero-hex-desc,.hero-hex-tagline{color:var(--text-secondary);line-height:1.6}.hero-hex-desc{margin:.5rem 0 0;max-width:420px;text-align:center;font-size:.875rem}.hero-hex-desc-line{display:block;margin-top:.75rem}.hero-hex-cta{margin-top:1.5rem;color:var(--text-primary);font-weight:500}.hero-hex-heading{margin:1.25rem 0 0;font-size:1.125rem;font-weight:700;color:var(--text-primary);text-align:center}.server-list-col{flex:0 1 40%;min-width:0;max-width:450px;width:100%;order:2;display:flex;justify-content:flex-end;margin-top:3rem}@media (max-width:768px){.hero-hex-row{flex-wrap:wrap}.hero-hex-col{flex:1 1 100%}.server-list-col{flex:1 1 100%;justify-content:center;max-width:100%}}.hero-hex-section{padding:0}.hero-hex-wrap{display:flex;flex-direction:column;align-items:center;gap:0}.hero-hex{position:relative;flex-shrink:0;width:min(240px,70vw);aspect-ratio:.865;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);overflow:hidden;cursor:pointer;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 8px 32px rgba(0,0,0,.4)}@media (min-width:640px){.hero-hex{width:min(270px,70vw)}}@media (min-width:768px){.hero-hex{width:min(300px,70vw)}}@media (min-width:1024px){.hero-hex{width:min(320px,70vw)}}.hero-hex-bg{position:absolute;inset:0;background:url(/icons/dangerzone.jpg) 50%/cover no-repeat}.hero-hex-video-wrap{position:absolute;inset:0;opacity:0;transition:opacity .2s ease}.hero-hex:hover .hero-hex-video-wrap{opacity:1}.hero-hex-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-hex-video-gradient{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 50%,transparent)}.hero-hex-gradient,.hero-hex-video-gradient{position:absolute;inset:0;pointer-events:none}.hero-hex-gradient{background:linear-gradient(180deg,transparent 0,transparent 70%,#000)}.hero-hex-stroke{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:rgba(0,0,0,.6)}.ipad-frame{position:relative;width:100%;max-width:500px;margin:0 auto;padding:1.25rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:2.5rem;box-shadow:0 0 0 .5rem rgba(0,0,0,.3),0 0 0 1rem rgba(0,0,0,.2),0 20px 60px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.1)}@media (max-width:768px){.ipad-frame{padding:1rem;border-radius:2rem}.ipad-screen{min-height:600px;max-height:2000px}}.ipad-screen{position:relative;background:var(--bg-primary);border-radius:1.5rem;overflow-y:auto;overflow-x:hidden;box-shadow:inset 0 0 0 2px rgba(0,0,0,.5),inset 0 2px 4px rgba(0,0,0,.3);display:flex;flex-direction:column;min-height:700px;height:auto;max-height:2500px;max-width:100%;width:100%}.ipad-status-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600;color:var(--text-primary);min-height:2rem;grid-gap:1rem;gap:1rem}.ipad-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;justify-self:start}.ipad-title{font-weight:700;color:var(--text-primary);justify-self:center;text-align:center}.ipad-status-right{justify-self:end;display:flex;align-items:center;gap:.5rem}.ipad-total-players{display:flex;flex-direction:column;align-items:center;line-height:1.2}.ipad-player-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--success);font-weight:600;font-size:.875rem}.ipad-player-label{font-size:.625rem;color:var(--success);text-transform:uppercase;letter-spacing:.05em}.ipad-battery{font-size:.875rem;opacity:.8}.ipad-home-indicator{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);width:8rem;height:.25rem;background:hsla(0,0%,100%,.3);border-radius:.125rem;opacity:.6}.server-list{flex:1 1 auto;background:var(--bg-primary);padding:1rem;overflow-y:visible;display:flex;flex-direction:column}.server-list-title{margin:0 0 1.25rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);text-align:center}.server-region{margin-bottom:1rem}.server-region:last-child{margin-bottom:0}.server-region-name{margin:0 0 .5rem;font-size:.8125rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;padding-bottom:.375rem;text-align:center}.server-ul{list-style:none;margin:0;padding:0}.server-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem .75rem;margin-bottom:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:.8125rem;transition:all .2s ease}.server-item:hover{background:var(--bg-elevated);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.server-item:last-child{margin-bottom:0}.server-map{color:var(--text-primary);font-weight:600}.server-map,.server-players{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.75rem}.server-players{color:var(--text-muted);min-width:3rem;text-align:center}.server-players-active{color:var(--success)}.server-players-warning{color:var(--accent)}.server-players-full{color:var(--danger)}.server-connect-link{padding:.375rem .75rem;line-height:1.2;background:var(--accent);color:var(--bg-primary);font-size:.75rem;font-weight:700;border-radius:6px;text-decoration:none;transition:background-color .2s ease;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.server-connect-link:hover{background:var(--accent-hover);text-decoration:none;color:var(--bg-primary)}.server-copy{padding:.375rem .625rem;line-height:1.2;background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.server-copy:hover{color:var(--text-primary);border-color:var(--accent);background:rgba(245,158,11,.1)}.server-list-message{margin:0;color:var(--text-secondary);font-size:.9375rem}.server-list-error{color:var(--danger)}.nav ul{list-style:none;padding:0;display:flex;gap:1.5rem;margin:.75rem 0 0}.nav a{font-weight:500}.hero{padding:4rem 0;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 1rem;font-weight:800;letter-spacing:-.02em}.hero-tagline{font-size:1.125rem;color:var(--text-secondary);max-width:42ch;margin:0 auto 2rem;line-height:1.7}.cta{display:inline-block;padding:.75rem 1.5rem;background:var(--accent);font-weight:600;border-radius:var(--radius)}.cta,.cta:hover{color:var(--bg-primary);text-decoration:none}.cta:hover{background:var(--accent-hover)}.content-section{padding:3rem 0;border-top:1px solid var(--border)}.content-section h2{font-size:1.5rem;margin:0 0 1rem;font-weight:700}.content-section p{margin:0 0 1rem;color:var(--text-secondary)}.content-section p:last-child{margin-bottom:0}.feature-grid{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-grid li{background:var(--bg-card);padding:1.25rem;border-radius:var(--radius);border:1px solid var(--border)}.feature-grid h3{font-size:1rem;margin:0 0 .5rem}.feature-grid p{margin:0;font-size:.9375rem}.cta-section{text-align:center}.cta-section h2{margin-bottom:.5rem}.cta-secondary{background:transparent;color:var(--accent);border:2px solid var(--accent)}.cta-secondary:hover{background:var(--accent);color:var(--bg-primary)}.site-footer{padding:.75rem 0;margin-top:1.5rem;text-align:center}.site-footer p{margin:0;color:var(--text-muted);font-size:.8125rem}.site-footer-legal{margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.site-footer nav ul{list-style:none;margin:.5rem 0 0;padding:0;display:flex;justify-content:center;gap:1rem}.site-footer a{font-size:.875rem}.article-page{padding:2rem 0 4rem}.article-page h1{font-size:clamp(1.75rem,4vw,2.25rem);margin:0 0 .75rem;font-weight:800}.article-page .lead{font-size:1.125rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.7}.article-page section{margin-bottom:2rem}.article-page h2{font-size:1.25rem;margin:0 0 .75rem;font-weight:700}.article-page p,.article-page ul{color:var(--text-secondary);margin:0 0 1rem}.article-page ul{padding-left:1.5rem}.article-page li{margin-bottom:.5rem}.main{flex:1 1;display:flex;flex-direction:column;min-height:0;max-width:960px;width:100%;margin-left:auto;margin-right:auto}.main>article{flex:1 1}.news-section{padding:3rem 0;border-top:1px solid var(--border)}.news-heading{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 2rem;text-align:left}.news-error,.news-loading{text-align:center;color:var(--text-secondary);margin:0}.news-error{color:var(--danger)}.news-list{max-width:800px;margin:0 auto}.news-entry{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.news-entry:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.news-date{font-size:1rem;font-weight:700;color:var(--accent);margin:0 0 1rem}.news-items{list-style:none;margin:0;padding:0}.news-item{color:var(--text-primary);margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.6;font-size:.875rem}.news-item:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700;font-size:1.125rem}.news-item:last-child{margin-bottom:0}.news-bugfixes{margin-top:1.75rem;padding-top:1.75rem;border-top:1px solid var(--border)}.news-bugfixes-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}