/* Click-directed infected eye, cinematic arcade and discreet studio credit. */
.logo-eye{display:block;background:radial-gradient(ellipse at 34% 27%,#c9c89c 0,#a9ad83 33%,#9ca077 54%,#7a794f 70%,#4c3f2b 89%,#392020 100%);box-shadow:inset 0 0 4px 2px #502a1f,inset 3px -3px 6px #6b352fa8;isolation:isolate}
.logo-eye:before{background:radial-gradient(ellipse at 18% 82%,#85423480,transparent 49%),repeating-conic-gradient(from 18deg at 50% 50%,transparent 0 39deg,#6c6b3540 42deg,transparent 45deg 82deg);opacity:.85}
.eye-veins{position:absolute;inset:0;width:100%;height:100%;z-index:1;fill:none;stroke:#923f2d;stroke-width:1.5;stroke-linecap:round;opacity:.9;pointer-events:none;filter:drop-shadow(0 0 .25px #6b3024)}
.logo-iris{z-index:2;width:57%;height:57%;border:1px solid #3d4c2b;border-radius:47% 51% 46% 50%;background:radial-gradient(ellipse at 45% 43%,#d0d6a070,transparent 60%),repeating-conic-gradient(from 11deg,#6f8052 0 6deg,#b3b477 7deg 11deg,#4d6140 12deg 17deg,#879762 19deg 24deg);box-shadow:0 0 2px 1px #394b2b,inset 1px 1px 5px #dfe1a474;transition:transform .28s cubic-bezier(.2,.7,.3,1),filter .5s;filter:saturate(.6)}
.logo-iris:before{content:"";position:absolute;inset:7%;border:1px dashed #c6cd9b66;border-radius:49% 42% 53% 44%;transform:rotate(25deg);opacity:.8}
.logo-pupil{inset:25%;border:0;background:#273520;clip-path:polygon(45% 0,66% 12%,76% 4%,83% 30%,100% 46%,83% 63%,93% 80%,65% 89%,48% 100%,34% 88%,12% 94%,17% 67%,0 51%,13% 30%,6% 13%,33% 15%);box-shadow:none;opacity:.9}
.logo-pupil:after{inset:4%;width:auto;height:auto;border-radius:50%;background:radial-gradient(ellipse at 40% 42%,#c2ce977a,#7e92502e 62%,transparent 80%)}
.eye-glint{z-index:3;background:radial-gradient(ellipse at 36% 27%,#e4e2b42e 0,transparent 28%),radial-gradient(ellipse at 63% 67%,#a5b17c29 0,transparent 40%);box-shadow:inset 0 0 5px #553128}
.logo-eye:after{content:"";position:absolute;inset:0;z-index:4;border-radius:50%;box-shadow:inset 1px 1px 4px #38221c;pointer-events:none;transition:box-shadow .7s}
.logo-eye.eye-straining:after{box-shadow:inset 1px 1px 5px 1px #713126aa,inset -1px -2px 5px #55432855}
.logo-eye.eye-straining .logo-iris{filter:saturate(.75) contrast(1.12)}
.footer-credit{display:inline-flex;align-items:center;gap:3px;color:#c7b697;white-space:nowrap}
.site-footer .footer-heart{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#df353a;text-decoration:none;transition:color .2s,transform .2s;vertical-align:middle}
.site-footer .footer-heart svg{width:18px;height:18px;filter:drop-shadow(0 1px 2px #0008)}
.site-footer .footer-heart:hover{color:#ff575b;transform:scale(1.08)}
.site-footer .footer-heart:focus-visible{outline:2px solid #dec58e;outline-offset:0;border-radius:4px}
.site-footer .footer-bottom{align-items:center;gap:20px;padding-top:12px;padding-bottom:15px}
.page-games .ranked-intro{padding-top:23px;padding-bottom:12px}
.page-games .ranked-intro h2{font-size:clamp(36px,4.8vw,61px);max-width:850px}
.page-games .ranked-total{border-color:#a68a5070;background:linear-gradient(135deg,#4c3e2b,#193132);transform:rotate(-3deg)}
.arcade-section-label{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin:30px 0 17px;padding-top:18px;border-top:1px solid #7e86525e}
.arcade-section-label h3{margin:0;font:28px/1.1 var(--display);text-transform:uppercase;color:#e2d5b9;letter-spacing:.025em}
.arcade-section-label p{font-size:11px;color:#a5bcb0;margin:0}
.arcade-spotlight-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:180px 180px;gap:15px}
.arcade-spotlight{display:block;position:relative;isolation:isolate;overflow:hidden;border:1px solid #77927770;background:#102027;text-decoration:none!important;min-width:0}
.arcade-spotlight.spotlight-1{grid-row:1/3;border-color:#bba36b}
.arcade-spotlight>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease,filter .6s;filter:saturate(.82)}
.arcade-spotlight:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#07161cf7,#0c1a21bd 35%,#09191d11 80%),linear-gradient(90deg,#09191c44,transparent 80%)}
.arcade-spotlight:hover>img,.arcade-spotlight:focus-visible>img{transform:scale(1.04);filter:saturate(1.04)}
.arcade-spotlight:focus-visible{outline:2px solid #eac781;outline-offset:4px}
.arcade-spotlight-rank{position:absolute;top:17px;left:21px;font:43px/1 var(--display);color:#e4d1a2;text-shadow:0 2px 6px #000b}
.arcade-spotlight-rank small{font:7px/1.4 monospace;display:inline-block;max-width:40px;letter-spacing:.1em;margin-left:6px;color:#d3d9b8}
.arcade-spotlight>div{position:absolute;bottom:19px;left:23px;right:20px}
.arcade-spotlight .arcade-genre{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:#c3c9a4;display:block;margin-bottom:7px}
.arcade-spotlight h3{font:31px/1.03 var(--display);letter-spacing:.015em;text-transform:none;margin:0 0 9px;color:#f0e5cb;text-shadow:0 2px 4px #0008}
.arcade-spotlight p{font-size:9px;line-height:1.4;margin:0;color:#b4c5b7}
.arcade-spotlight p b{font-size:12px;color:#ddc997}
.arcade-open{display:none;font-size:10px;color:#e4c88f;margin-top:15px}
.arcade-open i{font-size:20px;margin-left:8px;font-style:normal}
.spotlight-1>div{bottom:28px;left:30px;right:28px}
.spotlight-1 h3{font-size:clamp(37px,4.1vw,56px);max-width:470px}
.spotlight-1 .arcade-genre{font-size:8px;margin-bottom:10px}
.spotlight-1 p{font-size:10px}
.spotlight-1 p b{font-size:15px}
.spotlight-1 .arcade-open{display:block}
.arcade-art-credit{font-size:8px!important;color:#91a598!important;margin:12px 0 29px}
.arcade-list-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 16px}
.arcade-list-heading h3{font:29px/1 var(--display);letter-spacing:.035em;text-transform:uppercase;color:#e6d9bd;margin:0}
.arcade-list-heading p{font-size:10px!important;color:#98afa2;margin:0}
.page-games .ranked-controls{background:linear-gradient(110deg,#273630,#15292d);border-top:2px solid #9a895a;padding:21px;margin-top:0;box-shadow:0 8px 20px #0003}
.page-games .ranked-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.page-games .arcade-game-card{display:flex;flex-direction:column;background:linear-gradient(140deg,#25363b,#12262c);border:1px solid #54756d8a;border-radius:2px;box-shadow:0 7px 17px #0003;min-width:0;overflow:visible;isolation:isolate}
.page-games .arcade-leading{border-color:#a890596e}
.arcade-card-image{position:relative;overflow:hidden;background:#0a1a20;aspect-ratio:460/215;border-radius:2px 2px 0 0}
.arcade-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07171d88,transparent 55%);pointer-events:none}
.arcade-card-image>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s ease,filter .45s;filter:saturate(.88)}
.arcade-game-card:hover .arcade-card-image>img{transform:scale(1.025);filter:saturate(1.08)}
.arcade-card-rank{position:absolute;top:0;left:14px;z-index:1;display:flex;align-items:center;justify-content:center;padding:12px 10px 14px;min-width:46px;font:31px/1 var(--display);color:#ead7a5;background:linear-gradient(#293f37f5,#112c2bd9);border:1px solid #c6b06c80;border-top:0;box-shadow:3px 4px 8px #0005;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%)}
.arcade-leading .arcade-card-rank{background:linear-gradient(#8e3430f0,#482e29e8);color:#ffe9b5}
.arcade-platform{position:absolute;bottom:10px;right:13px;z-index:1;font:7px/1.3 monospace;letter-spacing:.12em;color:#d0d4b5;text-shadow:0 1px 3px #000}
.arcade-card-copy{padding:23px;display:flex;flex:1;flex-direction:column;min-width:0}
.arcade-card-copy .arcade-category{font-size:7px!important;letter-spacing:.14em;color:#b6b791!important;line-height:1.6;margin:0 0 10px;text-transform:uppercase}
.arcade-card-copy h2{font:29px/1.09 var(--display);color:#eee2c6;text-transform:none;letter-spacing:.01em;margin:0 0 11px}
.arcade-card-copy .arcade-byline{font-size:9px!important;line-height:1.8;color:#b3bb9f!important;margin:0 0 17px}
.arcade-byline span{color:#8ca69a}
.arcade-scoreboard{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-block:1px solid #76906e61;padding:12px 0 11px;margin-bottom:15px;gap:12px}
.arcade-scoreboard>a{display:block;text-decoration:none!important;color:#d9d2ab}
.arcade-scoreboard strong{font:34px/1 var(--display);color:#e4d3a4;font-weight:400;white-space:nowrap}
.arcade-scoreboard strong span{font-size:18px;margin-left:1px}
.arcade-scoreboard small{display:block;font:7px/1.5 monospace;letter-spacing:.035em;color:#94b09d;margin-top:5px}
.arcade-scoreboard>div{border-left:1px solid #7d8a5b54;padding-left:15px}
.arcade-scoreboard b{font:21px/1 var(--display);letter-spacing:.02em;color:#b7c7ae}
.arcade-card-copy .arcade-excerpt{font-size:12px!important;line-height:1.8;color:#b8ccc2;margin:0 0 16px}
.arcade-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding:0 0 17px}
.arcade-tags>span{font-size:7px;color:#aac0af;padding:4px 7px;border:1px solid #6d8c7057;background:#102229}
.arcade-card-actions{border-top:1px solid #6b876154;padding-top:14px}
.arcade-play{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(100deg,#8b302b,#a1392f);border:1px solid #ba635278;padding:12px 15px;font-size:10px;color:#f3dfbb!important;min-height:44px;text-transform:uppercase;letter-spacing:.025em;text-decoration:none!important}
.arcade-play span{font-size:17px;color:#e5be8d}
.arcade-play:hover{background:#ad4134}
.arcade-dossier{margin-top:8px}
.arcade-dossier summary{font:9px/1.5 Arial,sans-serif;letter-spacing:.04em;display:flex;align-items:center;justify-content:space-between;list-style:none;color:#acbfaa;min-height:44px;padding:7px 0;cursor:pointer}
.arcade-dossier summary>span{font:20px/1 monospace;color:#b6a67d}
.arcade-dossier[open] summary>span{transform:rotate(45deg)}
.arcade-dossier>div{padding:10px 0 12px;border-top:1px solid #63847354}
.arcade-dossier p{font-size:12px!important;line-height:1.8;color:#b2c5b8}
.arcade-dossier .arcade-why{font-size:10px!important;color:#95ae9c;border-left:2px solid #a88a4e78;padding-left:11px}
.arcade-dossier small{font-size:8px;line-height:1.7;color:#8da699;display:block}
.arcade-dossier summary:focus-visible,.arcade-play:focus-visible{outline:2px solid #d8b974;outline-offset:3px}
@media(max-width:1100px){.page-games .ranked-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-spotlight-grid{grid-template-rows:170px 170px}.spotlight-1 h3{font-size:42px}.arcade-spotlight h3{font-size:28px}.arcade-card-copy{padding:25px}}
@media(max-width:760px){.arcade-spotlight-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 180px;gap:12px}.arcade-spotlight.spotlight-1{grid-row:auto;grid-column:1/-1}.arcade-spotlight h3{font-size:25px}.spotlight-1 h3{font-size:43px}.arcade-spotlight>div{left:18px;right:16px;bottom:17px}.spotlight-1>div{left:25px;bottom:24px}.arcade-spotlight-rank{left:18px;top:14px;font-size:34px}.arcade-spotlight p span{display:none}.arcade-card-copy{padding:22px}.arcade-card-copy h2{font-size:27px}.arcade-section-label{display:block}.arcade-section-label p{margin-top:10px}}
@media(max-width:650px){.footer-credit{display:flex;margin-top:8px;min-height:44px}.site-footer .footer-bottom{padding-top:16px;padding-bottom:23px}.site-footer .footer-bottom>a{margin-top:4px}.page-games .ranked-intro h2{font-size:39px}.arcade-section-label{margin-top:18px;padding-top:12px}.arcade-section-label h3{font-size:29px}.arcade-spotlight-grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:9px;scroll-snap-type:x mandatory;scrollbar-color:#897a4b #14262b;scrollbar-width:thin}.arcade-spotlight{flex:0 0 88%;height:255px;scroll-snap-align:start}.arcade-spotlight.spotlight-1{grid-column:auto}.arcade-spotlight>div,.spotlight-1>div{left:20px;right:16px;bottom:21px}.arcade-spotlight h3,.spotlight-1 h3{font-size:36px}.arcade-spotlight .arcade-genre{font-size:7px}.arcade-spotlight .arcade-open{display:block;font-size:9px;margin-top:12px}.arcade-spotlight p{font-size:9px}.arcade-spotlight p b{font-size:12px}.arcade-art-credit{font-size:7px!important;margin-bottom:22px}.arcade-list-heading{display:block;margin-top:29px}.arcade-list-heading h3{font-size:29px}.arcade-list-heading p{margin-top:10px}.page-games .ranked-controls{padding:16px}.page-games .ranked-grid{grid-template-columns:1fr;gap:21px}.arcade-card-copy{padding:24px}.arcade-card-copy h2{font-size:30px}.arcade-card-copy .arcade-category{font-size:8px!important}.arcade-card-copy .arcade-byline{font-size:10px!important}.arcade-scoreboard strong{font-size:40px}.arcade-scoreboard b{font-size:25px}.arcade-scoreboard small{font-size:8px}.arcade-card-copy .arcade-excerpt{font-size:13px!important}.arcade-tags>span{font-size:8px}.arcade-dossier summary{font-size:10px}.arcade-play{font-size:11px}.arcade-card-rank{font-size:36px}}
@media(prefers-reduced-motion:reduce){.logo-iris,.logo-eye:after,.site-footer .footer-heart,.arcade-spotlight>img,.arcade-card-image>img{transition:none}.arcade-spotlight:hover>img,.arcade-game-card:hover .arcade-card-image>img,.site-footer .footer-heart:hover{transform:none}}
