.hw-body{background:radial-gradient(1200px 600px at 70% -10%,#3a1450 0%,rgba(18,19,43,0) 60%),radial-gradient(900px 500px at 10% 110%,#3d1a0a 0%,rgba(18,19,43,0) 60%),#0d0a1c}
.hw-link{color:#ff9a3c!important}
.hw-wrap{max-width:1180px;margin:0 auto;padding:40px 20px 80px}
.hw-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hw-k{font-family:var(--f-data);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ff9a3c;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.hw-dot{width:8px;height:8px;background:#ff3a4a;box-shadow:0 0 12px #ff3a4a;animation:hwPulse 1.6s infinite}
@keyframes hwPulse{50%{opacity:.25}}
.hw-hero h1{font-size:clamp(38px,5.4vw,66px)}
.hw-hero h1 span{color:#ff9a3c;text-shadow:3px 3px 0 #5a1020}
.hw-lead{color:var(--muted);font-size:clamp(16px,1.5vw,19px);max-width:48ch;margin:20px 0 0}
.hw-find{display:flex;gap:10px;margin:28px 0 0;max-width:520px}
.hw-find input{flex:1;min-width:0;background:#120d24;border:1px solid #4a2a5e;color:var(--fg);font:15px var(--f-data);padding:12px 14px}
.hw-find input:focus{outline:2px solid #ff9a3c;outline-offset:1px}
.hw-find .btn-accent,.hw-actions .btn-accent{background:#ff7a1a;border-color:#ff7a1a;box-shadow:4px 4px 0 #5a1020;color:#1b0a02}
.hw-msg{color:var(--muted);font-size:14px;margin:12px 0 0;min-height:1.6em}
.hw-msg a{color:#ff9a3c}
.hw-msg.err{color:var(--err)}
.hw-stage{margin:0}
.hw-screen{position:relative;border:2px solid #4a2a5e;background:#000;box-shadow:10px 10px 0 #2a1238,0 0 60px rgba(255,122,26,.18);aspect-ratio:1}
.hw-screen canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
.hw-load{position:absolute;inset:0;display:grid;place-items:center;background:rgba(8,4,16,.6);font-family:var(--f-display);color:#ff9a3c;font-size:18px}
.hw-stage figcaption{font-family:var(--f-data);font-size:13px;color:var(--muted);margin:14px 0 0}
.hw-stage figcaption b{color:var(--fg)}
.hw-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
.hw-note{color:var(--muted);font-size:13px;margin:10px 0 0}
.hw-sec{margin:72px 0 0}
.hw-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px}
.hw-head h2{font-size:clamp(24px,3vw,34px)}
.hw-head p{color:var(--muted);margin:0;font-size:15px}
.hw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.hw-tile{position:relative;border:1px solid #3a2450;background:#000;cursor:pointer;padding:0;display:block;text-align:left;color:var(--fg);transition:transform .12s,border-color .12s}
.hw-tile:hover,.hw-tile.on{transform:translateY(-3px);border-color:#ff9a3c}
.hw-tile canvas{display:block;width:100%;aspect-ratio:1;image-rendering:pixelated}
.hw-tile span{display:block;font-family:var(--f-data);font-size:11px;padding:6px 8px;background:#140c22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-tile i{position:absolute;top:6px;left:6px;font-style:normal;font-family:var(--f-data);font-size:10px;background:rgba(10,4,18,.8);padding:2px 6px;color:#ff9a3c}
@media (max-width:860px){.hw-hero{grid-template-columns:1fr;gap:32px}.hw-wrap{padding-top:20px}}
@media (max-width:520px){.hw-find{flex-direction:column}.hw-grid{grid-template-columns:repeat(2,1fr)}.links a:not(.hw-link){display:none}}
.hw-haunt{margin:6px 0 0;color:#ffcf9a;font-size:15px}.hw-haunt b{color:#ff9a3c;font-family:var(--f-display);font-weight:400;font-size:13px;letter-spacing:.02em}