/* Ultra Web Hosting - error content, inlined directly into the error pages.
   Everything is scoped under #uwherr and uses !important only where the site's
   global rules (h1/h2/h3/p/a { color !important }, h1 font-size !important, etc.)
   would otherwise bleed in. The Tetris board is a <canvas>, so the site's
   table/td rules can't touch it. */
#uwherr{
  --text:#E9EDF6;--muted:#8E9CBA;--dim:#5D6B88;--gold:#F5C648;--blue:#1b84da;
  --blue-lift:#4C82FF;--blue-hover:#2196f3;--line:rgba(255,255,255,.09);--line-hot:rgba(255,194,14,.28);
  --card:#0f2138;--card-border:#1c3046;--surface-2:#151F33;
  --display:'Archivo','Helvetica Neue',Arial,sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --shadow-cta:0 8px 30px -8px rgba(27,132,218,.55);
  display:block;padding:40px 20px 88px;font-family:var(--body);color:var(--text)
}
#uwherr *{box-sizing:border-box}
/* neutralise hostile global element rules */
#uwherr h1,#uwherr h2,#uwherr h3{margin:0 !important;text-shadow:none !important;text-transform:none !important;letter-spacing:-.02em !important;font-family:var(--display) !important;line-height:1.04 !important}
#uwherr p{margin:0 !important;text-shadow:none !important;color:var(--muted) !important;text-transform:none !important;font-size:inherit;line-height:1.6}
#uwherr a{text-decoration:none !important}
#uwherr strong{color:inherit}
#uwherr .uwherr-card{max-width:1120px;margin:0 auto;background:linear-gradient(180deg,rgba(14,21,36,.97),rgba(11,18,32,.98));border:1px solid var(--line);border-radius:20px;box-shadow:0 40px 90px -40px rgba(0,0,0,.85);padding:44px 46px 40px;position:relative;overflow:hidden}
#uwherr .uwherr-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:stretch}
#uwherr .uwherr-art{position:relative;min-height:540px}
#uwherr .uwherr-peek{position:absolute;right:-26px;bottom:-40px;height:510px;width:auto;max-width:none;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent 99%);mask-image:linear-gradient(to bottom,#000 88%,transparent 99%);filter:drop-shadow(0 26px 44px rgba(0,0,0,.55));animation:uwherr-peek .7s cubic-bezier(.2,.9,.3,1) both}
#uwherr .uwherr-halo{position:absolute;right:2%;bottom:-4%;width:391px;height:391px;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(27,132,218,.42) 0%,rgba(27,132,218,.12) 44%,transparent 68%)}
@keyframes uwherr-peek{from{opacity:0;transform:translate(30px,12px)}to{opacity:1;transform:none}}
#uwherr .uwherr-eyebrow{font-family:var(--mono) !important;font-size:12px !important;font-weight:500;letter-spacing:.26em !important;text-transform:uppercase !important;color:var(--gold) !important;margin:0 0 14px !important;display:flex;align-items:center;gap:10px}
#uwherr .uwherr-eyebrow::before{content:"";width:22px;height:2px;background:var(--gold);flex:none}
#uwherr .uwherr-h1{font-weight:800 !important;font-size:clamp(38px,5.2vw,58px) !important;line-height:1.02 !important;color:var(--text) !important;margin:0 0 14px !important}
#uwherr .uwherr-lede{font-size:17px !important;color:var(--muted) !important;max-width:48ch;margin:0 0 22px !important}
#uwherr .uwherr-searchwrap{position:relative;max-width:520px;margin:0 0 20px}
#uwherr .uwherr-search{display:flex;align-items:center;gap:12px;background:#0b1626;border:1px solid var(--line);border-radius:11px;padding:0 16px;transition:border-color .15s}
#uwherr .uwherr-search:focus-within{border-color:var(--blue)}
#uwherr .uwherr-search i{color:var(--blue-lift);font-size:14px}
#uwherr .uwherr-search input{flex:1;min-width:0;background:transparent !important;border:0 !important;outline:0;color:var(--text) !important;font:15px var(--body) !important;padding:13px 0 !important;box-shadow:none !important;height:auto !important;margin:0 !important}
#uwherr .uwherr-search input::placeholder{color:var(--dim)}
#uwherr .uwherr-results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;background:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 20px 50px -20px rgba(0,0,0,.7);overflow:hidden;max-height:60vh;overflow-y:auto}
#uwherr .uwherr-results a{display:block;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text) !important}
#uwherr .uwherr-results a:last-child{border-bottom:0}
#uwherr .uwherr-results a:hover,#uwherr .uwherr-results a.is-focus{background:var(--surface-2)}
#uwherr .uwherr-rt{font-size:14px;font-weight:600}
#uwherr .uwherr-rs{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#uwherr .uwherr-rall{font-family:var(--mono);font-size:12px;color:var(--blue-lift) !important;background:#0b1626}
#uwherr .uwherr-rempty{padding:14px 16px;color:var(--dim);font-size:13px}
#uwherr .uwherr-btns{display:flex;flex-wrap:wrap;gap:12px}
#uwherr .uwherr-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:10px;font-weight:700;font-size:14.5px;border:1px solid transparent;cursor:pointer}
#uwherr .uwherr-btn--primary{background:var(--blue);color:#fff !important;box-shadow:var(--shadow-cta)}
#uwherr .uwherr-btn--primary:hover{background:var(--blue-hover);color:#fff !important}
#uwherr .uwherr-btn--ghost{border-color:var(--line);color:var(--text) !important;background:rgba(255,255,255,.02)}
#uwherr .uwherr-btn--ghost:hover{border-color:var(--blue);background:var(--surface-2);color:#fff !important}
#uwherr .uwherr-links{margin-top:26px}
#uwherr .uwherr-links-h{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--muted);margin:0 0 12px}
#uwherr .uwherr-list{list-style:none !important;margin:0 !important;padding:0 !important;display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}
#uwherr .uwherr-list li{margin:0 !important;padding:0 !important;list-style:none !important}
#uwherr .uwherr-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:9px;border:1px solid transparent;color:var(--text) !important;font-size:14.5px;font-weight:500}
#uwherr .uwherr-list a:hover{background:var(--surface-2);border-color:var(--line)}
#uwherr .uwherr-list span{font-family:var(--mono);font-size:11.5px;color:var(--dim)}
#uwherr .uwherr-list a:hover span{color:var(--gold)}
#uwherr .uwherr-rule{height:2px;background:var(--line);border-radius:2px;margin:42px 0;position:relative;overflow:hidden}
#uwherr .uwherr-rule::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue),var(--gold))}
#uwherr .uwherr-h2{font-family:var(--display) !important;font-weight:800 !important;font-size:26px !important;color:var(--text) !important;margin:0 0 4px !important;line-height:1.1 !important}
#uwherr .uwherr-arcade-h p{color:var(--muted) !important;margin:0 0 20px !important;font-size:15px !important}
#uwherr .uwherr-arcade-body{display:flex;flex-wrap:wrap;gap:34px;align-items:stretch;justify-content:center;max-width:960px;margin:0 auto}
#uwherr .uwherr-game{flex:0 0 auto;display:flex;gap:26px;align-items:flex-start}
#uwherr .uwherr-canvas{display:block;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:inset 0 0 24px -6px rgba(0,0,0,.7),0 0 26px -10px rgba(27,132,218,.5)}
#uwherr .uwherr-canvas--mini{width:80px;height:80px}
#uwherr .uwherr-hud{display:grid;gap:12px;font-family:var(--mono);font-size:12.5px}
#uwherr .uwherr-scores{display:grid;gap:4px}
#uwherr .uwherr-play{display:inline-flex;justify-content:center;padding:11px 24px;border-radius:10px;background:var(--blue);color:#fff !important;font:700 14px var(--body);border:0;cursor:pointer;box-shadow:var(--shadow-cta)}
#uwherr .uwherr-play:hover{background:var(--blue-hover)}
#uwherr .uwherr-controls{margin-top:2px}
#uwherr .uwherr-keys{margin-top:16px;font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.7}
#uwherr .uwherr-keys strong{color:var(--text)}
#uwherr .uwherr-small{color:var(--gold) !important}
#uwherr .uwherr-aside{flex:1 1 320px;max-width:420px;background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:22px}
#uwherr .uwherr-aside .uwherr-h3{font-family:var(--display);font-weight:700;font-size:18px;color:var(--text);margin:0 0 4px}
#uwherr .uwherr-aside>p{color:var(--muted) !important;font-size:14px !important;margin:0 0 14px !important}
#uwherr .uwherr-quick{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;border:1px solid var(--line);margin-bottom:8px;color:var(--text) !important;font-weight:500;font-size:14px}
#uwherr .uwherr-quick:hover{border-color:var(--blue);background:var(--surface-2)}
#uwherr .uwherr-quick i{color:var(--blue-lift);width:18px;text-align:center}
#uwherr .uwherr-quick span{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--dim)}
@media (max-width:940px){
  #uwherr .uwherr-grid{grid-template-columns:1fr;gap:16px}
  #uwherr .uwherr-art{min-height:0;order:-1;display:flex;justify-content:center}
  #uwherr .uwherr-peek{position:relative;right:auto;bottom:auto;height:289px;margin:6px auto 14px}
  #uwherr .uwherr-halo{display:none}
  #uwherr .uwherr-list{grid-template-columns:1fr}
  #uwherr .uwherr-arcade-body{gap:22px}
  #uwherr .uwherr-game{justify-content:center}
  #uwherr .uwherr-card{padding:30px 22px 28px}
}
@media (prefers-reduced-motion:reduce){#uwherr .uwherr-peek{animation:none}}
