/* PIKA77 / Casefile — editorial layout, self-contained. */
:root{color-scheme:light;--paper:#f0eee7;--ink:#171717;--muted:#625f59;--line:#c9c5ba;--red:#b82927;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}h1,h2,h3,p,figure,ul{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}.container{width:min(1320px,calc(100% - 72px));margin-inline:auto}.skip{position:absolute;top:-100px;padding:10px;background:var(--white);z-index:100}.skip:focus{top:8px}.edition{background:var(--ink);color:var(--white);font:10px/1.4 monospace;letter-spacing:1.8px;padding:10px 0}.edition .container{display:flex;justify-content:space-between;gap:12px}.brand-row{min-height:116px;display:flex;gap:38px;align-items:center}.brand-row>a{flex-shrink:0}.brand-row img{width:150px;height:80px;object-fit:contain}.brand-caption{font:10px/1.7 monospace;letter-spacing:1px;border-left:1px solid var(--ink);padding-left:22px}.access{display:flex;gap:10px;margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--red);border:1px solid var(--red);color:#fff;padding:12px 24px;font-size:13px;font-weight:700;min-height:46px;transition:background .15s}.button:hover{background:#8c1e1c}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.button.secondary:hover{background:var(--ink);color:#fff}.masthead nav{border-block:1px solid var(--ink)}.masthead ul{display:flex;list-style:none;padding:0;justify-content:space-between;gap:8px}.masthead li a{display:block;padding:15px 8px;font-size:12px;font-weight:700}.masthead li a:hover,.masthead li a[aria-current]{color:var(--red);box-shadow:inset 0 -3px var(--red)}#menuToggle{display:none}.hero{padding-block:44px 52px;display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;border-bottom:4px double var(--ink)}.eyebrow{display:block;font:11px/1.5 monospace;letter-spacing:1.3px;color:var(--red);text-transform:uppercase;margin-bottom:20px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,3.9vw,60px);line-height:1.08;letter-spacing:-1.8px;font-weight:500;margin-bottom:24px;overflow-wrap:anywhere}.lead{color:var(--muted);font-size:16px;max-width:620px}.hero figure{align-self:start}.hero figure>img{width:100%;max-height:570px;object-fit:contain;background:#151515}.hero figcaption{font:10px/1.5 monospace;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--line);padding:12px 0}.hero-links{display:flex;flex-wrap:wrap;gap:26px;margin-top:30px}.hero-links a{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:6px}.hero-links a:hover{color:var(--red);border-color:var(--red)}.section{padding:52px 0}.section+.section{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;gap:20px;margin-bottom:28px}.section-heading:after{content:'';height:1px;flex:1;background:var(--ink)}h2{font-size:27px;line-height:1.25;letter-spacing:-.8px}h3{font-size:18px;line-height:1.4}.story{max-width:800px;margin-left:auto;margin-right:14%;border-left:3px solid var(--red);padding-left:30px}.story h2{font-family:Georgia,serif;font-size:36px;font-weight:400;margin-bottom:24px}.story h3{margin-top:26px}.story p{font-family:Georgia,serif;font-size:18px;margin-top:14px;line-height:1.85}.story .note{font:12px/1.7 Arial,sans-serif;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.category-grid>a{position:relative;border-top:3px solid var(--ink);padding-top:12px}.category-grid img{width:100%;aspect-ratio:1.25;object-fit:cover;margin-block:12px}.category-grid h3{font-size:16px}.category-number{font:12px monospace;color:var(--red)}.catalog-tools{display:flex;gap:18px;align-items:center;background:var(--white);border:1px solid var(--line);padding:18px;margin-bottom:24px}.catalog-tools label{font-size:12px;font-weight:700}.catalog-tools input{flex:1;min-width:100px;padding:12px;border:1px solid #918d83;background:#fff;font-size:14px;border-radius:0}.catalog-tools span{font:12px monospace;min-width:75px}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px}.game-tile{display:block;border-bottom:1px solid var(--line);padding-bottom:12px;transition:color .15s}.game-tile[hidden]{display:none}.game-tile:hover{color:var(--red);border-color:var(--red)}.game-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#161616}.game-tile span{display:block;margin-top:10px;font-size:12px;font-weight:700;overflow-wrap:anywhere}.text-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.text-card{padding:24px 26px 30px 0;border-top:1px solid var(--line);min-width:0}.text-card h3{color:var(--red);margin-bottom:12px}.text-card p{font-size:14px;color:var(--muted);max-width:360px}.download-box{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--white);padding:40px;gap:50px}.download-box p{margin:14px 0 24px;color:#cac7bd;font-size:14px}.download-box ol{padding-left:20px;font-size:14px;color:#cac7bd}.download-box li{margin-bottom:10px}.download-steps{border-left:1px solid #555;padding-left:36px}details{border-top:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:700}details p{max-width:800px;padding:18px 0 4px;color:var(--muted);font-size:15px}footer{background:var(--ink);color:var(--paper);margin-top:40px;padding:48px 0 24px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-main img{object-fit:contain;width:150px;height:70px;margin-bottom:20px}.footer-main p{font-size:13px;color:#bcb8af;max-width:360px}.footer-main h2{font:12px monospace;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px;color:#d3a09a}.footer-main a{display:block;font-size:13px;line-height:2.3}.footer-main a:hover{color:#ffaaa1}.footer-bottom{display:flex;justify-content:space-between;gap:30px;font-size:11px;color:#bcb8af;border-top:1px solid #444;margin-top:36px;padding-top:22px}.mobile-access{display:none}
@media(max-width:1050px){.container{width:calc(100% - 40px)}.hero{gap:26px}h1{font-size:42px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-caption{display:none}.story{margin-right:5%}.masthead li a{font-size:11px}}
@media(max-width:700px){body{padding-bottom:72px}.container{width:calc(100% - 32px)}.edition{font-size:8px;letter-spacing:.6px}.edition span{display:none}.brand-row{min-height:88px;gap:12px}.brand-row img{width:95px;height:60px}.access{gap:6px}.access .button{padding:8px 13px;min-height:38px;font-size:11px}#menuToggle{display:block;border:0;background:transparent;font-size:11px;font-weight:700;padding:8px 0 8px 6px}.masthead ul{display:none;grid-template-columns:repeat(3,1fr);gap:0}.masthead ul.open{display:grid}.masthead li a{padding:13px 6px}.hero{grid-template-columns:1fr;padding:28px 0 32px;gap:28px}.hero-copy{order:2}.hero figure{order:1}.hero figure>img{max-height:380px}.hero h1{font-size:37px;letter-spacing:-1px}.eyebrow{font-size:10px;margin-bottom:16px}.lead{font-size:14px}.section{padding:36px 0}.section h2{font-size:24px}.section-heading{gap:12px}.story{margin:0;padding-left:18px}.story p{font-size:17px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.category-grid h3{font-size:14px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.game-tile span{font-size:11px}.catalog-tools{flex-wrap:wrap;gap:12px;padding:14px}.catalog-tools label{flex-basis:100%}.catalog-tools input{width:60%;padding:10px}.catalog-tools span{font-size:10px}.text-grid{grid-template-columns:1fr 1fr;gap:14px}.text-card{padding:18px 8px 22px 0}.text-card h3{font-size:16px}.text-card p{font-size:13px}.download-box{grid-template-columns:1fr;padding:24px;gap:30px}.download-steps{border-left:0;border-top:1px solid #555;padding:24px 0 0}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}.mobile-access{display:grid;grid-template-columns:1fr 1fr 1.3fr;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--white);border-top:2px solid var(--ink);padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px}.mobile-access a{border:1px solid var(--ink);padding:10px 5px;text-align:center;font-size:12px;font-weight:700}.mobile-access a:nth-child(2){background:var(--red);border-color:var(--red);color:#fff}.mobile-access a:last-child{background:var(--ink);color:#fff}}
@media(max-width:380px){.access .button{padding:8px 10px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}