:root{--card-gap:50px;--half-card:min(215px,42vw,max(125px,calc(27.14285svh - 109.929px)));color-scheme:dark;--ink:#f8f2e9;--gold:#e3a74d;--line:rgba(231,187,119,.35)}
*{box-sizing:border-box}
html{min-height:100%;background:#0b0b0a}
body{margin:0;min-height:100vh;color:var(--ink);font-family:Tahoma,Arial,sans-serif;background:radial-gradient(ellipse at 18% 57%,rgba(124,72,28,.22),transparent 40%),radial-gradient(ellipse at 83% 5%,rgba(112,67,28,.24),transparent 36%),#0b0b0a}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
.site-header{max-width:1500px;margin:auto;display:flex;direction:ltr;align-items:center;justify-content:space-between;padding:24px 4.5% 0}
.brand{display:block;width:82px;flex:none}.brand img{display:block;width:100%;height:auto;aspect-ratio:100/88;object-fit:contain}
.header-links{display:flex;direction:ltr;gap:22px;align-items:center;font-size:14px}.header-links a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px}.header-links a:hover{color:#efc27b}.header-divider{height:23px;width:1px;background:#ddd}.home-link svg{width:23px;height:23px}
.chooser{overflow:hidden;text-align:center;padding:0 0 44px}
h1{margin:-5px 16px 22px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.5vw,61px);font-weight:400;line-height:1.25}
.category-tabs{display:flex;direction:inherit;width:min(580px,calc(100% - 32px));margin:0 auto 18px;border:1px solid rgba(236,213,183,.3);border-radius:14px;padding:2px;background:rgba(14,13,12,.66)}
.category-tab{flex:1;display:flex;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:46px;border:1px solid transparent;border-radius:11px;background:transparent;cursor:pointer;font-size:17px;white-space:nowrap}.category-tab svg{width:23px;height:23px;flex:none}.category-tab[aria-current="page"]{border-color:#e9b65b;background:linear-gradient(120deg,rgba(128,75,24,.72),rgba(48,32,20,.72));box-shadow:inset 0 0 15px rgba(239,167,66,.38),0 0 16px rgba(218,145,44,.2)}
.carousel-stage{position:relative;width:100%;direction:ltr;touch-action:pan-y}.cards{position:relative;width:calc(var(--half-card) + var(--half-card));aspect-ratio:760/1400;margin:0 auto}.card{position:absolute;inset:0;border:1px solid rgba(223,169,77,.58);border-radius:20px;background:#16120f;overflow:hidden;box-shadow:0 10px 38px rgba(0,0,0,.45);transition:transform .28s ease,opacity .28s ease;isolation:isolate}.card.active{z-index:2;border:2px solid #f0b953;box-shadow:0 0 0 2px #7e471c,0 0 28px rgba(223,151,54,.4);padding:8px}.card.side{opacity:.57;transform:translateX(var(--offset)) scale(.95);cursor:pointer;z-index:1}.card.side:hover{opacity:.8}.frame-box{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px;background:#1d1713;pointer-events:none}.frame-box iframe{position:absolute;top:0;left:0;border:0;pointer-events:none}.arrow{position:absolute;top:45%;z-index:4;width:58px;height:58px;border-radius:50%;border:1px solid #e0af59;background:rgba(12,11,10,.88);box-shadow:0 0 16px rgba(231,159,61,.16);display:grid;place-items:center;cursor:pointer}.arrow:hover{background:#55351a}.arrow svg{width:24px;height:24px}.arrow-left{left:calc(50% - var(--half-card) - 92px)}.arrow-right{right:calc(50% - var(--half-card) - 92px)}
.selection{padding-top:13px}.counter{font-size:13px;color:#e6b468;letter-spacing:.03em;direction:ltr}.selection h2{margin:4px 0 12px;font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:400}.preview-link{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-width:275px;min-height:50px;padding:8px 28px;border:1px solid #edb65c;border-radius:30px;background:linear-gradient(110deg,#302014,#16120e 55%,#59381c);box-shadow:inset 0 0 13px rgba(241,172,72,.35),0 0 18px rgba(238,155,52,.24);font-size:17px}.preview-link:hover{filter:brightness(1.18)}.preview-link svg{width:24px;height:24px}.load-error{color:#f4c791;margin:2em auto;max-width:34em}button:focus-visible,a:focus-visible{outline:2px solid #ffe3ac;outline-offset:4px}
@media(max-width:650px){:root{--card-gap:12px}.site-header{padding:17px 18px 0}.brand{width:64px}.header-links{gap:14px;font-size:13px}.home-link svg{width:21px;height:21px}h1{margin:4px 12px 16px;font-size:35px}.category-tabs{margin-bottom:18px}.category-tab{min-height:44px;font-size:14px;gap:6px}.category-tab svg{width:19px;height:19px}.cards{width:84vw;aspect-ratio:760/1400}.card{border-radius:16px}.card.active{padding:6px}.arrow{display:grid;width:44px;height:44px;top:45%;box-shadow:none}.arrow svg{width:18px;height:18px}.arrow-left{left:max(2px,calc(50% - 42vw - 20px))}.arrow-right{right:max(2px,calc(50% - 42vw - 20px))}.selection{padding-top:13px}.selection h2{font-size:24px;margin-bottom:10px}.preview-link{min-width:min(255px,75vw);min-height:47px}.chooser{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}