:root{color-scheme:dark;--bg:#100c0e;--panel:#181214;--panel-hover:#23171b;--wine:#4a1826;--gold:#f1c777;--gold-bright:#ffe7a7;--text:#f7f3ed;--muted:#b8adaf;--line:#352a2a;--rail:248px;--body:Arial,Helvetica,sans-serif;--display:'Arial Black','Arial',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 100% 0,#32111b44,transparent 45%),var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a,button{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}img{display:block;max-width:100%;height:auto}svg{display:block}p,h1,h2,h3{margin:0}button[hidden],[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:#8e3d50;color:#fff}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;padding:12px 20px;background:var(--gold);color:#140b0e}.skip-link:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--rail);padding:46px 26px 28px;border-right:1px solid var(--line);background:linear-gradient(160deg,#241016 0,#120d10 42%,#100c0e 100%);display:flex;flex-direction:column;z-index:5}.brand{display:block;padding:0 8px}.brand img{width:186px}.brand>span{display:block;margin-top:17px;font-size:.75rem;letter-spacing:.25em;color:#ab9291;text-align:center}.sidebar nav{margin-top:70px;display:grid;gap:9px}.sidebar nav a{display:flex;align-items:center;gap:15px;padding:16px 15px;font-size:1rem;color:#c4b8b9;border:1px solid transparent;position:relative;transition:background .18s,color .18s}.sidebar nav a:hover{color:var(--gold);background:#26151a}.sidebar nav a[aria-current]{background:linear-gradient(90deg,#56213088,#29131b55);border-color:#62342966;color:var(--gold-bright)}.sidebar nav a[aria-current]:before{content:'';position:absolute;left:-1px;top:0;bottom:0;width:3px;background:var(--gold)}.nav-number{font-size:.75rem;color:#9f7376;font-variant-numeric:tabular-nums}.nav-mark{margin-left:auto}.sidebar-bottom{margin-top:auto;padding:35px 9px 0}.social-links{display:flex;gap:22px;font-size:.875rem;color:var(--gold)}.social-links a:hover{text-decoration:underline}.sidebar-bottom p{font-size:.875rem;line-height:1.8;color:#a8999b;margin-top:25px}.side-rule{display:block;width:30px;height:1px;background:#79613c;margin-top:26px}.sidebar-bottom .copyright{font-size:.75rem;margin-top:17px;color:#8d7c7f}.main{margin-left:var(--rail);max-width:1590px;padding:45px clamp(24px,4vw,72px) 0;outline:none}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.23em;color:var(--muted);margin-bottom:5px}h1{font-family:var(--display);font-weight:900;font-size:clamp(2.5rem,5.3vw,5rem);line-height:1.1;letter-spacing:-.045em}.gold-dot{color:var(--gold)}.text-link{color:var(--gold);font-size:.875rem}.text-link:hover{text-decoration:underline}.header-link{padding-bottom:7px}.header-link span{margin-left:14px}.player-shell{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid #8b663c;background:#090709}.hero-art{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06050733,transparent 25%,transparent 75%,#06050722)}.player-corner{position:absolute;top:20px;left:24px;font-size:.75rem;letter-spacing:.14em;color:#f0d59a;background:#0b0809b8;padding:5px 9px}.player-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.hero-logo{width:min(48%,420px);filter:drop-shadow(0 4px 18px #000)}.player-intro>p{margin-top:22px;font-size:clamp(.875rem,1.25vw,1.125rem);text-shadow:0 2px 8px #000}.hero-actions{display:flex;gap:12px;justify-content:center;margin-top:25px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:12px 20px;min-height:48px;font-weight:700;font-size:.875rem;border:1px solid transparent;border-radius:2px;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-gold{background:linear-gradient(120deg,#ffe4a0,#dfaf5e);color:#21140e;box-shadow:0 5px 24px #0005}.button-glass{border-color:#90764c;background:#100b0ec9}.button-glass:hover{background:#311720}.player-intro .consent-note{font-size:.75rem;max-width:420px;margin-top:16px;color:#c2b7b7}.player-caption{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px 24px;border:1px solid var(--line);border-top:0;background:#191215}.mini-label{display:block;color:var(--gold);font-size:.75rem;letter-spacing:.16em;font-weight:700}.player-caption p{color:#bbaeb1;font-size:.875rem;margin-top:2px}.fleur{font-size:2rem;color:var(--gold);line-height:1}.player-feedback{padding:10px 0;font-size:.875rem;color:var(--muted)}.player-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#080808;z-index:2}.community{margin-top:38px}.section-heading{display:flex;align-items:center;gap:22px;margin-bottom:19px}h2{font-family:var(--display);font-size:1.2rem;font-weight:900;letter-spacing:.03em;line-height:1.3}.fine-rule{height:1px;background:linear-gradient(90deg,#725333,transparent);flex:1}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.support-card{min-width:0;display:flex;flex-direction:column;background:linear-gradient(140deg,#25171c,#191215 75%);padding:25px 24px 22px;border:1px solid #42302e;position:relative;transition:border-color .2s,transform .2s}.support-card:hover{transform:translateY(-4px);border-color:var(--gold)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.icon{width:32px;height:32px;stroke:var(--gold);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.card-arrow{color:#a88f6b;font-size:1.2rem}.support-card h3{font-size:1.4rem;color:#f2d08f;font-weight:700;margin-bottom:8px}.support-card p{font-size:1rem;color:var(--muted);line-height:1.6;margin-bottom:24px}.card-link{font-size:.875rem;font-weight:700;margin-top:auto}.donation-card{background:linear-gradient(135deg,#361720,#1b1216 80%)}.notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.notice-card{display:flex;align-items:start;gap:17px;padding:22px;background:#151113;border:1px solid var(--line)}.notice-card .icon{width:25px;height:25px;stroke:#aa946d}.notice-card h3{font-size:1rem;margin-bottom:6px;color:#e2d4bd}.notice-card p{font-size:.875rem;color:#b8aaad;line-height:1.65}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px 0 25px;margin-top:32px;border-top:1px solid var(--line);font-size:.875rem;color:#a39597}.footer-dot{padding:0 12px;color:#b68c51}.text-button{background:none;border:0;color:#beabae;font-size:.875rem;padding:5px 0;text-decoration:underline;text-underline-offset:4px}dialog{background:#201519;color:var(--text);border:1px solid #917140;max-width:560px;width:calc(100% - 32px);padding:28px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}dialog p{margin-bottom:18px;color:#d0c2c5}.dialog-close{background:none;border:0;font-size:2rem;line-height:1;padding:8px}.bio-intro{display:grid;grid-template-columns:1fr 200px;gap:50px;align-items:center;padding:30px 0 38px}.bio-intro h2{font-size:clamp(1.8rem,3.5vw,3rem);letter-spacing:-.03em;color:var(--gold);margin-bottom:24px}.bio-intro p{max-width:680px;margin-bottom:16px;color:#dbd0d2;font-size:1.125rem}.bio-avatar{width:190px;filter:drop-shadow(0 15px 32px #0009)}.section-block{margin-top:35px}.game-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.game-picture{margin:0;border:1px solid #5b4030;background:#1e1418}.game-picture img{width:100%;aspect-ratio:16/9;object-fit:cover}.game-picture figcaption{padding:12px 15px;color:var(--gold);font-size:.875rem}.game-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:23px 0 14px}.game-list li{font-size:1rem;border:1px solid #453331;padding:8px 14px;background:#21161b;color:#efdfc4}.subtle{color:var(--muted);font-size:1rem}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #44322c;margin-top:22px}.spec-item{padding:24px;border-bottom:1px solid #352927;border-right:1px solid #352927;min-width:0}.spec-item dt{font-size:.75rem;letter-spacing:.12em;color:#af969a;text-transform:uppercase}.spec-item dd{margin:9px 0 0;font-size:1.125rem;color:var(--gold-bright);line-height:1.45}.spec-item:nth-child(3n){border-right:0}.spec-item:nth-child(n+4){border-bottom:0}.project-feature{border:1px solid #67472f;background:#181214;margin-top:35px}.project-image{aspect-ratio:16/6;position:relative;overflow:hidden;background:#100f19}.project-image img{width:100%;height:100%;object-fit:cover}.project-copy{padding:32px}.project-copy .eyebrow{color:var(--gold)}.project-copy h2{font-size:clamp(2rem,4.5vw,4rem);color:var(--gold);letter-spacing:-.04em;margin:6px 0 18px}.project-copy p{font-size:1.125rem;color:#ded1d3;max-width:770px;margin-bottom:18px}.project-copy .button{margin-top:10px}.project-tags{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.project-tags span{border:1px solid #59452f;padding:6px 12px;color:#e2c68f;font-size:.875rem}.project-link{margin-left:20px;color:#a9969c;font-size:.875rem}.project-note{padding:20px 0;font-size:.875rem;color:#b5a2a8}
h1{color:var(--gold-bright)}.section-heading h2{color:var(--gold)}.project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#181214,transparent 50%)}.project-image .pixelonia-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(42%,340px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 25px #000);z-index:1}
@media(min-width:1900px){.main{margin-right:auto;margin-left:calc(var(--rail) + (100vw - 1840px)/2)}}
@media(max-width:1100px){:root{--rail:210px}.sidebar{padding:34px 18px}.main{padding:32px 25px 0}.support-card{padding:20px 18px}.hero-actions{margin-top:18px}.player-intro>p{margin-top:15px}.hero-logo{width:48%}.player-intro .consent-note{margin-top:12px;font-size:.75rem}.header-link{display:none}.bio-intro{gap:25px;grid-template-columns:1fr 155px}.bio-avatar{width:155px}}
@media(max-width:800px){:root{--rail:0px}.sidebar{position:relative;width:auto;padding:22px 22px 0;display:block;border-right:0;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#27111b,#120c0f)}.brand{width:160px;padding:0}.brand>span{font-size:.6875rem;margin-top:8px;letter-spacing:.18em}.sidebar nav{display:flex;margin-top:21px;gap:8px}.sidebar nav a{font-size:.875rem;padding:12px 16px;flex:1;justify-content:center;gap:10px;white-space:nowrap}.sidebar nav a[aria-current]:before{top:auto;bottom:-1px;width:100%;height:2px}.nav-number,.nav-mark{display:none}.sidebar-bottom{position:absolute;right:22px;top:21px;padding:0;margin:0}.sidebar-bottom p,.side-rule{display:none}.social-links{gap:15px;font-size:.8125rem}.main{margin-left:0;padding:28px 22px 0}.page-heading{margin-bottom:24px}h1{font-size:3.2rem}.eyebrow{font-size:.75rem}.support-card h3{font-size:1.2rem}.notice-grid{grid-template-columns:1fr}.player-corner{left:15px;top:12px;font-size:.625rem}.player-caption{padding:16px 18px}.hero-logo{width:45%}.community{margin-top:30px}.section-heading h2{font-size:1rem}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-item:nth-child(3n){border-right:1px solid #352927}.spec-item:nth-child(2n){border-right:0}.spec-item:nth-child(n+4){border-bottom:1px solid #352927}.spec-item:nth-child(n+5){border-bottom:0}.project-image{aspect-ratio:16/8}.project-copy{padding:25px}.project-link{display:block;margin:20px 0 0}}
@media(max-width:560px){.main{padding:26px 16px 0}.sidebar{padding-inline:16px}.sidebar-bottom{right:16px}.brand{width:135px}.sidebar nav a{padding:12px 10px}.page-heading h1{font-size:2.8rem}.player-shell{aspect-ratio:auto;min-height:345px}.hero-art{object-fit:cover}.hero-shade{background:#09050935}.player-intro{padding:44px 18px 20px}.hero-logo{width:65%;max-width:260px}.hero-actions{flex-direction:column;width:100%;max-width:260px;gap:9px;margin-top:19px}.player-intro>p{font-size:.875rem}.player-intro .consent-note{line-height:1.5;font-size:.75rem}.button{padding:10px 15px;min-height:44px}.support-grid{grid-template-columns:1fr}.support-card{padding:22px}.card-top{margin-bottom:14px}.support-card h3{font-size:1.4rem}.support-card p{margin-bottom:18px}.notice-card{padding:19px;gap:14px}.footer{align-items:flex-start;gap:18px;font-size:.75rem;flex-wrap:wrap}.fine-rule{min-width:20px}.bio-intro{grid-template-columns:1fr;padding:16px 0 0;gap:16px}.bio-avatar{grid-row:1;width:110px}.bio-intro p{font-size:1rem}.bio-intro h2{font-size:2rem}.game-strip{grid-template-columns:1fr}.game-picture img{aspect-ratio:16/7}.spec-item{padding:20px 15px}.spec-item dd{font-size:1rem}.project-image{aspect-ratio:16/10}.project-copy{padding:23px 20px}.project-copy p{font-size:1rem}}
.game-descriptions{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;padding:0;margin:4px 0 22px}.game-descriptions li{padding:20px 0;border-bottom:1px solid var(--line);min-width:0}.game-descriptions h3{font-size:1.125rem;color:var(--gold);line-height:1.4;margin-bottom:7px}.game-descriptions p{font-size:1rem;line-height:1.65;color:var(--text);max-width:48ch}
@media(max-width:560px){.game-descriptions{grid-template-columns:1fr}.game-descriptions li{padding:18px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}