/* Safari chrome adapts to the desktop's Day / Night appearance. */
.portfolio-safari{--sf-bg:#f8fafddd;--sf-panel:#ffffffb5;--sf-text:#233e55;--sf-muted:#76899b;--sf-line:#45688620;--sf-hover:#a6c4df27;position:fixed;inset:0;margin:auto;width:min(1080px,94vw);height:min(790px,85svh);max-width:none;max-height:none;border:1px solid #ffffffa3;border-radius:15px;padding:0;color:var(--sf-text);background:var(--sf-bg);box-shadow:0 35px 100px #0b254c55;backdrop-filter:blur(35px) saturate(1.3);overflow:hidden;font-family:'DM Sans',sans-serif}
.portfolio-safari::backdrop{background:#152d4820;backdrop-filter:blur(3px)}.portfolio-safari[open]{display:flex;flex-direction:column}.portfolio-safari [hidden]{display:none!important}.portfolio-safari button:focus-visible,.portfolio-safari a:focus-visible{outline:2px solid #2989e2;outline-offset:3px}.safari-toolbar{display:flex;align-items:center;gap:16px;padding:15px 18px 13px;flex-shrink:0;background:var(--sf-panel);border-bottom:1px solid var(--sf-line);touch-action:none}.safari-lights{display:flex;gap:8px;margin-right:5px}.safari-lights button{height:12px;width:12px;border-radius:50%;background:#ff6059;border:1px solid #e0443e}.safari-lights button:nth-child(2){background:#ffbe30;border-color:#dfa327}.safari-lights button:nth-child(3){background:#2aca44;border-color:#1cac33}.safari-nav{display:flex;align-items:center;gap:9px}.safari-nav>button{font:27px/1 'DM Sans',sans-serif;width:24px;color:var(--sf-text)}.safari-nav>button:last-child{font-size:21px;margin-left:5px}.safari-nav>button:disabled{opacity:.22;cursor:default}#safari-address-form{display:flex;align-items:center;gap:12px;margin:0 auto;width:min(540px,55%);border:1px solid var(--sf-line);border-radius:9px;background:var(--sf-hover);height:33px;padding:0 10px;box-shadow:inset 0 1px #fff3;touch-action:auto}#safari-address-form:focus-within{outline:3px solid #3596ed43;background:var(--sf-panel);border-color:#3596ed88}#safari-address-form>span{color:var(--sf-muted);font-size:21px}#safari-address{width:100%;min-width:0;background:transparent;outline:0;border:0;font-size:11px;color:var(--sf-text);text-align:center}#safari-address:focus{text-align:left}#safari-address::placeholder{color:var(--sf-muted)}#safari-reload{font-size:17px;color:var(--sf-muted)}#safari-add,#safari-bookmark{font-size:22px;color:var(--sf-muted);line-height:1;padding:3px}#safari-bookmark[aria-pressed=true]{color:#3582c8}#safari-bookmark:disabled{opacity:.25}.safari-tabs{height:37px;display:flex;flex-shrink:0;align-items:stretch;background:var(--sf-panel);border-bottom:1px solid var(--sf-line);overflow-x:auto;scrollbar-width:thin}.safari-tab{display:flex;align-items:center;min-width:145px;max-width:230px;flex:1;border-right:1px solid var(--sf-line);color:var(--sf-muted);padding:0 8px 0 13px;position:relative}.safari-tab.selected{background:var(--sf-hover);color:var(--sf-text)}.safari-tab.selected:after{content:'';position:absolute;bottom:0;left:18px;right:18px;height:2px;background:#4b98d5;border-radius:2px}.safari-tab>[role=tab]{font-size:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;text-align:left;padding:9px 0;display:flex;gap:8px;align-items:center}.safari-tab>[role=tab]>span{font-size:12px;color:#4b98d5}.safari-tab>button:last-child{font-size:15px;opacity:.45;padding:0 5px;margin-left:5px;border-radius:4px}.safari-tab>button:last-child:hover{background:var(--sf-hover);opacity:1}.safari-progress{height:2px;flex-shrink:0;background:transparent;transform-origin:left}.safari-navigating .safari-progress{animation:safari-progress .65s ease-out both}.safari-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;outline:none;scrollbar-width:thin;scrollbar-color:#8da3b55e transparent}.safari-navigating .safari-viewport>section,.safari-navigating .safari-page-content{animation:safari-appear .3s ease-out both}.safari-status{height:25px;flex-shrink:0;background:var(--sf-panel);border-top:1px solid var(--sf-line);display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:8px;color:var(--sf-muted)}
.safari-start{max-width:850px;margin:auto;padding:35px 45px 40px}.safari-start-heading{position:relative}.safari-start-heading>span,.safari-overline{font-size:8px;letter-spacing:2px;color:var(--sf-muted);font-weight:500}.safari-start-heading>img{position:absolute;right:0;top:4px;width:57px;height:57px;object-fit:cover;border-radius:50%;box-shadow:0 3px 10px #1233;border:3px solid #fff9}.safari-start h1{font-size:35px;line-height:1.12;font-weight:500;letter-spacing:-1px;margin:17px 0 10px}.safari-start h1 em{font-family:'Instrument Serif',serif;font-size:1.2em;font-weight:400;color:#577d96}.safari-start-heading>p{font-size:10px;color:var(--sf-muted);margin-bottom:25px}.safari-start-search{display:flex;align-items:center;gap:11px;padding:13px 16px;background:var(--sf-panel);border:1px solid var(--sf-line);border-radius:10px;box-shadow:0 7px 17px #365e7d07}.safari-start-search svg{width:15px;height:15px;color:var(--sf-muted)}.safari-start-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:11px 'DM Sans',sans-serif;color:var(--sf-text)}.safari-start-search button{font-size:20px;color:#5985a7}.safari-start section{margin-top:29px}.safari-start h2{font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px;margin:0 0 18px}.safari-start h2>span{font-size:9px;font-weight:400;color:var(--sf-muted)}.safari-favourites{display:grid;grid-template-columns:repeat(6,1fr);gap:20px 15px}.safari-favourite{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;gap:6px}.safari-favourite-art{display:flex;width:57px;height:57px;align-items:center;justify-content:center;border-radius:15px;background:var(--sf-panel);box-shadow:0 5px 15px #19385413,inset 0 1px #ffffff60;border:1px solid var(--sf-line);overflow:hidden;transition:transform .3s cubic-bezier(.2,1.4,.2,1),box-shadow .3s}.safari-favourite:hover .safari-favourite-art{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 23px #19385425}.safari-favourite-art>img{width:100%;height:100%;object-fit:cover}.safari-favourite-art>img.safari-native-icon{width:90%;height:90%;object-fit:contain}.safari-favourite-art>svg{width:24px;height:24px;color:#537eaa}.safari-favourite-art>span{font:30px 'Instrument Serif',serif}.safari-favourite>strong{font-size:9px;font-weight:500;line-height:1.4;margin-top:3px}.safari-favourite>small{font-size:7px;color:var(--sf-muted)}.safari-made{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.safari-made>button{overflow:hidden;border:1px solid var(--sf-line);background:var(--sf-panel);border-radius:11px;text-align:left;position:relative;transition:translate .3s,box-shadow .3s}.safari-made>button:hover{translate:0 -4px;box-shadow:0 9px 25px #1c37581a}.safari-made>button>div{height:95px;overflow:hidden;background:#10243e}.safari-made img{width:100%;height:100%;object-fit:cover}.safari-made>button>span{display:flex;flex-direction:column;gap:5px;padding:12px 25px 14px 12px}.safari-made strong{font-size:11px;font-weight:600}.safari-made small{font-size:8px;color:var(--sf-muted);line-height:1.6}.safari-made>button>b{position:absolute;right:12px;bottom:17px;font-size:15px;font-weight:400;color:var(--sf-muted)}.safari-recent{display:flex;gap:10px;flex-wrap:wrap}.safari-recent button{display:flex;gap:20px;padding:9px 12px;background:var(--sf-panel);border:1px solid var(--sf-line);border-radius:7px;font-size:9px}.safari-recent span{color:var(--sf-muted)}.safari-start-note{font-size:8px;color:var(--sf-muted);margin-top:30px;line-height:1.7}
#safari-suggestions{position:absolute;top:56px;left:50%;transform:translateX(-50%);width:min(580px,86%);max-height:65%;overflow:auto;background:var(--sf-bg);backdrop-filter:blur(35px);box-shadow:0 15px 45px #152e4d33;border:1px solid var(--sf-line);padding:15px 8px 8px;border-radius:12px;z-index:6}#safari-suggestions>span{font-size:7px;letter-spacing:1.3px;color:var(--sf-muted);display:block;margin:0 13px 10px}#safari-suggestions>p{font-size:11px;line-height:1.8;padding:0 12px}.safari-result{display:flex;gap:15px;align-items:center;text-align:left;padding:15px 12px;width:100%;border-radius:8px;border-bottom:1px solid var(--sf-line)}.safari-result:hover{background:var(--sf-hover)}.safari-result-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:10px;background:var(--sf-panel);overflow:hidden;flex-shrink:0}.safari-result-icon img{width:100%;height:100%;object-fit:cover}.safari-result-icon .safari-native-icon{width:90%;height:90%;object-fit:contain}.safari-result-icon svg{width:21px;height:21px;color:#517caa}.safari-result-icon>span{font-size:23px}.safari-result>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.safari-result strong{font-size:11px;font-weight:550}.safari-result small{font-size:9px;color:var(--sf-muted);line-height:1.5}.safari-result em{font-size:8px;color:#6789a6;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.safari-result>b{font-size:18px;font-weight:400;margin-left:auto;color:var(--sf-muted)}.safari-search-page{padding:40px 55px;max-width:900px;margin:auto}.safari-search-page h1{font-size:27px;font-weight:500;letter-spacing:-.8px;overflow-wrap:anywhere}.safari-search-page h1 em{font-family:'Instrument Serif',serif;font-size:1.15em;font-weight:400}.safari-search-page>p{font-size:11px;color:var(--sf-muted);margin:12px 0 23px}.safari-no-results{font-size:12px;line-height:1.9;padding:35px 0;color:var(--sf-muted)}.safari-no-results button{display:block;margin-top:20px;color:var(--sf-text)}
.safari-page-heading{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;padding:16px 35px;border-bottom:1px solid var(--sf-line);color:var(--sf-muted)}.safari-page-content{max-width:850px;margin:auto;padding:35px 45px 50px;overflow:visible;height:auto}.safari-destination{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 35px 50px;max-width:750px;margin:auto}.safari-destination-visual{width:100%;height:235px;background:var(--sf-panel);border:1px solid var(--sf-line);border-radius:15px;margin:25px 0 15px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 14px 35px #122e4b12}.safari-destination-visual>img{width:100%;height:100%;object-fit:cover}.safari-destination-visual>svg{width:65px;height:65px;color:#638db5}.safari-destination-visual>span{font:90px 'Instrument Serif',serif}.safari-destination-visual.safari-games-preview{gap:3px;background:#08152d}.safari-games-preview>img{width:33.333%;object-position:center}.safari-destination h1{font-size:34px;letter-spacing:-1px;margin:8px 0 15px;font-weight:500}.safari-destination>p{font-size:12px;line-height:1.8;color:var(--sf-muted);margin:0 0 12px}.safari-destination-url{font-size:9px;word-break:break-all;color:var(--sf-muted);max-width:90%;line-height:1.8}.safari-visit{display:inline-flex;gap:28px;align-items:center;color:#fff;background:#336eaa;padding:14px 21px;border-radius:9px;font-size:11px;text-decoration:none;margin-top:22px;box-shadow:0 5px 15px #3675af22;transition:translate .25s,background .25s}.safari-visit:hover{translate:0 -3px;background:#255f9c}.safari-destination>small{font-size:8px;color:var(--sf-muted);margin-top:14px}.safari-destination>button{font-size:10px;color:var(--sf-muted);margin-top:24px}.portfolio-safari.safari-maximised{width:calc(100vw - 20px);height:calc(100svh - 95px);margin:auto!important;inset:0!important}.dock-games.psn-dock{background:transparent!important}.psn-dock-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;border-radius:24%;background:radial-gradient(circle at 30% 8%,#4c9be8,#1258bc 65%,#163c87);box-shadow:inset 0 1px 1px #ffffffb0,inset 0 -2px 2px #0b285c9c,0 4px 5px #12334a35;border:1px solid #6da6edb3}.psn-dock-art>img{width:69%;height:69%;object-fit:contain;filter:brightness(0) invert(1);margin-top:-6px}.psn-dock-art>b{position:absolute;bottom:7%;font:600 6px 'DM Sans',sans-serif;letter-spacing:1.8px;color:#fff;padding-left:2px}.safari-game-art{background:#175bbb!important}.safari-game-art>img{filter:brightness(0) invert(1);width:70%!important;height:70%!important}
html[data-theme=dark] .portfolio-safari{--sf-bg:#122239ed;--sf-panel:#243953a6;--sf-text:#dfecfc;--sf-muted:#9eb5d1;--sf-line:#91b7e026;--sf-hover:#93b6e117;border-color:#a3c4ec44;box-shadow:0 35px 100px #0008}html[data-theme=dark] .safari-start h1 em{color:#9bb9d9}html[data-theme=dark] .safari-result em{color:#97bce0}html[data-theme=dark] .safari-start-heading>img{border-color:#adc6e64d}
@keyframes safari-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes safari-progress{0%{background:#398ee0;transform:scaleX(.05);opacity:1}80%{background:#398ee0;transform:scaleX(1);opacity:1}100%{background:#398ee0;transform:scaleX(1);opacity:0}}
@media(max-width:700px){.portfolio-safari{width:98vw;height:91svh;border-radius:12px}.safari-toolbar{gap:8px;padding:13px 10px;flex-wrap:wrap}.safari-lights{gap:6px;margin-right:3px}.safari-lights button{width:10px;height:10px}.safari-nav{gap:6px}.safari-nav>button{width:18px}.safari-nav>button:last-child{margin-left:3px}#safari-address-form{order:2;width:100%;height:35px}#safari-address{font-size:11px}.safari-toolbar #safari-bookmark{margin-left:auto}#safari-suggestions{top:100px;width:94%;max-height:60%}.safari-tabs{height:35px}.safari-tab{min-width:130px;padding-left:10px}.safari-tab>[role=tab]{font-size:8px}.safari-start{padding:30px 23px}.safari-start-heading>img{width:43px;height:43px;top:0}.safari-start-heading>span{font-size:6px;letter-spacing:1px;display:block;max-width:200px;padding-right:20px}.safari-start h1{font-size:30px}.safari-start-heading>p{font-size:9px;max-width:230px;line-height:1.8}.safari-start-search{padding:12px;gap:8px}.safari-start-search input{font-size:9px}.safari-start h2{font-size:13px;gap:9px}.safari-start h2>span{font-size:7px}.safari-favourites{grid-template-columns:repeat(3,1fr);gap:20px 8px}.safari-favourite-art{width:50px;height:50px}.safari-favourite>strong{font-size:8px}.safari-made{grid-template-columns:1fr;gap:12px}.safari-made>button{display:grid;grid-template-columns:100px 1fr}.safari-made>button>div{height:100%;min-height:87px}.safari-made>button>span{padding:13px 22px 13px 13px}.safari-made strong{font-size:11px}.safari-made small{font-size:8px}.safari-recent{gap:7px}.safari-status{font-size:7px;padding:0 12px}.safari-status>span:last-child{display:none}.safari-search-page{padding:30px 20px}.safari-search-page h1{font-size:25px}.safari-result{padding:15px 7px;gap:11px}.safari-result small{font-size:8px}.safari-page-heading{padding:14px 22px;font-size:6px;letter-spacing:.5px}.safari-page-content{padding:28px 22px 40px}.safari-destination{padding:30px 22px}.safari-destination-visual{height:180px}.safari-destination h1{font-size:29px}.safari-destination>p{font-size:11px}.portfolio-safari.safari-maximised{width:100vw;height:100svh;border-radius:0}.dock .dock-search{display:flex!important}.dock{gap:3px!important;padding-left:6px!important;padding-right:6px!important}.dock .dock-icon{width:clamp(23px,6.5vw,33px);height:clamp(23px,6.5vw,33px);flex-shrink:0}.dock .dock-divider{margin:0!important}.psn-dock-art>b{font-size:4px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.portfolio-safari *{animation:none!important;transition:none!important}}body.reduce-motion .portfolio-safari *{animation:none!important;transition:none!important}

.safari-destination-visual>video{width:100%;max-height:480px;object-fit:contain;background:#0b1a2a;border-radius:14px;display:block}.safari-destination-visual:has(>video){height:auto;aspect-ratio:auto;max-width:900px;width:100%}