/* Authored browsing surfaces only. No canvas, video, WebGL or backdrop filters. */
body.wwb-host-home,body.wwb-host-page{--ps-blue:#1876ed;--ps-white:#f2f6ff;--ps-line:#344258;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;background:#0b1220!important}
body.wwb-host-home:before,body.wwb-host-page:before{content:"";display:block!important;position:absolute;inset:0 0 auto;height:880px;pointer-events:none;background:linear-gradient(180deg,rgba(8,18,38,.5),#0b1220 95%),url("/assets/images/playstation/god-of-war.jpg") center top/contain no-repeat;opacity:.38;z-index:0}
body.ps-art-ps4:before{background-image:linear-gradient(180deg,rgba(8,18,38,.58),#0b1220 95%),url("/assets/images/playstation/uncharted.jpg")}
body.ps-art-ps5:before{background-image:linear-gradient(180deg,rgba(8,18,38,.5),#0b1220 95%),url("/assets/images/playstation/the-last-of-us-2.jpg")}
body.ps-art-gta5:before{background-image:linear-gradient(180deg,rgba(8,18,38,.6),#0b1220 95%),url("/assets/images/playstation/gta5.jpg")}
body.ps-art-rdr2:before{background-image:linear-gradient(180deg,rgba(8,18,38,.6),#0b1220 95%),url("/assets/images/playstation/rdr2.jpg")}
body.ps-art-cod:before{background-image:linear-gradient(180deg,rgba(8,18,38,.6),#0b1220 95%),url("/assets/images/playstation/black-ops-3.jpg")}
body.wwb-host-home main,body.wwb-host-page main{position:relative;z-index:1}
.topbar,body.wwb-host-page .host-taskbar{position:relative!important;background:#0b1425!important;border-bottom:1px solid #304567!important;z-index:3;min-height:76px}
.topbar{gap:28px}.topbar .brand{margin-right:auto}.topbar a,.host-taskbar a{min-height:36px;display:inline-flex;align-items:center}
body.wwb-host-home main{max-width:1440px;padding-top:64px}.home-eyebrow{font-size:.7rem;letter-spacing:.2em;color:#a9c9fc;margin:0 0 18px}.home-lead{color:#bdcbe1;font-size:1.05rem;margin:20px 0 0}.intro{margin-bottom:44px}.intro h1{font-size:clamp(2.6rem,5vw,4.7rem);font-weight:500;letter-spacing:-.055em}.browser-status{background:#101e33;border:1px solid #344258;border-left:3px solid #4797ff;padding:18px 24px}
.consoles{gap:24px}.console{background:#111e32;border:1px solid #344258;border-radius:12px;overflow:clip}.console-visual{background:linear-gradient(135deg,#182b47,#0d1829);aspect-ratio:2/1;padding:16px}.console-copy{padding:22px 26px;border:0}.console-copy h2{font-size:2rem}.console:hover{border-color:#85b6ff}.console[data-browser-console=true]{border-color:#85b6ff}.open{font-size:.85rem}
.game-section,.tool-section{margin-top:56px}.game-section>h2,.tool-section>h2{font-size:1.5rem;font-weight:500;letter-spacing:-.025em}.home-game,.home-tool{background:#101d30;border:1px solid #344258;border-radius:10px;overflow:clip}.game-art{aspect-ratio:16/9}.home-game-copy{padding:20px 22px;border:0}.tool-art{aspect-ratio:16/10}.home-tool-copy{padding:18px 20px}.home-tool h3{font-size:.95rem}.tool-console-links a{border-radius:5px}.utility-links{padding-block:24px}
body.wwb-host-page main,body.wwb-host-page #main-content{max-width:1440px!important;padding-top:40px!important}
body.wwb-host-page [data-wwb-image-heading]{padding:24px 28px 30px!important;border:1px solid #344258;background:#101e33!important;border-radius:12px;gap:36px;margin-bottom:30px!important}
body.wwb-host-page .wwb-heading-copy h1{font-weight:500!important;font-size:clamp(2rem,4vw,3.8rem)!important;letter-spacing:-.045em}
body.wwb-host-page .wwb-heading-art{background:transparent!important}body.wwb-host-page .wwb-heading-art img{height:210px;object-fit:contain!important}
body.wwb-host-page .host-categories{gap:8px;border-bottom:1px solid #344258;padding-bottom:16px;margin-bottom:24px}
body.wwb-host-page .host-categories button{border:1px solid #344258;border-radius:6px!important;padding:12px 18px!important;min-height:44px;background:#142137;color:#b9cce9}
body.wwb-host-page .host-catalog-grid .host-catalog-tile__media{height:auto!important;aspect-ratio:16/10!important;display:flex;align-items:center;justify-content:center;border-radius:8px!important;overflow:hidden!important;border:1px solid #344258!important;background:#101b2c!important}
body.wwb-host-page .host-catalog-grid .host-catalog-tile__media img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}
body.wwb-host-page .host-patch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body.wwb-host-page .host-patch-tile{background:#111e32;border:1px solid #344258;border-radius:8px;padding:14px;color:#edf3ff}
body.wwb-host-page .host-patch-tile img{width:100%;height:160px;object-fit:contain;background:#0b1423}
body.wwb-host-page .host-version-dialog,body.wwb-host-page .host-patch-dialog{border:1px solid #6c92cd!important;border-radius:10px!important;background:#142137!important}
.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.credits-grid article{background:#111e32;border:1px solid #344258;padding:24px;border-radius:10px}.credits-grid h2{font-size:1.2rem;font-weight:500}.credits-grid p{color:#bdcbe1;line-height:1.8}
.host-patch-breadcrumb{display:flex;flex-wrap:wrap;gap:24px;padding:18px 4vw;border-bottom:1px solid #344258;position:relative}.host-patch-breadcrumb a{font-size:14px;text-decoration:none;min-height:28px;display:inline-flex;align-items:center}
.ps-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0;contain:strict}
.ps-current{position:absolute;width:115%;height:54%;left:-8%;top:38%;border:1px solid rgba(103,173,255,.24);border-radius:50%;background:linear-gradient(170deg,transparent 42%,rgba(32,118,237,.11) 72%,transparent 90%);transform:rotate(-16deg);animation:ps-current-flow 24s ease-in-out infinite alternate}
.ps-current--two{top:48%;left:-4%;height:48%;border-color:rgba(132,207,255,.15);animation-duration:32s;animation-delay:-12s;transform:rotate(-22deg)}
.ps-current--three{top:63%;left:-12%;height:42%;border-color:rgba(78,133,255,.25);animation-duration:28s;animation-delay:-19s;transform:rotate(-10deg)}
.ps-orbit{position:absolute;color:#93c5ff;font-size:clamp(32px,4vw,64px);font-weight:200;line-height:1;opacity:.2;animation:ps-orbit-float 22s ease-in-out infinite alternate}
.ps-orbit--triangle{left:7%;top:25%;animation-delay:-6s}.ps-orbit--circle{right:8%;top:42%;animation-duration:27s;animation-delay:-13s}.ps-orbit--cross{left:22%;top:78%;animation-duration:25s;animation-delay:-9s}.ps-orbit--square{right:23%;top:13%;animation-duration:31s;animation-delay:-20s}
@keyframes ps-current-flow{from{transform:translate3d(-2%,5%,0) rotate(-18deg);opacity:.55}to{transform:translate3d(5%,-8%,0) rotate(-8deg);opacity:1}}
@keyframes ps-orbit-float{from{transform:translate3d(0,0,0) rotate(-12deg);opacity:.13}to{transform:translate3d(28px,-38px,0) rotate(16deg);opacity:.35}}
html.host-console-browser .ps-atmosphere{display:none!important}html.host-console-browser body:before{display:none!important}html.host-console-browser body.wwb-host-page [data-wwb-image-heading]{padding:18px!important}html.host-console-browser .console{padding:18px}html.host-console-browser .console-copy{padding:0}html.host-console-browser .tool-art,html.host-console-browser .game-art{display:none}
@media(max-width:800px){body.wwb-host-home main{padding-top:34px}.intro{display:block}.browser-status{max-width:360px;margin-top:26px}.tool-gallery{grid-template-columns:1fr 1fr}.credits-grid{grid-template-columns:1fr}body.wwb-host-page .host-patch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{gap:16px}.topbar .brand{letter-spacing:0}.topbar .main-link{font-size:.75rem}.home-lead{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.ps-atmosphere{display:none!important}.ps-atmosphere *{animation:none!important}*{scroll-behavior:auto!important}}
body.wwb-host-page{--browser-accent:#99bdff;--browser-bg:#0b1220;--browser-panel:#142137}
body.wwb-host-page .host-taskbar{padding-right:136px!important;gap:16px}
body.wwb-host-page .host-platform-switch{margin-inline:auto!important;box-shadow:none;background:#101e33}
body.wwb-host-page .host-platform-switch a[aria-current=page]{background:#203c61!important;color:#d5e7ff!important;border-color:#779cd8!important;box-shadow:none}
body.wwb-host-page .host-primary-tabs>a[aria-current=page]{background:#142b49;color:#c5deff;border-color:#78afff}
body.wwb-host-page .host-firmware-buttons button[aria-pressed=true]{background:#203c61!important;color:#edf3ff!important;border-color:#99bdff!important;box-shadow:inset 0 0 0 1px #99bdff}
body.wwb-host-page .host-version-dialog{width:min(960px,calc(100vw - 40px))!important;max-height:90vh!important;background:#142137!important}
body.wwb-host-page .host-version-header,body.wwb-host-page .host-version-selector{background:#142137!important;border-color:#344258!important}
body.wwb-host-page .host-version-dialog .host-action{background:#111e32!important;border:1px solid #344258!important;border-radius:6px!important;margin:0 20px 20px!important;padding:20px!important}
body.wwb-host-page .host-version-dialog button,body.wwb-host-page .host-version-dialog .host-download{background:#182a44!important;color:#d6e6ff!important;border-color:#45618b!important}
body.wwb-host-page .host-version-dialog button[aria-pressed=true]{background:#203c61!important;border-color:#99bdff!important;color:#edf3ff!important}
body.wwb-host-page .host-version-dialog .host-launch:not(:disabled){background:#99bdff!important;color:#0b1220!important}
body.wwb-host-page .host-version-dialog .host-launch:disabled{background:#26364f!important;color:#8394ac!important}
body.wwb-host-page .host-activity,body.wwb-host-page .host-version-status{background:#0c1728!important;color:#a7bad6!important;border-color:#344258!important}
@media(max-width:640px){body.wwb-host-page .host-taskbar{padding-right:100px!important;gap:7px;min-height:82px}body.wwb-host-page .host-taskbar a{padding:6px;font-size:11px}body.wwb-host-page .host-top-back{display:none!important}body.wwb-host-page .host-top-brand{margin-right:auto;font-size:11px}.host-taskbar .host-platform-switch{margin-inline:0!important}body.wwb-host-page .host-primary-tabs{gap:15px;overflow-x:auto}body.wwb-host-page .host-file-tabs{align-items:flex-start}body.wwb-host-page .host-primary-tabs>a{white-space:nowrap}}

body.wwb-host-page .host-version-dialog .host-action-title>span{color:#99bdff!important}

/* One full-width banner replaces the separate console photograph. */
body.wwb-host-page [data-wwb-console-banner]{--console-banner-height:280px;position:relative;isolation:isolate;overflow:hidden;display:flex!important;align-items:center!important;box-sizing:border-box;min-height:var(--console-banner-height);padding:34px 42px!important;margin:0 0 28px!important;border:1px solid #344b68!important;border-radius:12px;background:#0b1728!important}
body.wwb-host-page [data-wwb-console-banner="ps4"]{--console-banner-art:url("/assets/images/host-selector/whatwhatboy-ps4.jpg")}
body.wwb-host-page [data-wwb-console-banner="ps5"]{--console-banner-art:url("/assets/images/host-selector/whatwhatboy-ps5.jpg")}
body.wwb-host-page [data-wwb-console-banner]::before,body.wwb-host-page [data-wwb-console-banner]::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
body.wwb-host-page [data-wwb-console-banner]::before{left:auto;width:calc(var(--console-banner-height)*1.777);max-width:100%;background-image:linear-gradient(90deg,#0b1728,transparent 42%),var(--console-banner-art);background-repeat:no-repeat;background-position:center,right center;background-size:100% 100%,auto 100%}
body.wwb-host-page [data-wwb-console-banner]::after{background:linear-gradient(90deg,#0b1728 0%,rgba(11,23,40,.96) 34%,rgba(11,23,40,.55) 61%,rgba(11,23,40,.04) 100%)}
body.wwb-host-page [data-wwb-console-banner]>.wwb-heading-copy{position:relative;z-index:1;width:65%;max-width:760px;min-width:0}
body.wwb-host-page [data-wwb-console-banner] .wwb-heading-copy h1{color:#f4f8ff!important;margin-top:8px!important}
body.wwb-host-page [data-wwb-console-banner] .wwb-heading-copy p{color:#c8d7eb!important}
body.wwb-host-page [data-wwb-console-banner] .host-heading-line{margin:0!important}
@media(max-width:800px){body.wwb-host-page [data-wwb-console-banner]{--console-banner-height:240px;padding:28px!important}body.wwb-host-page [data-wwb-console-banner]>.wwb-heading-copy{width:76%}body.wwb-host-page [data-wwb-console-banner]::after{background:linear-gradient(90deg,rgba(11,23,40,.97),rgba(11,23,40,.81) 48%,rgba(11,23,40,.22))}}
@media(max-width:480px){body.wwb-host-page [data-wwb-console-banner]{--console-banner-height:220px;padding:24px 20px!important}body.wwb-host-page [data-wwb-console-banner]>.wwb-heading-copy{width:100%}body.wwb-host-page [data-wwb-console-banner]::before{background-position:center,65% center}body.wwb-host-page [data-wwb-console-banner] .wwb-heading-copy h1{font-size:2rem!important;letter-spacing:-.035em}body.wwb-host-page [data-wwb-console-banner] .wwb-heading-copy p{font-size:.85rem;max-width:28ch}}
/* The console gets one static photo, with no animated or filtered image layers. */
html.host-console-browser body.wwb-host-page [data-wwb-console-banner]{--console-banner-height:160px;padding:20px!important}
html.host-console-browser body.wwb-host-page [data-wwb-console-banner]::before{background-image:linear-gradient(90deg,#0b1728,transparent 42%),var(--console-banner-art)!important}
html.host-console-browser body.wwb-host-page [data-wwb-console-banner]::after{background-image:linear-gradient(90deg,#0b1728,rgba(11,23,40,.8) 52%,rgba(11,23,40,.12))!important}

/* Firmware Load is the primary action, centered across the whole library. */
body.wwb-host-page .host-catalog-grid--loaders>.host-catalog-tile[data-launch]{grid-column:1/-1;justify-self:center;width:100%;max-width:760px;min-height:180px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px 24px!important;text-align:center!important;background:#173455!important;border:1px solid #86b9ff!important;border-radius:12px!important}
body.wwb-host-page .host-catalog-grid--loaders>.host-catalog-tile[data-launch] .host-catalog-tile__label{font-size:clamp(2.2rem,5vw,3.4rem)!important;font-weight:600!important;line-height:1.1;color:#f1f7ff!important}
body.wwb-host-page .host-catalog-grid--loaders>.host-catalog-tile[data-launch] .host-catalog-tile__detail{font-size:1rem!important;line-height:1.6;color:#c6daf5!important;max-width:580px}
body.wwb-host-page .host-catalog-grid--loaders>.host-catalog-tile[data-launch]:disabled{opacity:1!important;background:#14263d!important;border-color:#496888!important;cursor:not-allowed}
body.wwb-host-page .host-catalog-grid--loaders>.host-catalog-tile[data-launch]:not(:disabled):hover{background:#214b7c!important;border-color:#c1dfff!important}
body.wwb-host-page .host-catalog-grid--loaders>.host-other-hosts{grid-column:1/-1}
@media(max-width:640px){.ps-current{width:160%;left:-30%}.ps-orbit{font-size:34px}body.wwb-host-page .host-catalog-grid--loaders>.host-catalog-tile[data-launch]{min-height:164px;padding:26px 18px!important;gap:12px}body.wwb-host-page .host-catalog-grid--loaders>.host-catalog-tile[data-launch] .host-catalog-tile__detail{font-size:.9rem!important}}