:root{--ink:#120907;--ink-2:#1d0f0b;--paper:#f5e9d2;--paper-dim:#d8c294;--gold:#e6b438;--gold-deep:#b6841c;--rouge:#a31f1f;--rouge-deep:#6e1212;--brick:#3a1a13;--shadow:rgba(0,0,0,.45)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--ink);color:var(--paper);font-family:Special Elite,Courier New,ui-monospace,monospace;min-height:100vh}body{background:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 6px),radial-gradient(ellipse at top,rgba(230,180,56,.1),transparent 60%),radial-gradient(ellipse at bottom,rgba(110,18,18,.3),transparent 70%),linear-gradient(180deg,#1a0d09 0,var(--ink) 45%,#0c0604 100%);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:inherit}.western{font-family:Rye,IM Fell English SC,Playfair Display,Georgia,serif;letter-spacing:.04em}.script{font-family:Yellowtail,Allura,Pacifico,cursive}.smallcaps{font-family:IM Fell English SC,Playfair Display,Georgia,serif;text-transform:uppercase;letter-spacing:.3em;font-size:.78rem}.shell{max-width:1100px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:2px solid var(--gold-deep);background:linear-gradient(180deg,rgba(0,0,0,.25),transparent);position:relative}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold-deep);opacity:.4}.brand{display:flex;align-items:center;gap:.85rem}.brand-logo{height:56px;width:auto;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.brand-tag{letter-spacing:.3em;font-size:.65rem;color:var(--gold);opacity:.85;border-left:1px solid var(--gold-deep);padding-left:.85rem}.brand-tag,.nav-links{font-family:IM Fell English SC,serif;text-transform:uppercase}.nav-links{display:flex;gap:1.25rem;font-size:.78rem;letter-spacing:.22em}.nav-links a{border-bottom:1px solid transparent;padding-bottom:2px;transition:color .12s,border-color .12s}.nav-links a:hover{color:var(--gold);border-color:var(--gold)}.hero{text-align:center;padding:3rem 1rem 2rem;position:relative}.hero .placard{display:inline-block;border:2px double var(--gold-deep);padding:1.5rem 2rem;background:repeating-linear-gradient(0deg,hsla(39,64%,89%,.02) 0 2px,transparent 2px 4px),hsla(39,64%,89%,.03);position:relative}.hero .placard:after,.hero .placard:before{content:"★";position:absolute;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1rem}.hero .placard:before{left:-1.3rem}.hero .placard:after{right:-1.3rem}.hero .wanted{color:var(--rouge);letter-spacing:.4em;font-size:.85rem;text-shadow:0 1px 0 rgba(0,0,0,.4)}.hero .wanted,.hero h1{font-family:Rye,IM Fell English SC,serif}.hero h1{font-size:clamp(2.2rem,6vw,3.6rem);margin:.4rem 0 .2rem;letter-spacing:.05em;color:var(--paper);text-shadow:0 2px 0 rgba(0,0,0,.5),0 0 18px rgba(230,180,56,.15)}.hero .reward{font-family:Yellowtail,cursive;color:var(--gold);font-size:1.4rem;margin-top:.25rem}.hero .tagline{color:var(--paper-dim);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;margin-top:.6rem;font-family:IM Fell English SC,serif}.divider{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1.75rem auto;color:var(--gold);opacity:.8}.divider:after,.divider:before{content:"";flex:1 1;max-width:140px;height:1px;background:var(--gold-deep);opacity:.6}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-top:1.5rem}.mode-card{background:repeating-linear-gradient(0deg,hsla(39,64%,89%,.015) 0 2px,transparent 2px 4px),hsla(39,64%,89%,.04);border:1px solid var(--gold-deep);border-radius:2px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:transform .16s,border-color .16s,background .16s;text-align:left;color:inherit;position:relative}.mode-card:after{content:"";position:absolute;inset:4px;border:1px solid rgba(230,180,56,.25);border-radius:1px;pointer-events:none}.mode-card:hover{transform:translateY(-2px);border-color:var(--gold);background:hsla(39,64%,89%,.07)}.mode-card h3{font-family:Rye,IM Fell English SC,serif;font-size:1.4rem;margin:0;color:var(--gold);letter-spacing:.04em}.mode-card p{margin:0;color:var(--paper-dim);font-size:.92rem;line-height:1.5;font-family:Special Elite,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;background:var(--gold);color:var(--ink);border:1.5px solid var(--gold-deep);border-radius:2px;font-family:IM Fell English SC,serif;font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;cursor:pointer;transition:background .12s,transform .12s;box-shadow:0 1px 0 rgba(0,0,0,.4)}.btn:hover:not(:disabled){background:#ffd065}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--paper);border:1px solid var(--gold-deep)}.btn-ghost:hover:not(:disabled){border-color:var(--gold);color:var(--gold);background:rgba(230,180,56,.05)}.btn-danger{background:var(--rouge);color:var(--paper);border-color:var(--rouge-deep)}.btn-danger:hover:not(:disabled){background:#c92626}.input,.select{width:100%;padding:.7rem .85rem;background:hsla(39,64%,89%,.06);border:1px solid var(--gold-deep);border-radius:2px;color:var(--paper);font-family:Special Elite,monospace;font-size:1rem}.input:focus,.select:focus{outline:none;border-color:var(--gold);background:hsla(39,64%,89%,.1)}.label{display:block;font-family:IM Fell English SC,serif;font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem}.section-title{font-family:Rye,IM Fell English SC,serif;font-size:2rem;margin:0 0 .25rem;color:var(--paper);letter-spacing:.04em;text-shadow:0 1px 0 rgba(0,0,0,.4)}.section-subtitle{font-family:IM Fell English SC,serif;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:1rem;gap:1rem}.gallery-card{position:relative;aspect-ratio:3/4;border-radius:2px;overflow:hidden;cursor:pointer;background:var(--brick);border:1.5px solid var(--gold-deep);transition:transform .16s,border-color .16s;padding:0}.gallery-card.static{cursor:default}.gallery-card:hover{transform:translateY(-3px);border-color:var(--gold)}.gallery-card.static:hover{transform:none;border-color:var(--gold-deep)}.gallery-card.static .nameplate{opacity:1;transform:translateY(0)}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s,transform .2s}.gallery-card.revealed img{filter:brightness(.4) sepia(.2)}.gallery-card .nameplate{position:absolute;inset:auto 0 0 0;padding:.7rem .8rem;background:linear-gradient(transparent,rgba(18,9,7,.97));font-family:Rye,IM Fell English SC,serif;font-size:1.1rem;color:var(--gold);letter-spacing:.04em;opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s}.gallery-card.revealed .nameplate{opacity:1;transform:translateY(0)}.gallery-card .hint{position:absolute;top:.5rem;right:.5rem;font-family:IM Fell English SC,serif;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;background:rgba(0,0,0,.6);color:var(--gold);padding:.2rem .5rem;border-radius:2px;border:1px solid var(--gold-deep)}.flashcard{max-width:480px;margin:0 auto;background:repeating-linear-gradient(0deg,hsla(39,64%,89%,.015) 0 2px,transparent 2px 4px),hsla(39,64%,89%,.04);border:2px double var(--gold-deep);border-radius:2px;padding:1.25rem;position:relative}.flashcard-photo{width:min(100%,calc((100vh - 30rem) * .75));width:min(100%,calc((100svh - 30rem) * .75));aspect-ratio:3/4;background:var(--brick);border-radius:2px;overflow:hidden;margin:0 auto .75rem;border:1px solid var(--gold-deep)}.flashcard-photo img{width:100%;height:100%;object-fit:cover;display:block}.flashcard-name{font-family:Rye,IM Fell English SC,serif;font-size:clamp(1.4rem,4vh,2rem);text-align:center;margin:.25rem 0 .85rem;color:var(--gold);letter-spacing:.04em;text-shadow:0 2px 0 rgba(0,0,0,.5)}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.6rem;gap:.6rem;max-width:min(100%,calc((100vh - 26rem) * .75));max-width:min(100%,calc((100svh - 26rem) * .75));margin-inline:auto}.choice{aspect-ratio:3/4;border-radius:2px;overflow:hidden;cursor:pointer;border:2px solid var(--gold-deep);background:var(--brick);padding:0;position:relative;transition:border-color .12s,transform .12s}.choice:hover:not(:disabled){border-color:var(--gold)}.choice.correct{border-color:#6db15a;box-shadow:0 0 0 2px rgba(109,177,90,.4)}.choice.wrong{border-color:var(--rouge);box-shadow:0 0 0 2px rgba(163,31,31,.5)}.choice img{width:100%;height:100%;object-fit:cover;display:block}.feedback{margin:.6rem 0 0;padding:.5rem .85rem;border-radius:2px;text-align:center;letter-spacing:.04em;font-family:IM Fell English SC,serif;font-size:.85rem}.feedback.correct{background:rgba(109,177,90,.15);color:#c3deb3;border:1px solid rgba(109,177,90,.5)}.feedback.wrong{background:rgba(163,31,31,.18);color:#f0c0c0;border:1px solid var(--rouge)}.mode-toggle{display:inline-flex;border:1.5px solid var(--gold-deep);border-radius:2px;overflow:hidden;margin-bottom:1rem}.mode-toggle button{padding:.55rem 1.1rem;background:transparent;border:none;color:var(--paper-dim);font-family:IM Fell English SC,serif;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;cursor:pointer}.mode-toggle button.active{background:var(--gold);color:var(--ink)}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;margin-top:1rem}.home-toolbar{margin-top:2rem}@media (max-width:600px){.home-toolbar{position:fixed;left:0;right:0;bottom:0;margin:0;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom, 0px));background:linear-gradient(180deg,rgba(18,9,7,.82),rgba(18,9,7,.98));border-top:1px solid var(--gold-deep);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:50}.home-page{padding-bottom:6rem}}.empty-state{text-align:center;padding:3rem 1rem;color:var(--paper-dim);font-family:IM Fell English SC,serif}.empty-state .ornament{font-size:2rem;color:var(--gold);margin-bottom:.5rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.5rem}.admin-card{border:1px solid var(--gold-deep);border-radius:2px;padding:.75rem;background:hsla(39,64%,89%,.04)}.admin-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:2px;margin-bottom:.5rem;border:1px solid rgba(230,180,56,.3)}.admin-card .row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.admin-card .name{font-family:Rye,IM Fell English SC,serif;font-size:1rem;color:var(--gold)}.stack{display:flex;flex-direction:column;gap:1rem}.field-row{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.field-row>*{flex:1 1 200px}.error{color:#f5c5c5;background:rgba(163,31,31,.15);border:1px solid var(--rouge);padding:.6rem .85rem;border-radius:2px;font-size:.9rem}.error,.muted{font-family:Special Elite,monospace}.muted{color:var(--paper-dim);opacity:.85}.center{text-align:center}.spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(39,64%,89%,.3);border-top:2px solid var(--gold);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.poster{max-width:440px;margin:2rem auto;border:6px double var(--gold-deep);padding:1.75rem 1.5rem;background:repeating-linear-gradient(45deg,hsla(39,64%,89%,.02) 0 2px,transparent 2px 6px),hsla(39,64%,89%,.04);text-align:center;position:relative}.poster:after,.poster:before{content:"";position:absolute;left:1rem;right:1rem;height:1px;background:var(--gold-deep);opacity:.5}.poster:before{top:.6rem}.poster:after{bottom:.6rem}.poster h2{font-family:Rye,IM Fell English SC,serif;font-size:2rem;letter-spacing:.12em;color:var(--rouge);margin:0 0 .5rem;text-shadow:0 1px 0 rgba(0,0,0,.4)}.poster .reward-line{font-family:Yellowtail,cursive;color:var(--gold);font-size:1.3rem;margin-bottom:1.25rem}.footer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.25rem 1.5rem 1.75rem;border-top:1px solid rgba(182,132,28,.35);margin-top:2rem;color:var(--paper-dim)}.footer-building{height:56px;width:auto;display:block;opacity:.75;filter:grayscale(.2) drop-shadow(0 1px 2px rgba(0,0,0,.5))}.footer-text{display:flex;flex-direction:column;line-height:1.3}.footer-name{font-family:IM Fell English SC,serif;font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}.footer-sub{font-family:Special Elite,monospace;font-size:.72rem;color:var(--paper-dim);opacity:.8}@media (max-width:600px){.topbar{flex-direction:column;gap:.6rem;padding:.75rem 1rem;text-align:center}.brand-logo{height:44px}.brand-tag{border-left:0;padding-left:0}.shell{padding:1rem 1rem 2rem}.section-title{font-size:1.5rem}.flashcard{padding:1rem}.poster{padding:1.25rem 1.1rem}.footer{padding:1rem 1rem 1.25rem;gap:.75rem;flex-wrap:wrap}.footer-building{height:44px}.hero .placard:after,.hero .placard:before{display:none}}@media (max-height:720px){.section-title{font-size:1.5rem}.section-subtitle{margin-bottom:.85rem}.mode-toggle{margin-bottom:.65rem}.flashcard{padding:1rem}.flashcard-name{margin:.15rem 0 .6rem}}