:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--brand-blue: #2c98e0;--brand-blue-deep: #0b68a6;--brand-red: #d1312f;--brand-gold: #f0b23f;--brand-cream: #f6f5ef;--brand-black: #0b0b0b;--color-bg: var(--brand-blue);--color-surface: var(--brand-blue-deep);--color-text: var(--brand-cream);--color-accent: var(--brand-red);--color-muted: #bcd2e5;--color-border: rgba(255, 255, 255, .15);--color-gallery: #0a3552;--button-bg-top: #ffd77a;--button-bg-bottom: #f0b23f;--button-text: #1a1404;--button-border: #b07a1c;--button-shadow: rgba(0, 0, 0, .35);color-scheme:dark;--dark-text-color: #0a0a0a;--desktop-side-margin: 2rem;--mobile-side-margin: 1rem}html,body,#root{width:100vw;height:100vh}body{margin:0;background-color:var(--color-bg);color:var(--color-text)}a{color:var(--color-accent);text-decoration:none;cursor:pointer}a:hover{color:#e0e0e0}button{cursor:pointer}.app-layout button{color:var(--button-text);background:linear-gradient(180deg,var(--button-bg-top),var(--button-bg-bottom));border:1px solid var(--button-border);border-radius:8px;padding:.6em 1.2em;font-weight:600;box-shadow:inset 0 1px #ffffff80,0 2px 6px var(--button-shadow);transition:transform .05s ease,box-shadow .2s ease,filter .2s ease,background .2s ease,border-color .2s ease;cursor:pointer}.app-layout button:hover{filter:brightness(1.05);cursor:pointer}.app-layout button:active{transform:translateY(1px);box-shadow:inset 0 1px #fff6,0 1px 3px var(--button-shadow);cursor:pointer}.app-layout button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent),inset 0 1px #ffffff80,0 2px 6px var(--button-shadow);cursor:pointer}.app-layout button *,.app-nav a *{cursor:pointer}.app-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.app-header{background-color:var(--color-surface);border-bottom:2px solid var(--brand-gold);box-shadow:0 1px #ffffff0a inset}.app-nav{display:flex;gap:1rem;padding:1rem var(--desktop-side-margin)}@media (max-width: 1024px){.app-nav{padding:1rem var(--mobile-side-margin)}}.app-nav a{color:inherit;font-weight:600;cursor:pointer}.app-nav a.active{color:var(--button-bg-top)}.app-main{display:flex;padding:0 var(--desktop-side-margin) 2rem var(--desktop-side-margin);flex:1}@media (max-width: 1024px){.app-main{padding:0 var(--mobile-side-margin) 2rem var(--mobile-side-margin)}}.card{border-radius:5.415%/3.878%;box-shadow:0 0 10px #00000080}.home{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:1rem;align-items:center}.home-title{font-size:3rem}@media (max-width: 1024px){.home-title{font-size:1.5rem}}.home-content{max-width:600px}.collection-container{display:flex;width:100%;gap:1rem}.list-and-gallery{display:flex;flex:1;flex-direction:column;gap:1rem;position:relative}.list-and-gallery.full-page{height:calc(100vh - 100px)}.collection-list{display:flex;flex-direction:column;gap:1rem;padding-top:10px}.collection-button{cursor:pointer}.collection-button.active{color:#0b68a6}.collection-list{display:flex;flex-direction:column;gap:1rem;width:200px}.collection-button:first-letter{text-transform:uppercase}.card-gallery{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card-gallery.full-page{justify-content:center;align-content:center;justify-items:center;align-items:center;grid-template-columns:repeat(3,var(--card-w));grid-auto-rows:var(--card-h);gap:var(--card-gap, 2px)}.card-gallery .card{border-radius:5.415%/3.878%;width:100%;height:auto;aspect-ratio:63 / 88;object-fit:cover;display:block;cursor:pointer}.card-gallery.full-page .card{width:var(--card-w);height:var(--card-h);object-fit:contain}.collection-list-toggle{display:none}.collection-rules{position:absolute;right:1rem;top:10px;width:fit-content;height:fit-content;color:var(--button-text);background:linear-gradient(180deg,var(--button-bg-top),var(--button-bg-bottom));border:1px solid var(--button-border);border-radius:5px;padding:5px 10px;cursor:pointer;z-index:2;box-shadow:0 0 10px #00000080}@media (max-width: 1024px){.collection-rules{right:1rem}}.collection-rules h4{width:fit-content;margin:0 auto}.collection-rules h4:first-letter{text-transform:uppercase}.collection-rules ul{margin:0;padding:1rem}.collection-rules .collection-rule{margin:0}@media (max-width: 1024px){.collection-list{position:fixed;top:0;left:0;height:100vh;width:260px;padding:1rem;background:var(--color-surface, #111);border-right:1px solid var(--color-border, #2a2a2a);transform:translate(-100%);transition:transform .2s ease-out;z-index:20}.collection-list.open{transform:translate(0)}.collection-overlay{position:fixed;inset:0;background:#00000080;cursor:pointer;z-index:10}.collection-list-toggle{position:fixed;top:5px;right:5px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;cursor:pointer}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center}.close-button{position:absolute;top:1rem;right:1rem}.card.empty-card{border:2px dotted var(--color-text);box-shadow:none;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:600;color:var(--color-text);aspect-ratio:63 / 88}.collection-header{position:relative;display:flex;justify-content:space-between;gap:1rem;padding-top:.5rem;font-size:1.2rem}.collection-header h5{display:none}@media (max-width: 1024px){.collection-header{font-size:16px;flex-direction:column;align-items:flex-start}.collection-header h5{display:block;margin:0 auto;font-size:20px}}.toggle-pagination-container{display:flex;flex:1;align-items:center;justify-content:space-between;gap:1rem}.arrow-buttons{display:flex;align-items:center;gap:1rem}.arrow-buttons span{font-weight:600;white-space:nowrap;flex-shrink:0}.arrow-button.disabled{opacity:.5;cursor:not-allowed}.arrow-button{position:relative;width:36px;height:36px;border:none;background:transparent;cursor:pointer;outline:none}.arrow-button:before{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:translate(-50%,-50%) rotate(-45deg)}.arrow-right:before{transform:translate(-70%,-50%) rotate(-45deg)}.arrow-left:before{transform:translate(-30%,-50%) rotate(135deg)}.arrow-button:focus-visible,.arrow-button:hover{color:#1f2937}.arrow-button{color:#374151}.space-filler-rightside{width:200px}@media (max-width: 1024px){.space-filler-rightside{width:100px}}.toggle{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text)}@media (max-width: 1024px){.toggle{display:none}}.toggle.disabled{opacity:.6;cursor:not-allowed}.toggle-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.toggle-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-text{font-weight:600;color:var(--color-text)}.toggle-track{position:relative;display:inline-block;width:52px;height:28px;border-radius:999px;background:linear-gradient(180deg,#dbe7f3,var(--color-muted));border:1px solid var(--color-border);box-shadow:inset 0 1px #ffffff80,0 2px 6px var(--button-shadow, rgba(0, 0, 0, .35));transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.toggle-thumb{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,var(--button-bg-top),var(--button-bg-bottom));border:1px solid var(--button-border);box-shadow:inset 0 1px #ffffff80,0 2px 4px #00000059;transition:left .2s ease,box-shadow .2s ease,transform .2s ease}.toggle-input:checked+.toggle-label .toggle-track{background:linear-gradient(180deg,var(--button-bg-top),var(--button-bg-bottom));border-color:var(--button-border)}.toggle-input:checked+.toggle-label .toggle-thumb{left:calc(100% - 26px)}.toggle-input:focus-visible+.toggle-label .toggle-track{outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent),inset 0 1px #ffffff80,0 2px 6px var(--button-shadow, rgba(0, 0, 0, .35))}.toggle.sm .toggle-track{width:40px;height:22px}.toggle.sm .toggle-thumb{width:18px;height:18px;left:2px}.toggle.sm .toggle-input:checked+.toggle-label .toggle-thumb{left:calc(100% - 20px)}