:root{--ink:#08060b;--room:#0d0810;--room-deep:#050307;--purple:#6f2ea7;--green:#9bff5a;--cream:#f3e5c3;--paper:#efe0b7;--paper-dark:#d8c28e;--wood:#6a4025;--wood-dark:#2b160d;--wood-mid:#4b2918;--red:#be2639;--text:#f6f1f8;--muted:#b9adb9;--shadow:0 24px 70px rgba(0,0,0,.58);--hand:'Caveat',cursive;--marker:'Permanent Marker',cursive;--player-height:100px}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body,html{margin:0;padding:0}body{min-height:100vh;font-family:Barlow,system-ui,sans-serif;color:var(--text);background:radial-gradient(900px 480px at 50% -80px,rgba(117,41,166,.3),transparent 68%),linear-gradient(180deg,var(--room),var(--room-deep) 72%);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.03) 3px 4px),radial-gradient(circle at 20% 20%,rgba(255,255,255,.08) 0 1px,transparent 1.5px);background-size:auto,18px 18px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%}h1,h2,h3,h4,p{margin-top:0}header{position:sticky;top:0;z-index:999;background:rgba(9,5,11,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(155,255,90,.24);box-shadow:0 10px 30px rgba(0,0,0,.4)}.nav-inner{max-width:1180px;margin:auto;min-height:74px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo-link{display:flex;align-items:center;gap:11px}.logo-circle{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid var(--green);box-shadow:0 0 0 5px rgba(155,255,90,.08),0 8px 18px rgba(0,0,0,.45)}.logo-circle img{width:100%;height:100%;object-fit:cover;display:block}.nav-brand{display:flex;flex-direction:column;line-height:.86;text-transform:uppercase}.nav-brand strong{font-family:'Bebas Neue',sans-serif;font-size:1.7rem;letter-spacing:.05em}.nav-brand span{font-family:'DM Mono',monospace;color:var(--green);font-size:.67rem;letter-spacing:.24em}nav{display:flex;align-items:center;gap:7px}.nav-link{padding:9px 13px;border:1px solid transparent;border-radius:6px;color:#d9cedb;font-weight:700;transition:.18s ease}.nav-link:hover{color:var(--green);border-color:rgba(155,255,90,.25)}.nav-link.active{background:var(--green);color:var(--ink)}.cart-pill{display:flex;align-items:center;gap:7px}.cart-pill span{min-width:23px;height:23px;padding:0 6px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--green)}.page{max-width:1180px;margin:auto;padding:24px 18px 54px}.section-kicker{display:block;margin-bottom:2px;font-family:'DM Mono',monospace;font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}.empty-state{padding:24px;border:1px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.035);color:var(--muted)}.btn-home,.kd-btn{min-height:52px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:3px;cursor:pointer;font-weight:900;text-transform:uppercase;letter-spacing:.04em;transition:.18s ease}.btn-home-primary,.kd-btn-primary{background:var(--green);color:var(--ink);box-shadow:5px 5px 0 #2a5119}.btn-home-outline,.kd-btn-outline{background:0 0;color:var(--cream);border:1px solid rgba(255,255,255,.34)}.btn-home:hover,.kd-btn:hover{transform:translate(-1px,-2px);filter:brightness(1.06)}footer{max-width:1180px;margin:auto;padding:22px 18px 36px;display:flex;justify-content:space-between;gap:14px;color:#958995;font-size:.84rem;border-top:1px solid rgba(255,255,255,.08)}footer strong{color:var(--green)}.floating-message{position:fixed;left:75px;top:14px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;z-index:99999;background:var(--green);color:var(--ink);box-shadow:0 15px 35px rgba(0,0,0,.55)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:3px}@media(max-width:650px){.page{padding:14px 10px 40px}.nav-inner{padding:8px 10px;gap:8px}.nav-brand{display:none}.logo-circle{width:42px;height:42px}nav{gap:3px}.nav-link{padding:8px;font-size:.76rem}footer{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important;scroll-behavior:auto!important}}