@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--ink:#1c2639;--navy:#202f49;--darker:#162237;--cream:#fcf2d9;--paper:#fffaf0;--green:#b5d597;--mint:#dbe9c6;--orange:#f5aa6b;--pink:#eeb2b0;--line:#33415a;--shadow:5px 5px 0 #142034;--mono:'DM Mono',monospace;--body:'Nunito',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#cad9bb;color:var(--ink);font-family:var(--body);line-height:1.55;background-image:radial-gradient(#a7bc99 1.1px,transparent 1.1px);background-size:19px 19px}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #fa9b4e;outline-offset:3px}.wrap{width:min(1120px,calc(100% - 32px));margin:32px auto 58px;border:3px solid var(--line);box-shadow:9px 9px 0 #829a80;background:var(--cream)}.site-header{background:var(--navy);color:var(--cream);padding:18px 24px 22px;position:relative;overflow:hidden}.minirow{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#cfdda9;font:11px var(--mono);letter-spacing:.07em;text-transform:uppercase}.led{display:inline-block;width:9px;height:9px;margin-right:8px;background:#ef9463;border-radius:100%;box-shadow:0 0 0 3px #ffffff18}.masthead{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:20px 0 12px}.site-header h1{font-size:clamp(35px,6vw,69px);line-height:.93;letter-spacing:-.065em;margin:0;font-weight:900}.site-header h1 span{color:var(--green)}.tag{font-size:14px;margin:14px 0 0;max-width:610px;color:#e7e7d3}.console{width:167px;height:116px;border:3px solid #ddc7a8;border-radius:14px 14px 23px 14px;background:#e8d9b7;box-shadow:6px 6px 0 #0004;display:flex;padding:12px;align-items:center;gap:12px;transform:rotate(7deg);flex-shrink:0}.screen{background:#8fa784;border:7px solid #5a6870;box-shadow:inset 0 0 0 2px #667f65;width:92px;height:75px;border-radius:5px;display:grid;place-items:center;font:700 9px var(--mono);text-align:center;color:#334c3b;line-height:1.3}.controls{display:grid;gap:13px}.controls i{width:13px;height:13px;background:#df8479;border-radius:50%;display:block;box-shadow:13px -6px 0 #df8479}.controls b{font:700 26px var(--mono);color:#687267}.nav{display:flex;gap:0;background:var(--green);border-top:3px solid var(--line);border-bottom:3px solid var(--line);flex-wrap:wrap}.nav a{padding:13px 20px;text-decoration:none;font:700 12px var(--mono);border-right:2px solid #7a9d78;text-transform:uppercase;letter-spacing:.01em}.nav a:hover,.nav a[aria-current=page]{background:var(--orange)}.ticker{border-bottom:2px dashed #c8b99f;background:#fff0c9;padding:10px 24px;font:12px var(--mono)}.ticker b{background:var(--orange);padding:3px 6px;margin-right:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:25px;padding:25px}.main{min-width:0}.eyebrow,.side-heading,.meta,.chip,.footer,.post-label{font-family:var(--mono)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#576951;font-weight:700}.hero{background:var(--paper);border:2px solid var(--line);box-shadow:var(--shadow);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.hero-copy{padding:25px}.hero h2{font-size:clamp(29px,3.6vw,46px);line-height:1.09;letter-spacing:-.04em;margin:9px 0}.hero p{font-size:15px;margin:12px 0 23px}.button{display:inline-block;text-decoration:none;color:#15283d;background:var(--orange);border:2px solid var(--line);padding:9px 13px;font:700 12px var(--mono);box-shadow:3px 3px 0 var(--line)}.button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line)}.hero-art{background:#acc69b;min-height:275px;display:flex;justify-content:center;align-items:center;padding:22px;position:relative;border-left:2px solid var(--line)}.hero-art:before{content:'';position:absolute;inset:12px;border:2px dashed #68866a}.bigconsole{position:relative;width:220px;height:163px;background:#e9dfcc;border:4px solid #394455;border-radius:17px 17px 26px 17px;transform:rotate(-9deg);box-shadow:11px 13px 0 #678b72;z-index:1;padding:18px}.bigconsole:before{content:'DUAL SCREEN CLUB';font:9px var(--mono);position:absolute;bottom:10px;left:20px;color:#51625f}.bigconsole .top{height:75px;border:8px solid #455360;border-radius:7px;background:repeating-linear-gradient(0deg,#a9c591,#a9c591 7px,#bcd4a4 7px,#bcd4a4 14px);display:grid;place-items:center;font:700 16px var(--mono);color:#405344}.bigconsole .bottom{height:27px;width:96px;margin:11px auto;background:#8faa93;border:4px solid #455360;border-radius:4px}.section-title{font-size:23px;letter-spacing:-.04em;margin:32px 0 13px;border-bottom:3px solid var(--line);padding-bottom:7px;display:flex;justify-content:space-between;gap:10px;align-items:baseline}.section-title small{font:10px var(--mono);letter-spacing:0;color:#68756a}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.article-card{border:2px solid var(--line);background:var(--paper);padding:17px;box-shadow:3px 3px 0 #b7ad96}.article-card h3{font-size:19px;line-height:1.22;margin:9px 0}.article-card h3 a{text-decoration:none}.article-card h3 a:hover{text-decoration:underline}.article-card p{margin:0 0 14px;font-size:13px}.chip{display:inline-block;font-size:10px;background:#e1eccc;padding:4px 7px;border:1px solid #8b9c80}.meta{font-size:10px;color:#697262}.sidebox{background:#fef8e9;border:2px solid var(--line);margin-bottom:17px;box-shadow:3px 3px 0 #b7ad96}.side-heading{background:var(--navy);color:#fdf0cf;font-size:12px;text-transform:uppercase;padding:10px 13px}.side-body{padding:15px;font-size:13px}.side-body p{margin:0 0 11px}.side-body p:last-child{margin-bottom:0}.link-list{padding:0;margin:0;list-style:none}.link-list li{padding:6px 0;border-bottom:1px dashed #c2bea9}.link-list li:last-child{border:0}.link-list a{text-decoration:none}.link-list a:hover{text-decoration:underline}.status{border:2px dashed #929c7e;background:#e8edcf;padding:12px;font-size:13px}.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shelf div{background:#e4eacb;border:1px solid #8a967f;text-align:center;padding:18px 4px;font-size:30px}.shelf span{display:block;font:10px var(--mono);margin-top:8px}.note{margin-top:24px;background:#fce6cb;border-left:5px solid #e6a06f;padding:14px 18px;font-size:14px}.footer{padding:19px 24px;background:var(--navy);color:#e0e5c7;display:flex;justify-content:space-between;gap:20px;font-size:11px;flex-wrap:wrap}.footer a{color:#e0e5c7}.page-intro{padding:5px 0 14px}.page-intro h2{font-size:40px;line-height:1.1;margin:7px 0 13px;letter-spacing:-.045em}.page-intro p{max-width:660px}.feature-list{display:grid;gap:13px}.feature-row{background:var(--paper);border:2px solid var(--line);padding:19px;box-shadow:3px 3px 0 #b7ad96}.feature-row h3{margin:6px 0}.feature-row h3 a{text-decoration:none}.feature-row p{margin:8px 0 0}.prose{background:var(--paper);border:2px solid var(--line);padding:clamp(20px,4vw,43px);box-shadow:var(--shadow);font-size:17px;line-height:1.8}.prose h2{font-size:26px;line-height:1.2}.prose p{margin:0 0 1.3em}.prose blockquote{border-left:4px solid #a6bf90;padding:7px 0 7px 21px;margin:25px 0;color:#56644e;font-style:italic}.prose a{color:#326b60}.prose .back{font:12px var(--mono)}.buttons88{display:flex;gap:7px;flex-wrap:wrap}.buttons88 span{width:88px;height:31px;border:2px outset #edf5d9;background:#354b44;color:#e4ffb2;display:grid;place-items:center;font:700 10px var(--mono);text-align:center;line-height:1.1}.buttons88 span:nth-child(2){background:#7f4c65;color:#fff7b9}.buttons88 span:nth-child(3){background:#d7a16c;color:#292e3d}@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sidebox{margin:0}.hero-art{min-height:210px}}@media(max-width:560px){.wrap{width:calc(100% - 18px);margin:9px auto 30px;box-shadow:4px 4px 0 #829a80}.site-header{padding:16px}.console{width:100px;height:77px;padding:7px;gap:4px}.console .screen{width:55px;height:50px;border-width:4px;font-size:6px}.console .controls i{width:9px;height:9px;box-shadow:9px -5px 0 #df8479}.console .controls b{font-size:15px}.nav a{flex:1;text-align:center;padding:11px 8px;font-size:10px}.ticker{padding:10px 14px}.layout{padding:14px;gap:22px}.hero{grid-template-columns:1fr}.hero-art{border-left:0;border-top:2px solid var(--line);min-height:225px}.cards,.sidebar{grid-template-columns:1fr}.site-header h1{font-size:37px}.tag{font-size:12px}.section-title{font-size:21px}.page-intro h2{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ================================================================
   V2 ADDITIONS · A TOUCH OF PSP / XMB WITHOUT CHANGING THE LAYOUT
   Keep original geometry and editorial text. These only restyle it.
   ================================================================ */
:root{
  --ink:#20314a; --navy:#19375b; --darker:#0e223c;
  --cream:#f7f1e5; --paper:#fffaf1; --green:#b9dce9;
  --mint:#dceef7; --orange:#efb782; --pink:#d2c5df;
  --line:#34516e; --shadow:5px 5px 0 #153150;
}
body{
  background-color:#c4d7e6;
  background-image:radial-gradient(#9bbbd2 1px,transparent 1.1px),linear-gradient(125deg,#ccdee8,#dce7eb 47%,#b8d2e5);
}
.wrap{box-shadow:9px 9px 0 #769bb4}
.site-header{
  isolation:isolate;
  background:linear-gradient(115deg,#0b1b35 1%,#173f70 57%,#2b81b3 100%);
}
.site-header::before,.site-header::after{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  width:120%;height:125px;left:-11%;border-radius:50%;
  transform:rotate(-8deg);
}
.site-header::before{top:78px;border-top:2px solid #c2edff53;box-shadow:0 -9px 27px #51c3f539}
.site-header::after{top:115px;border-top:1px solid #9cdbff49;box-shadow:0 -7px 15px #63d0ff25}
.minirow{color:#acd8ea}
.led{background:#a7dcf3;box-shadow:0 0 10px #5cc2f5a0}
.site-header h1 span{color:#b1e3ec}
.tag{color:#dbe8ee}
/* Small header handheld moves from chunky beige to silver/charcoal PSP feel. */
.console{
 width:185px;height:101px;gap:9px;padding:12px 13px;
 border:3px solid #b6c6d2;border-radius:44px;
 background:linear-gradient(155deg,#e1e8ec 0%,#b4c2cf 48%,#63778a 100%);
 box-shadow:6px 7px 0 #06152a66, inset 0 2px 0 #ffffffa8;
 transform:rotate(5deg)
}
.console .screen{
 width:110px;height:73px;border:6px solid #1a2b3a;
 border-radius:5px;background:linear-gradient(145deg,#0c3565 5%,#197bb7 62%,#6dc7e7 100%);
 color:#eaf9ff;box-shadow:inset 0 0 11px #0007,0 0 0 1px #e5f4ff7a;
 font-size:10px;text-shadow:0 1px 3px #03162c
}
.console .controls{gap:5px;align-content:center;justify-content:center}
.console .controls b{font-size:18px;color:#1c3450;text-shadow:0 1px #f1f7fa}
.console .controls i{width:10px;height:10px;background:#294560;box-shadow:10px -5px 0 #294560}
.nav{background:linear-gradient(180deg,#d0eaf2,#a9c9df);border-top-color:#325b81;border-bottom-color:#325b81}
.nav a{border-right-color:#8eb0c6;transition:background-color .12s,color .12s}
.nav a:hover,.nav a[aria-current=page]{background:linear-gradient(180deg,#e4f4f7,#9ed5e9);color:#083453}
.ticker{background:#f4f6ee;border-bottom-color:#c5c9b7}
.ticker b{background:#b2dce9;color:#153450}
.hero-art{
 background:linear-gradient(145deg,#b1d9ee 0%,#6fadd0 53%,#2d699c 100%);
 overflow:hidden
}
.hero-art:before{border:2px dashed #d7eeff94;z-index:0}
.hero-art:after{
 content:"";position:absolute;left:-20%;width:142%;height:138px;bottom:5px;
 transform:rotate(-11deg);border-radius:50%;border-top:2px solid #edfaffaa;
 box-shadow:0 -13px 32px #c9f5ff64;pointer-events:none
}
/* A PSP-like silhouette while keeping the original PRESS START artwork text. */
.bigconsole{
 width:257px;height:139px;padding:14px 37px;
 background:linear-gradient(160deg,#2c3948 0%,#121b27 49%,#5b6975 100%);
 border:4px solid #91a1b3;border-radius:48px;
 box-shadow:10px 13px 0 #1c49766b,inset 0 2px 3px #dae8ee74;
 transform:rotate(-9deg)
}
.bigconsole .top{
 height:86px;width:100%;border:7px solid #0c1725;border-radius:5px;
 background:linear-gradient(145deg,#073765,#197bba 65%,#77cfea);
 color:#f3fcff;text-shadow:0 1px 5px #000a;
 box-shadow:inset 0 0 15px #02112d66;
 font-size:15px
}
.bigconsole .bottom{
 width:75px;height:5px;margin:8px auto;border:0;border-radius:50px;
 background:#99cde9;box-shadow:0 0 6px #83d8ff80
}
.bigconsole:before{content:'DUAL SCREEN CLUB';bottom:4px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#9cb5cb;font-size:7px;z-index:1}
.bigconsole:after{
 content:"◀                 ●";position:absolute;top:47px;left:6px;width:calc(100% - 12px);
 white-space:pre;color:#c3d8e9;font:700 13px var(--mono);
 display:flex;justify-content:space-between;pointer-events:none
}
.button{background:linear-gradient(180deg,#d4f2ff,#acd5ed);color:#173754}
.chip{background:#dcedf6;border-color:#91b6c9}
.side-heading{background:linear-gradient(100deg,#10233c,#244f79);color:#e7f6fc}
.sidebox{background:#fffbf0;box-shadow:3px 3px 0 #b1c3ca}
.sidebox .status{background:#e6f2f5;border-color:#91b5ca}
.shelf div{background:#e0edf4;border-color:#93b0c7}
.article-card,.feature-row{box-shadow:3px 3px 0 #b3c5cf}
.note{background:#f3e9dc;border-left-color:#77afcb}
.prose a{color:#236ca0}
.buttons88 span:first-child{background:#25567b;color:#dbf9ff}
.buttons88 span:nth-child(2){background:#484e78}
.buttons88 span:nth-child(3){background:#b6dceb;color:#183c5c}
.footer{background:linear-gradient(95deg,#102239,#244a75)}
/* Guestbook is one new page inside the existing .main / .sidebar grid. */
.guestbook-panel{background:var(--paper);border:2px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.guestbook-topbar{background:linear-gradient(90deg,#122a4b,#286593);padding:11px 17px;color:#edfaff;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:11px var(--mono)}
.guestbook-intro{display:flex;align-items:center;gap:20px;padding:23px;border-bottom:1px dashed #aac2d3}
.guestbook-intro p{font-size:14px;line-height:1.6;margin:0 0 9px}
.guestbook-intro p:last-child{margin:0}
.guestbook-disc{width:91px;height:91px;flex:0 0 91px;border-radius:50%;border:7px solid #dae9f3;background:radial-gradient(circle,#d0efff,#2b90c4);box-shadow:0 0 0 2px #3d6a8b,2px 3px 0 #577b95;display:grid;place-items:center;transform:rotate(-12deg)}
.guestbook-disc span{text-align:center;font:700 12px var(--mono);color:#0b3454}
.guestbook-mount{padding:22px;min-height:345px}
.guestbook-awaiting{padding:35px 20px;background:linear-gradient(160deg,#e8f3f7,#cce8f4);border:2px dashed #8cacc4;text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.guestbook-awaiting h3{margin:0;font-size:21px}
.guestbook-awaiting p{max-width:460px;margin:0;font-size:14px}
.guestbook-awaiting .meta{margin-top:10px;font-size:10px}
.setup-light{height:13px;width:13px;background:#e7b97c;border-radius:50%;box-shadow:0 0 0 5px #ffffff6f,0 0 15px #dfb36890}
.guestbook-frame{border:1px solid #93b6cb;display:block;width:100%;height:630px;background:white}
.guestbook-foot{font:12px var(--mono);color:#526d7f;border-top:1px dashed #afc7d6;margin:0;padding:14px 20px;text-align:center}
.counter-label{font:11px var(--mono);margin:0 0 9px!important;color:#58758d;letter-spacing:.08em}
.counter-mount{border:2px solid #1a3a58;background:#0a1b32;border-radius:4px;min-height:68px;display:flex;align-items:center;justify-content:center;padding:7px;overflow:hidden;box-shadow:inset 0 1px 6px #0007}
.counter-offline{color:#90d7f8;font:700 21px var(--mono);white-space:nowrap;letter-spacing:-.05em;text-shadow:0 0 11px #5fc7f977}
.counter-frame{width:100%;height:66px;border:0;display:block}
.counter-note{font-size:11px;color:#667b8b;margin:10px 0 0!important}
@media(max-width:560px){
 .wrap{box-shadow:4px 4px 0 #769bb4}
 .console{width:115px;height:68px;padding:8px;gap:4px}
 .console .screen{width:63px;height:47px;border-width:4px;font-size:6px}
 .console .controls i{width:8px;height:8px;box-shadow:8px -4px 0 #294560}
 .console .controls b{font-size:13px}
 .guestbook-intro{padding:17px;gap:15px}
 .guestbook-disc{height:69px;width:69px;flex-basis:69px;border-width:5px}
 .guestbook-disc span{font-size:9px}
 .guestbook-mount{padding:13px}
 .guestbook-frame{height:700px}
}


/* ================================================================
   V3 REFINEMENTS · USER FEEDBACK
   Keep layout/wording, switch decorative art to the chosen PSP PNG,
   move guestbook teaser under the view counter, animate the header waves,
   and hide a tiny yellow power-jack easter egg on the homepage.
   ================================================================ */
.site-header::before,.site-header::after{animation:headerWave 12s linear infinite}
.site-header::after{animation-duration:17s;animation-direction:reverse}
@keyframes headerWave{
  0%{transform:translateX(-2%) rotate(-8deg)}
  50%{transform:translateX(2.5%) rotate(-7deg)}
  100%{transform:translateX(-2%) rotate(-8deg)}
}
.console-image{display:flex;align-items:center;justify-content:center;padding:0;overflow:visible;background:none;border:0;box-shadow:none;width:245px;height:122px;transform:rotate(5deg)}
.console-image .psp-decor{width:100%;height:auto;display:block;filter:drop-shadow(0 7px 9px rgba(0,0,0,.35))}
.header-psp{max-width:245px}
.hero-art{position:relative;isolation:isolate}
.hero-psp{position:relative;z-index:1;max-width:100%;width:360px;height:auto;transform:rotate(-7deg);filter:drop-shadow(0 20px 16px rgba(0,24,52,.38));animation:heroFloat 7s ease-in-out infinite}
@keyframes heroFloat{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-8px)}}
.hero-art:after{animation:heroWave 9s ease-in-out infinite}
@keyframes heroWave{0%,100%{transform:translateX(0) rotate(-11deg)}50%{transform:translateX(16px) rotate(-10deg)}}
.shelf div{font-size:initial;padding:15px 4px 13px}
.shelf-psp{display:block;width:86px;max-width:calc(100% - 14px);margin:0 auto 6px;filter:drop-shadow(0 5px 7px rgba(0,0,0,.18))}
.counter-widget{margin-bottom:17px}
.guestbook-sidebox .side-body{padding:13px}
.guestbook-teaser{background:linear-gradient(150deg,#e9f4f8,#d0e8f4);border:2px dashed #8db1c7;padding:13px}
.guestbook-teaser p{margin:0 0 12px;font-size:13px;line-height:1.5}
.small-button{padding:8px 10px;font-size:11px;box-shadow:2px 2px 0 var(--line)}
.power-jack-egg{position:absolute;right:10px;bottom:10px;width:28px;height:16px;border-radius:3px 7px 7px 3px;background:linear-gradient(180deg,#ffe55f,#f0b913);border:2px solid #8b6710;box-shadow:0 2px 0 rgba(0,0,0,.17);z-index:2;text-decoration:none;opacity:.72;transition:transform .15s ease,opacity .15s ease}
.power-jack-egg::before,.power-jack-egg::after{content:"";position:absolute;top:3px;width:4px;height:8px;background:#ad8214;border-radius:1px}
.power-jack-egg::before{left:5px}.power-jack-egg::after{left:12px}
.power-jack-egg span{position:absolute;left:-9999px}
.power-jack-egg:hover,.power-jack-egg:focus-visible{opacity:1;transform:translateY(-1px) scale(1.06)}
.power-jack-egg:hover span,.power-jack-egg:focus-visible span{position:absolute;left:auto;right:33px;bottom:-2px;background:#0c2742;color:#dff6ff;border:1px solid #8fb6d2;padding:4px 6px;font:10px var(--mono);white-space:nowrap;border-radius:4px}
@media(max-width:800px){.console-image{width:220px;height:112px}.hero-psp{width:300px}}
@media(max-width:560px){
 .console-image{width:132px;height:66px}
 .header-psp{max-width:132px}
 .hero-psp{width:265px}
 .shelf-psp{width:68px}
 .power-jack-egg{width:24px;height:14px;right:8px;bottom:8px}
}
@media(prefers-reduced-motion:reduce){.site-header::before,.site-header::after,.hero-art:after,.hero-psp{animation:none}}


/* ================================================================
   V4 REFINEMENT · use the user-chosen PSP-2000 photo with transparency
   and let it sit more naturally on PSP-ish blue backdrops.
   ================================================================ */
.console-image{position:relative}
.console-image::before{
  content:"";position:absolute;inset:14% 12%;z-index:0;border-radius:999px;
  background:radial-gradient(circle, rgba(152,221,255,.34) 0%, rgba(152,221,255,.16) 36%, rgba(152,221,255,0) 72%);
  filter:blur(8px)
}
.console-image .psp-decor{position:relative;z-index:1}
.hero-art{
  background:
    radial-gradient(circle at 50% 50%, rgba(215,247,255,.26) 0%, rgba(215,247,255,0) 36%),
    linear-gradient(145deg,#bfe5f7 0%,#7db7d7 34%,#3f84b3 65%,#234f82 100%);
}
.hero-art::before{border-color:#ecf9ff80}
.hero-art::after{border-top-color:#f6fdffaa; box-shadow:0 -13px 32px #d9f9ff6f}
.hero-psp{filter:drop-shadow(0 22px 18px rgba(0,24,52,.34)) drop-shadow(0 0 22px rgba(194,239,255,.20))}
.shelf div{
  position:relative;overflow:hidden;
  background:linear-gradient(160deg,#eff8fc 0%,#dcecf5 52%,#c2dceb 100%);
}
.shelf div::before{
  content:"";position:absolute;left:-8%;right:-8%;bottom:8px;height:34px;border-radius:50%;
  border-top:1px solid rgba(255,255,255,.85);opacity:.75;transform:rotate(-6deg)
}
.shelf-psp{position:relative;z-index:1;filter:drop-shadow(0 7px 9px rgba(0,0,0,.22))}


/* ================================================================
   V5 COLOUR PASS · turquoise + lilac accents, no peach emphasis
   Layout unchanged. This layer only retunes accent colours.
   ================================================================ */
:root{
  --orange:#7ee8ea; /* repurpose warm accent slot as turquoise */
  --pink:#cdb8ff;   /* lilac accent */
}
/* General page atmosphere: slightly cooler and more jewel-like */
body{
  background-image:
    radial-gradient(#9ac7dc 1px,transparent 1.1px),
    linear-gradient(125deg,#d5e5f1,#e5eff6 47%,#c8d7ef);
}
/* Header waves get subtle turquoise/lilac energy */
.site-header{
  background:linear-gradient(115deg,#0b1b35 1%,#183e73 48%,#2e7db6 78%,#6ba8da 100%);
}
.site-header::before{
  border-top-color:#8ef0f18a;
  box-shadow:0 -9px 27px #79f2f53d;
}
.site-header::after{
  border-top-color:#ccb6ff5a;
  box-shadow:0 -7px 15px #ccb6ff33;
}
.led{background:#8cf0f2;box-shadow:0 0 10px #63e7eeaa}
.site-header h1 span{color:#c9bbff}
.tag{color:#e3eeff}
/* Navigation and UI chrome */
.nav{
  background:linear-gradient(180deg,#dffafb,#bfedf0);
  border-top-color:#4677a1;border-bottom-color:#4677a1;
}
.nav a{border-right-color:#9ad3dd;color:#173957}
.nav a:hover,.nav a[aria-current=page]{
  background:linear-gradient(180deg,#f0e8ff,#cfc3ff);
  color:#27385f;
}
.ticker{background:#f4f7fb;border-bottom-color:#c9d5e4}
.ticker b{background:#c3bbff;color:#203861}
/* Buttons and chips */
.button{
  background:linear-gradient(180deg,#eafcff,#bdeef0);
  color:#173754;border-color:#456d89;
}
.button:hover{box-shadow:1px 1px 0 #456d89}
.chip{background:#eee8ff;border-color:#bcaef0;color:#3c4b74}
/* Main visual panels */
.hero-art{
  background:
    radial-gradient(circle at 50% 50%, rgba(224,247,255,.28) 0%, rgba(224,247,255,0) 35%),
    linear-gradient(145deg,#c8eff6 0%,#84d4da 30%,#6d97d2 67%,#4e69a8 100%);
}
.hero-art::before{border-color:#e7f9ff96}
.hero-art::after{border-top-color:#e9edffbf;box-shadow:0 -13px 32px #cfd7ff75}
.section-title small{color:#6c6fa1}
/* Sidebar and cards */
.side-heading{
  background:linear-gradient(100deg,#1b284d,#3b5a93 58%,#5478ad 100%);
  color:#ecf7ff;
}
.sidebox{box-shadow:3px 3px 0 #bcc6e0}
.sidebox .status{background:#ebfbfb;border-color:#9acfd5}
.article-card,.feature-row{box-shadow:3px 3px 0 #c3cae3}
.shelf div{
  background:linear-gradient(160deg,#f4fbfe 0%,#e3f4f4 52%,#dde2fb 100%);
  border-color:#a5c5d9;
}
.note{background:#eef0ff;border-left-color:#8bdde0}
.prose a{color:#4f63a7}
/* 88x31 corner goes more playful */
.buttons88 span:first-child{background:#297597;color:#e8ffff}
.buttons88 span:nth-child(2){background:#6f63b0;color:#f6eeff}
.buttons88 span:nth-child(3){background:#b8f0f0;color:#234768}
/* Footer */
.footer{background:linear-gradient(95deg,#13213f,#334d86 56%,#4b67a6)}
/* Counter / guestbook accents */
.counter-label{color:#6074a2}
.counter-offline{color:#92f3f5;text-shadow:0 0 11px #7ff1ff77}
.counter-note{color:#6f7f9d}
.guestbook-teaser{background:linear-gradient(150deg,#eefcff,#e8e5ff);border-color:#aebfe0}
.guestbook-topbar{background:linear-gradient(90deg,#1a2e54,#4f68a7)}
.guestbook-disc{background:radial-gradient(circle,#eefbff,#8be2ea 55%,#7286d6)}
.setup-light{background:#8cebed;box-shadow:0 0 0 5px #ffffff6f,0 0 15px #8cebed95}
.power-jack-egg:hover span,.power-jack-egg:focus-visible span{
  background:#172949;color:#e9fdff;border-color:#bfb5ff;
}
/* ======================================================================
   Handheld Hideout — PSP Silver & Steel colour refresh (October 2026)
   Palette-only: preserves layout, sizes, images, typography and animations.
   ====================================================================== */
:root {
  --ink:#26364A;
  --navy:#172D47;
  --darker:#0C1C2F;
  --cream:#F3F1EC;
  --paper:#FAF9F6;
  --green:#C0CEDA;
  --mint:#DCE9EF;
  --orange:#8FB6C2; /* Legacy accent slot; no peach. */
  --pink:#8273AF;   /* Muted violet, not pastel pink. */
  --line:#405B75;
  --shadow:5px 5px 0 #1B344D;
}

/* The old background was very pastel: shift it to graphite-tinted mist. */
body {
  background-color:#C9D5E1;
  background-image:
    radial-gradient(#A7B9CB 1px, transparent 1.1px),
    linear-gradient(128deg,#C4D2E0 0%,#E0E7ED 46%,#BECCDA 100%);
}
.wrap {box-shadow:9px 9px 0 #8396A9;}
a:focus-visible, button:focus-visible {outline-color:#577FA7;}

/* Original PSP XMB: dark blue glass, light silver, subtle cool glow. */
.site-header {
  background:linear-gradient(115deg,#0C1A2D 0%,#183651 43%,#2C587F 75%,#47769C 100%);
}
.site-header::before {
  border-top-color:#A6D8E384;
  box-shadow:0 -9px 24px #7CBED333;
}
.site-header::after {
  border-top-color:#AEA9D056;
  box-shadow:0 -7px 15px #9493C023;
}
.site-header h1 span {color:#BDCDE0;}
.minirow {color:#C6D5E2;}
.tag {color:#E3EAF0;}
.led {background:#7CC8CF;box-shadow:0 0 10px #64B7C78C;}
.console-image::before {
  background:radial-gradient(circle,rgba(155,204,230,.29) 0%,rgba(155,204,230,.10) 37%,transparent 74%);
}

/* Navigation: silver PSP chrome instead of light aqua and pastel lilac. */
.nav {
  background:linear-gradient(180deg,#E4EAF0 0%,#BCCBD9 100%);
  border-top-color:#405E7A;
  border-bottom-color:#405E7A;
}
.nav a {color:#1E3A55;border-right-color:#9CAFBF;}
.nav a:hover,.nav a[aria-current=page] {
  background:linear-gradient(180deg,#C2D4E5,#8FACC8);
  color:#122F4C;
}
.ticker {background:#EBEEF2;border-bottom-color:#B7C6D3;}
.ticker b {background:#BBCBDD;color:#1C3652;}

/* Article and interaction accents: cool teal and muted violet. */
.eyebrow {color:#4B6D78;}
.chip {
  background:#E4E3EF;
  color:#4D4B77;
  border-color:#AAA8C5;
}
.meta,.section-title small {color:#687A8A;}
.button {
  background:linear-gradient(180deg,#CCE5EB,#94BEC9);
  color:#15374C;
  border-color:#466C80;
}
.button:hover {box-shadow:1px 1px 0 #466C80;}
.section-title {border-bottom-color:#405B75;}

/* Keep the cinematic PSP panel, but rein in the saturated cyan/lilac. */
.hero-art {
  background:
    radial-gradient(circle at 54% 39%,rgba(220,241,249,.22),transparent 43%),
    linear-gradient(145deg,#B5D0DF 0%,#7EA7C4 39%,#477AA5 72%,#254B75 100%);
}
.hero-art::before {border-color:#D7EAF0A3;}
.hero-art::after {border-top-color:#DDE9F0BA;box-shadow:0 -13px 32px #CADCEB6A;}

/* All panels remain warm enough for reading but no longer peach/pink. */
.side-heading {
  background:linear-gradient(100deg,#152B44 0%,#2C5074 63%,#435A7C 100%);
  color:#F0F4F7;
}
.sidebox {background:#F8F8F5;box-shadow:3px 3px 0 #B0BECC;}
.sidebox .status {background:#E5EEF1;border-color:#9EB5C2;}
.article-card,.feature-row {box-shadow:3px 3px 0 #B6C4D0;}
.shelf div {
  background:linear-gradient(160deg,#F1F5F7 0%,#E3EBF1 52%,#D1DFE9 100%);
  border-color:#A6B9C9;
}
.note {background:#E8EDF2;border-left-color:#7392B0;}
.prose a {color:#376B96;}
.prose blockquote {border-left-color:#A9A6C9;color:#515C70;}
.link-list li {border-bottom-color:#C5D0D8;}
.footer {
  background:linear-gradient(95deg,#14243A 0%,#284968 63%,#435E7D 100%);
  color:#E3E9EE;
}
.footer a {color:#E3E9EE;}

/* Guestbook and counter in the same restrained blue/silver language. */
.guestbook-teaser {
  background:linear-gradient(150deg,#EBF0F3,#DCE5EF);
  border-color:#A6B8CA;
}
.guestbook-topbar {background:linear-gradient(90deg,#192D48,#52688C);}
.guestbook-disc {background:radial-gradient(circle,#F0F5F9 0%,#B6D5DE 53%,#8A94BC 100%);}
.guestbook-awaiting {background:linear-gradient(160deg,#EEF2F6,#D8E4ED);border-color:#A4B8C8;}
.guestbook-foot {color:#566C80;border-top-color:#BDCAD5;}
.setup-light {background:#7FB8CB;box-shadow:0 0 0 5px #FFF8,0 0 15px #7FB8CB88;}
.counter-label,.counter-note {color:#647C90;}
.counter-mount {background:#0D1F33;border-color:#2E4B69;}
.counter-offline {color:#B7DAE5;text-shadow:0 0 11px #88C3D566;}
.power-jack-egg:hover span,.power-jack-egg:focus-visible span {
  background:#152C48;color:#F0F5FA;border-color:#A8A4CB;
}
/* The PSP's yellow DC-in detail stays yellow — it's an intentional easter egg. */
@media (max-width:560px) {
  .wrap {box-shadow:4px 4px 0 #8396A9;}
}


/* ==============================================================
   HANDHELD HIDEOUT — PSP MIDNIGHT / BRUSHED METAL
   October 2026. A substantial palette change; no layout changes.
   No pink/peach/pastel blocks, while retaining reading comfort.
   ============================================================== */
:root {
  --ink:#21364b;
  --navy:#111e30;
  --darker:#0b1423;
  --cream:#e3e9ee;
  --paper:#fbfaf7;
  --green:#afc1d0;
  --mint:#d5e1ea;
  --orange:#7e9fb9;
  --pink:#6d7893;
  --line:#31485f;
  --shadow:5px 5px 0 #192c40;
}
body {
  color:#21364b;
  background-color:#101a29;
  background-image:
    radial-gradient(circle at 17% 7%, rgba(69,101,134,.32), transparent 30%),
    radial-gradient(circle at 90% 90%, rgba(44,73,105,.22), transparent 35%),
    repeating-linear-gradient(125deg,rgba(196,211,224,.025) 0,rgba(196,211,224,.025) 1px, transparent 1px,transparent 30px),
    linear-gradient(140deg,#101a29,#202f40 57%,#101a29);
}
.wrap {
  background:#e3e9ee;
  border-color:#20344a;
  box-shadow:9px 9px 0 rgba(3,12,25,.68),0 0 0 1px rgba(209,222,234,.17);
}
a:focus-visible,button:focus-visible {outline-color:#83bbdf;}
/* XMB midnight banner with silver/steel name, rather than a pastel title */
.site-header {
  background:linear-gradient(110deg,#091425 0%,#142740 47%,#243f5b 78%,#375572 100%);
  border-bottom:0;
}
.site-header::before {border-top-color:#bdcedd52;box-shadow:0 -9px 25px #7796b535;}
.site-header::after {border-top-color:#8fa9bd55;box-shadow:0 -7px 18px #718ca634;}
.site-header h1 {
  color:#e0e6ea;
  text-shadow:0 2px 1px #060f1b88,0 0 15px #d2e5ef17;
}
.site-header h1 span {color:#91a9bf;}
/* The tiny period keeps a single hint of PSP XMB blue. */
.site-header h1 span[style] {color:#b6d2e6 !important;}
.minirow{color:#aebdca;}
.led{background:#79b4d4;box-shadow:0 0 8px #76aeca80;}
.tag{color:#d1dbe5;}
.console-image::before {background:radial-gradient(circle,rgba(124,156,182,.25),rgba(124,156,182,.09) 42%,transparent 76%);}
/* Gunmetal navigation, brushed tabs and one crisp active selection. */
.nav{
  background:linear-gradient(180deg,#4b6278 0%,#314960 49%,#253a50 100%);
  border-top-color:#758ea4;
  border-bottom-color:#1c2e42;
}
.nav a{
  color:#e8eef3;
  border-right-color:#6c8296;
  text-shadow:0 1px 1px #0a182a80;
}
.nav a:hover,.nav a[aria-current=page] {
  background:linear-gradient(180deg,#92b1cb 0%,#557a9e 100%);
  color:#0a2035;
  text-shadow:none;
}
.ticker{
  background:#d1dae3;
  color:#24394e;
  border-bottom:2px dashed #8499ad;
}
.ticker b{background:#293f56;color:#edf3f7;}
/* Main canvas becomes cool grey. Cards remain off-white for reading. */
.hero,.article-card,.feature-row,.prose,.guestbook-panel{background:#fbfaf7;}
.hero h2,.page-intro h2,.section-title {color:#1d354e;}
.eyebrow{color:#4b6c85;}
.section-title{border-bottom-color:#31485f;}
.section-title small,.meta{color:#647b8e;}
.chip{
  background:#d0dae4;
  border-color:#8099ae;
  color:#243c53;
}
.button{
  background:linear-gradient(180deg,#bdcddc 0%,#7f9eb7 100%);
  color:#112c45;
  border-color:#314e68;
}
.button:hover{box-shadow:1px 1px 0 #314e68;}
/* Deeper XMB waves, with the PSP still sitting in the same position. */
.hero-art{
  background:
    radial-gradient(circle at 62% 24%,#9bb4c050,transparent 46%),
    linear-gradient(145deg,#425d7a 0%,#244568 42%,#152e4b 100%);
}
.hero-art::before{border-color:#bacbd885;}
.hero-art::after{border-top-color:#bfcfdfac;box-shadow:0 -13px 32px #88acc34c;}
/* More purposeful metal panels, fewer candy-pastel blocks. */
.side-heading{
  background:linear-gradient(110deg,#14263a 0%,#2a455f 66%,#385973 100%);
  color:#e9f0f5;
}
.sidebox{background:#f7f7f4;box-shadow:3px 3px 0 #aab7c4;}
.sidebox .status{background:#e0e7ed;border-color:#879bab;}
.article-card,.feature-row{box-shadow:3px 3px 0 #afbcc9;}
.shelf div{
  background:linear-gradient(160deg,#34526f 0%,#273f59 65%,#1c334b 100%);
  border-color:#152a3e;
  color:#e7edf3;
  box-shadow:inset 0 1px 0 #8fa4b566;
}
.shelf span{color:#e7edf3;}
.shelf div::before{border-top-color:#c6d7e85c;}
.note{background:#d6e0e7;border-left-color:#567a99;color:#263e53;}
.prose a{color:#28567b;}
.prose blockquote{border-left-color:#6f8da5;color:#41576d;}
.link-list li{border-bottom-color:#b8c5d0;}
.footer{
  background:linear-gradient(105deg,#0a1728,#1e3650 55%,#2a445b);
  color:#d1dce6;
}
.footer a{color:#dce5ec;}
.counter-label,.counter-note{color:#526a7c;}
.counter-mount{background:#101f30;border-color:#263d55;}
.counter-offline{color:#c6dce9;text-shadow:0 0 11px #80a5bf45;}
.guestbook-teaser{background:linear-gradient(140deg,#e5ebef,#c9d7e3);border-color:#91a6b9;}
.guestbook-topbar{background:linear-gradient(90deg,#142940,#355a7d);}
.guestbook-disc{background:radial-gradient(circle,#e9eff4 4%,#a6bdce 53%,#657e9c 100%);}
.guestbook-awaiting{background:linear-gradient(160deg,#e9eef1,#d1dfe8);border-color:#98aabb;}
.guestbook-foot{color:#526b7d;border-top-color:#b4c4d0;}
.setup-light{background:#84adc4;box-shadow:0 0 0 5px #FFFFFF75,0 0 13px #84adc484;}
/* Do not touch the real circular SteamGridDB game icon borders. */
/* The PSP power connector stays yellow as an intentional Easter egg. */
@media(max-width:560px){
 .wrap{box-shadow:4px 4px 0 rgba(3,12,25,.72);}
}

/* ==============================================================
   PSP MIDNIGHT — ELECTRIC TURQUOISE INTERACTION HIGHLIGHTS
   Accent-only update: preserves the midnight/silver layout, artwork
   and all existing HTML.  #42C4CF is the single bright UI accent.
   ============================================================== */
:root { --electric-turquoise:#42C4CF; --electric-glint:#A6F2F3; --electric-deep:#126B78; }

/* Active tab and keyboard/mouse hover: a crisp PSP XMB-style selection. */
.nav a[aria-current="page"],
.nav a:hover,
.nav a:focus-visible {
  background:linear-gradient(180deg,#86E5E9 0%,#42C4CF 46%,#26AAB7 100%);
  color:#092437;
  text-shadow:none;
  box-shadow:inset 0 2px 0 #D4FFFFA6,inset 0 -3px 0 #086F83;
}
.nav a:focus-visible{outline:2px solid #B9FAFB;outline-offset:-3px;}

/* A tiny status LED and restrained accent on the notice-board label. */
.led {background:var(--electric-turquoise);box-shadow:0 0 9px #42C4CFB8;}
.ticker b {border-left:3px solid var(--electric-turquoise);}

/* Buttons stay steel at rest, light up when selected. */
.button {transition:background .16s ease, color .16s ease, box-shadow .16s ease,transform .16s ease;}
.button:hover,.button:focus-visible {
  background:linear-gradient(180deg,#96EEF0,#42C4CF);
  color:#102B3F;
  border-color:#1B6678;
}

/* Reading links: dark teal with a turquoise underline on interaction,
   so contrast remains strong against the off-white article panels. */
.article-card h3 a:hover,.article-card h3 a:focus-visible,
.feature-row h3 a:hover,.feature-row h3 a:focus-visible,
.link-list a:hover,.link-list a:focus-visible,
.prose a:hover,.prose a:focus-visible,
.guestbook-foot a:hover,.guestbook-foot a:focus-visible {
  color:#116B75;
  text-decoration:underline;
  text-decoration-color:var(--electric-turquoise);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}
/* The article category chip gets a sliver of turquoise, not a pastel fill. */
.chip{border-left:3px solid var(--electric-turquoise);}

/* Small but visible bright detail on the first right-hand status box. */
.sidebar .sidebox:first-child .side-heading{
  border-bottom:2px solid var(--electric-turquoise);
}
/* A consistent accent on guestbook focus and quick links without
   recolouring the body panels or losing the PSP Midnight identity. */
.guestbook-teaser {border-left:3px solid var(--electric-turquoise);}
.footer a:hover,.footer a:focus-visible{color:#8DE8EE;}
a:focus-visible,button:focus-visible{outline-color:var(--electric-turquoise);}

@media(prefers-reduced-motion:reduce){.button{transition:none;}}

/* ================================================================
   HANDHELD HIDEOUT · TITLE COLOUR FINISHING TOUCH
   "handheld" = brushed silver; "hideout" = electric turquoise.
   The small full stop stays cool silver/steel, not another accent.
   ================================================================ */
.site-header h1 {
  color:#E0E6EA;
}
.site-header h1 > span:not([style]) {
  color:#42C4CF;
  text-shadow:0 2px 1px rgba(6,15,27,.45), 0 0 16px rgba(66,196,207,.16);
}
.site-header h1 > span[style] {
  color:#B6C9D9 !important;
}


/* Ciri's Corner — solid electric-turquoise photo frame (no dark band). */
.ciri-card .side-heading{letter-spacing:.025em}
.ciri-card .side-body{padding:13px}
.ciri-frame{
  overflow:hidden;
  padding:7px;
  border:1px solid #42C4CF;
  background:#42C4CF;
  box-shadow:0 2px 5px rgba(16,32,48,.13);
  border-radius:5px;
}
.ciri-photo{
  display:block; width:100%; aspect-ratio:4 / 3; object-fit:cover;
  object-position:50% 45%; border-radius:2px; background:#42C4CF;
}
.ciri-photo[hidden],.ciri-photo-pending[hidden]{display:none!important}
.ciri-photo-pending{
  min-height:149px; padding:17px 8px; display:grid;
  place-items:center; align-content:center; gap:7px;
  background:radial-gradient(circle at 65% 15%,#24556a,#133145 68%);
  color:#e2ecf2; font:11px/1.45 var(--mono); text-align:center;
}
.ciri-star{font-size:23px;color:#42C4CF;line-height:1}
.ciri-photo-pending a{color:#75e2e8;text-underline-offset:3px;font-size:10px}
.ciri-photo-pending a:hover,.ciri-photo-pending a:focus-visible{color:#ffffff}
.ciri-caption{
  font-size:12px; line-height:1.55; color:#506477;
  text-align:center; margin:10px 2px 0!important;
}

/* ================================================================
   MOBILE REFINEMENT · HEADER PSP + NOTICE BOARD
   Mobile-only layout correction. Desktop masthead remains untouched.
   ================================================================ */
@media (max-width: 560px) {
  /* Give the full wordmark its own row, then pair tagline with PSP art.
     This prevents the fixed-size image being pushed beyond the banner. */
  .masthead {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 106px;
    grid-template-areas:
      "title title"
      "tagline psp";
    align-items: center;
    gap: 11px 8px;
    padding: 16px 0 4px;
  }
  .masthead > div:first-child { display: contents; }
  .masthead h1 {
    grid-area: title;
    min-width: 0;
    max-width: 100%;
    font-size: clamp(29px, 9vw, 37px);
    line-height: .98;
    white-space: nowrap;
  }
  .masthead .tag {
    grid-area: tagline;
    min-width: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
  }
  .masthead .console-image {
    grid-area: psp;
    justify-self: end;
    align-self: center;
    width: 106px;
    height: auto;
    min-width: 0;
    transform: rotate(3deg);
  }
  .masthead .console-image .header-psp {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  /* Let the label occupy its own line rather than crowd the message. */
  .ticker {
    padding: 10px 14px 12px;
    font-size: 12px;
    line-height: 1.6;
  }
  .ticker b {
    display: table;
    margin: 0 0 7px;
    padding: 3px 7px;
    line-height: 1.35;
  }
}


/* Sidebar panel: The Little Details */
.orange-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#F0A14A;box-shadow:0 0 0 2px rgba(240,161,74,.16);margin-right:8px;vertical-align:middle;transform:translateY(-1px)}
.little-details-box .side-body{padding:13px}
.little-details-frame{overflow:hidden;padding:7px;border:1px solid #42C4CF;background:#42C4CF;box-shadow:0 2px 5px rgba(16,32,48,.13);border-radius:5px}
.little-details-photo{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:2px;background:#d7dde3}

/* Tiny pager Easter egg at the far-right of the existing footer. */
.footer .footer-pager-group {
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  margin-left:auto;
  text-align:right;
}
.footer .footer-pager-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  line-height:0;
  border-radius:4px;
  text-decoration:none;
}
.footer .footer-pager-link img {
  display:block;
  width:64px;
  max-width:64px;
  height:auto;
  image-rendering:auto;
  transition:transform .16s ease, filter .16s ease;
}
.footer .footer-pager-link:hover img,
.footer .footer-pager-link:focus-visible img {
  transform:translateY(-2px) rotate(-3deg);
  filter:drop-shadow(0 1px 3px rgba(109,225,230,.8));
}
.footer .footer-pager-link:focus-visible {
  outline:2px solid #8de8ee;
  outline-offset:3px;
}
@media(max-width:560px) {
  .footer .footer-pager-group { max-width:100%; flex-wrap:wrap; row-gap:3px; }
}
@media(prefers-reduced-motion:reduce) {
  .footer .footer-pager-link img { transition:none; }
}