:root{--bg-dark: #090704;--bg-main: #110b06;--bg-warm: #1a120b;--bg-card: rgba(26, 18, 11, .6);--bg-card-hover: rgba(30, 21, 14, .78);--bg-elevated: #1e150e;--border: rgba(201, 148, 60, .2);--border-hover: rgba(201, 148, 60, .36);--border-strong: rgba(201, 148, 60, .38);--gold: #c9943c;--gold-bright: #e8be6a;--gold-dim: rgba(201, 148, 60, .55);--brass: #b07030;--amber: #c4913a;--copper: #98582a;--cream: #f5e6c8;--cream-soft: rgba(245, 230, 200, .9);--cream-muted: rgba(245, 230, 200, .64);--cream-dim: rgba(245, 230, 200, .4);--text: var(--cream);--muted: var(--cream-muted);--muted2: var(--cream-dim);--card: var(--bg-card);--card2: var(--bg-card-hover);--stroke: var(--border);--shadow: 0 20px 60px rgba(0, 0, 0, .55);--shadow-sm: 0 4px 20px rgba(0, 0, 0, .35);--shadow-glow: 0 0 48px rgba(201, 148, 60, .08);--radius: 14px;--radius2: 18px;--max: 1080px;--ease: cubic-bezier(.22, .9, .36, 1);--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gold-glow: rgba(201, 148, 60, .14);--modal-vh-offset: 32px;--invaders-z: 1000;--invaders-overlay-bg: rgba(10, 7, 4, .94);--invaders-border: rgba(201, 148, 60, .16);--invaders-muted: rgba(245, 230, 200, .5)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%}body{margin:0;overflow-x:hidden;font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--cream);background:radial-gradient(ellipse at 20% 0%,rgba(201,148,60,.06),transparent 45%),radial-gradient(ellipse at 80% 100%,rgba(176,112,48,.04),transparent 45%),linear-gradient(180deg,var(--bg-main) 0%,var(--bg-dark) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;right:0;height:400px;background:radial-gradient(ellipse at 50% -20%,rgba(201,148,60,.07),transparent 70%);pointer-events:none;z-index:0}a{color:var(--gold);text-decoration:none;transition:color .2s var(--ease)}a:hover{color:var(--gold-bright)}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:9999;width:auto;height:auto;padding:12px 16px;margin:0;overflow:visible;clip:auto;white-space:normal;background:var(--bg-warm);color:var(--cream);border:2px solid var(--border-strong);border-radius:8px;font-size:14px}.bg-noise{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.03;background-repeat:repeat;background-size:200px 200px}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);background:#110b06e0;border-bottom:1px solid var(--border);box-shadow:0 1px #c9943c0f,0 4px 24px #00000059}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.brand{display:flex;align-items:center;gap:14px;min-width:0}.logo-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#c9943c12;border:1px solid var(--border-hover);box-shadow:0 2px 8px #0003;flex-shrink:0}.logo-wrap img{width:80px;height:auto;opacity:.92}.brand-text h1{margin:0;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.5px;color:var(--gold-bright)}.tagline{margin:2px 0 0;font-size:13px;color:var(--cream-muted);font-style:italic}.nav{display:flex;align-items:center;gap:6px}.nav a{padding:8px 16px;border-radius:8px;border:1px solid transparent;color:var(--cream-muted);font-size:14px;font-weight:600;transition:all .2s var(--ease);letter-spacing:.2px}.nav a:hover{background:#c9943c14;border-color:var(--border);color:var(--gold-bright)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:10px;border:1px solid var(--border-hover);background:linear-gradient(180deg,#c9943c26,#c9943c0f);color:var(--cream);font-family:var(--font-body);font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;box-shadow:0 2px 8px #00000040;transition:transform .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.btn:hover{transform:translateY(-2px);background:linear-gradient(180deg,#c9943c3d,#c9943c1f);border-color:var(--border-strong);box-shadow:0 8px 28px #0006,var(--shadow-glow);color:var(--cream)}.btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000004d}.btn:focus-visible{outline:2px solid var(--gold-dim);outline-offset:2px}.btn-ghost{background:transparent;border-color:var(--border);color:var(--cream-muted)}.btn-ghost:hover{background:#c9943c0f;color:var(--cream);border-color:var(--border-hover)}.hero{padding:56px 0 40px;position:relative}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}.hero-copy{padding:36px;background:#1a120b99;backdrop-filter:blur(8px) saturate(1.3);-webkit-backdrop-filter:blur(8px) saturate(1.3);border:1px solid var(--border);border-radius:var(--radius2);box-shadow:var(--shadow);position:relative}.hero-copy:before{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:var(--radius2) var(--radius2) 0 0;opacity:.5}.hero-copy h2{margin:0 0 16px;font-family:var(--font-display);font-size:40px;font-weight:900;letter-spacing:-.4px;line-height:1.12;color:var(--gold-bright);text-shadow:0 4px 24px rgba(0,0,0,.5)}.hero-copy>p{margin:0 0 24px;line-height:1.7;color:var(--cream-muted);font-size:16.5px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.micro{display:flex;gap:10px;flex-wrap:wrap}.pill{padding:7px 14px;border-radius:999px;font-size:12px;color:var(--cream-muted);border:1px solid var(--border);background:#c9943c0a;letter-spacing:.3px;transition:border-color .2s var(--ease),color .2s var(--ease)}.pill:hover{border-color:var(--border-hover);color:var(--cream-soft)}.hero-card{position:relative;overflow:hidden;min-height:240px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--radius2);border:1px solid var(--border-hover);background:linear-gradient(170deg,#c9943c1f,#1a120bd1);backdrop-filter:blur(8px) saturate(1.3);-webkit-backdrop-filter:blur(8px) saturate(1.3);box-shadow:var(--shadow),inset 0 1px #c9943c1a;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease);animation:heroCardIn .6s var(--ease) .2s both}@keyframes heroCardIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-card:hover{transform:translateY(-3px);box-shadow:0 24px 64px #0009,var(--shadow-glow)}.hero-card:before{content:"";position:absolute;inset:-60px;background:radial-gradient(circle at 25% 25%,rgba(201,148,60,.12),transparent 40%),radial-gradient(circle at 75% 70%,rgba(176,112,48,.1),transparent 40%);pointer-events:none;opacity:.8}.hero-card>*{position:relative;z-index:1}.hero-card-top{display:flex;align-items:center;justify-content:space-between}.sigil{font-size:32px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}.stamp{padding:5px 12px;border-radius:999px;font-size:10px;letter-spacing:1.4px;font-weight:700;color:var(--gold-bright);border:1px solid var(--border-hover);background:#0000004d;text-transform:uppercase;backdrop-filter:blur(4px)}.hero-card-body{flex:1;display:flex;flex-direction:column;justify-content:center}.quote{margin:14px 0 10px;font-family:var(--font-display);font-size:23px;font-weight:700;font-style:italic;line-height:1.3;color:var(--cream);text-shadow:0 2px 12px rgba(0,0,0,.3)}.subquote{font-size:13px;color:var(--cream-muted);line-height:1.55}.hero-card-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.tiny{font-size:12px;color:var(--cream-dim);letter-spacing:.3px}#heroFeature:focus{outline:2px solid var(--gold-dim);outline-offset:4px}.section{padding:48px 0 56px;position:relative}.section-alt{background:#c9943c06;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-title{text-align:center;margin-bottom:12px}.section-title h3{margin:0 0 8px;font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--gold-bright);text-shadow:0 4px 24px rgba(0,0,0,.4)}.section-title p{margin:0 0 8px;color:var(--cream-muted);font-style:italic;font-size:15px}.section-title:after{content:"";display:block;width:48px;height:2px;margin:16px auto 0;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);border-radius:2px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:24px;padding:16px 20px;border-radius:var(--radius);background:#1a120b99;backdrop-filter:blur(8px) saturate(1.3);-webkit-backdrop-filter:blur(8px) saturate(1.3);border:1px solid var(--border)}.search{flex:1 1 320px;max-width:520px;padding:11px 16px;border-radius:10px;border:1px solid var(--border);background:#1a120b80;color:var(--cream);font-size:14px;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.search:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #c9943c14}.search::placeholder{color:var(--cream-dim)}.toggles{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toggle{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;color:var(--cream-muted);border:1px solid var(--border);background:#c9943c08;user-select:none;transition:border-color .2s var(--ease),color .2s var(--ease)}.toggle:hover{border-color:var(--border-hover);color:var(--cream-soft)}.toggle input{accent-color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:18px;margin-top:16px}.card{position:relative;overflow:hidden;padding:22px 22px 22px 26px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);backdrop-filter:blur(8px) saturate(1.3);-webkit-backdrop-filter:blur(8px) saturate(1.3);box-shadow:var(--shadow-sm);cursor:pointer;transform:translateY(12px);opacity:0;transition:transform .5s var(--ease),opacity .5s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}.card.revealed{transform:translateY(0);opacity:1}.card:before{content:"";position:absolute;top:16px;bottom:16px;left:0;width:3px;background:linear-gradient(180deg,var(--gold),var(--brass));border-radius:0 3px 3px 0;opacity:.4;transition:opacity .3s var(--ease),height .3s var(--ease)}.card:hover{transform:translateY(-4px);border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 16px 48px #00000073,var(--shadow-glow)}.card:hover:before{opacity:.8;top:12px;bottom:12px}.card-inner{position:relative;z-index:1;display:flex;align-items:flex-start;gap:18px}.card-sigil{width:52px;height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--border-hover);background:linear-gradient(145deg,#c9943c1f,#c9943c08);font-size:24px;box-shadow:0 2px 8px #0003;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.card:hover .card-sigil{transform:rotate(3deg) scale(1.08);box-shadow:0 4px 16px #0000004d}.card:focus-visible{outline:2px solid var(--gold-dim);outline-offset:3px;border-color:var(--border-strong)}.card-body{flex:1;min-width:0}.card-title{margin:0 0 10px;font-family:var(--font-display);font-size:16.5px;font-weight:700;line-height:1.35;color:var(--cream);letter-spacing:-.1px}.card-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--cream-dim)}.badge{padding:4px 11px;border-radius:999px;border:1px solid var(--border);background:#c9943c0d;font-weight:600;letter-spacing:.3px;transition:border-color .2s var(--ease)}.card:hover .badge{border-color:var(--border-hover)}.empty{margin-top:24px;padding:32px 20px;color:var(--cream-muted);border-radius:var(--radius);border:1px dashed var(--border-hover);text-align:center;font-style:italic;font-size:15px}.about{padding:16px 0;max-width:680px;margin:0 auto;text-align:center}.about h3{font-family:var(--font-display);font-size:28px;color:var(--gold-bright);margin-bottom:14px}.about p{line-height:1.75;color:var(--cream-muted);font-size:15.5px}.disclaimer{margin-top:20px;padding:18px 22px;border-radius:var(--radius);border:1px solid var(--border);border-left:3px solid var(--gold-dim);background:#00000026;color:var(--cream-soft);line-height:1.65;font-size:14px;text-align:left}.footer{padding:24px 0;color:var(--cream-dim);background:#0003;border-top:1px solid var(--border);font-size:13px;letter-spacing:.2px;position:relative}.footer:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);border-radius:2px}.footer-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-right{color:var(--cream-dim)}.footer a{color:var(--gold-dim)}.footer a:hover{color:var(--gold-bright)}body.tankus-week .site-header{background:#110b06e0;border-bottom-color:var(--border-strong)}body.tankus-week .hero-card:before{opacity:1}body.tankus-week .card{filter:saturate(1.1) contrast(1.02)}body.tankus-week .card:hover{transform:translateY(-5px) rotate(-.4deg)}body.tankus-week:before{background:radial-gradient(ellipse at 50% -20%,rgba(201,148,60,.12),transparent 60%)}.tankus-confetti{pointer-events:none;position:fixed;inset:0;z-index:999;overflow:hidden}.tankus-particle{position:absolute;top:-6%;will-change:transform,opacity;animation:tankusFall 3.6s cubic-bezier(.22,.9,.3,1) both;text-shadow:0 6px 18px rgba(0,0,0,.45);transform-origin:center}@keyframes tankusFall{0%{transform:translateY(-8vh) rotate(0) scale(.9);opacity:0}10%{opacity:1}60%{transform:translateY(60vh) rotate(160deg) scale(1.05)}to{transform:translateY(110vh) rotate(220deg) scale(.95);opacity:.02}}body.pub-background{background:linear-gradient(#0a070480,#0a070480),url(../pub-barrel.png) center/cover no-repeat,linear-gradient(180deg,var(--bg-main),var(--bg-dark));background-attachment:fixed}body.pub-background h1,body.pub-background h2,body.pub-background h3,body.pub-background .card-title{text-shadow:0 4px 16px rgba(0,0,0,.6)}.modal-backdrop{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000a6;backdrop-filter:blur(10px)}.modal{width:min(1040px,calc(100vw - 48px));position:relative;overflow:hidden;max-height:85vh;display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--border-hover);background:linear-gradient(180deg,#1a120bf7,#0c0905fa);box-shadow:0 32px 96px #000000bf,inset 0 1px #c9943c14;animation:modalIn .28s var(--ease) both}@keyframes modalIn{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal>*{position:relative;z-index:1}.modal-close{position:absolute;top:12px;right:12px;z-index:5;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:#0003;color:var(--cream-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .18s var(--ease),background .18s var(--ease)}.modal-close:hover{transform:translateY(-1px);background:#c9943c14}.modal-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;align-items:stretch;overflow:hidden;flex:1;min-height:0}.modal-media{padding:16px;border-right:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#c9943c05}.modal-media-inner{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;width:100%;max-width:520px;max-height:48vh;overflow:hidden;border-radius:14px;border:1px solid var(--border);background:linear-gradient(135deg,#c9943c0f,#b0703008);box-shadow:var(--shadow);padding:14px}.modal-media-inner img{display:block;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;border-radius:10px;box-shadow:0 12px 36px #00000080;transition:transform .18s var(--ease),opacity .16s var(--ease)}.modal-media-inner:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0000 40%,#0003);border-radius:14px}.modal-media-inner.loading{background:linear-gradient(-45deg,#c9943c08 25%,#c9943c12,#c9943c08 75%);background-size:400% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-img-fallback{font-size:48px;opacity:.85;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5))}.modal-body{min-height:auto;padding:24px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;overflow-y:auto;min-height:0;flex:1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#c9943c1f;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#c9943c33}.modal-kicker{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-bottom:10px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:#c9943c0a;color:var(--gold-dim);font-size:11px;letter-spacing:.8px;text-transform:uppercase;font-weight:700}.modal-title{margin:0 0 10px;font-family:var(--font-display);font-size:25px;font-weight:700;color:var(--cream);text-shadow:0 4px 16px rgba(0,0,0,.5);letter-spacing:-.2px}.modal-blurb{margin:0 0 12px;min-height:0;color:var(--cream-muted);line-height:1.7;white-space:pre-line;font-size:15px}.modal-meta{display:flex;align-items:center;gap:10px;color:var(--cream-muted);font-size:13px;margin-bottom:0;min-height:0}.modal-meta:not(:empty){margin-bottom:8px}.modal-meta .spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-meta .count{background:#c9943c0f;padding:5px 10px;border-radius:999px;border:1px solid var(--border);color:var(--cream-soft);font-weight:600}.modal-thumbs{display:flex;gap:8px;margin:0;overflow-x:auto;padding-bottom:4px;min-height:0}.modal-thumbs:not(:empty){margin:8px 0 12px}.modal-thumbs::-webkit-scrollbar{height:6px}.modal-thumbs::-webkit-scrollbar-thumb{background:#c9943c14;border-radius:999px}.modal-thumbs .thumb{flex:0 0 auto;width:64px;height:64px;border-radius:10px;overflow:hidden;display:inline-grid;place-items:center;background:#c9943c08;border:1px solid var(--border);cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s var(--ease),border-color .15s var(--ease)}.modal-thumbs .thumb img{width:100%;height:100%;object-fit:cover;display:block}.modal-thumbs .thumb .fallback{font-size:20px}.modal-thumbs .thumb.active{transform:translateY(-5px) scale(1.06);box-shadow:0 10px 28px #00000080;border-color:var(--border-strong)}.modal-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:stretch;margin-top:16px;padding:14px 0 10px;border-top:1px solid var(--border)}.modal-actions .btn{height:46px;padding:10px 14px;border-radius:10px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(180deg,#c9943c24,#c9943c0f);color:var(--cream);border:1px solid var(--border-hover);box-shadow:var(--shadow-sm);transition:transform .15s var(--ease),box-shadow .18s var(--ease)}.modal-actions .btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000080,var(--shadow-glow)}.modal-actions .btn.btn-ghost{background:transparent;color:var(--cream-muted);border-color:var(--border)}.modal-actions .btn.btn-ghost:hover{background:#c9943c0a;color:var(--cream)}#modalDirections:before{content:"🧭";margin-right:6px}.modal-hint{margin-top:8px;font-size:11px;color:var(--cream-dim);position:sticky;bottom:0;background:linear-gradient(180deg,transparent,rgba(15,11,6,.95));padding:6px 0;z-index:10}.beer-rain{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:2100}.beer-drop{position:absolute;top:-6vh;will-change:transform,opacity;animation-name:beer-fall;animation-timing-function:linear;animation-iteration-count:1;text-shadow:0 2px 6px rgba(0,0,0,.5)}@keyframes beer-fall{0%{transform:translateY(-8vh) rotate(0) translate(0);opacity:.95}70%{opacity:.95}to{transform:translateY(110vh) rotate(360deg) translate(30px);opacity:.92}}.special-thanks-list{margin:12px 0 0 18px;padding:0 0 0 18px;color:var(--cream);font-size:15px;line-height:1.7}.special-thanks-list li{margin:6px 0;list-style-type:disc}.special-thanks-list li::marker{color:var(--gold)}.pub-menu{position:fixed;right:20px;bottom:20px;z-index:220}.pub-menu-toggle{width:48px;height:48px;border-radius:999px;background:linear-gradient(180deg,#c9943c1f,#c9943c0a);border:1px solid var(--border-hover);color:var(--cream);font-size:22px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.pub-menu-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006,var(--shadow-glow)}.pub-menu-panel{position:absolute;right:0;bottom:56px;background:#110b06f2;border:1px solid var(--border-hover);padding:10px;border-radius:var(--radius);box-shadow:0 20px 56px #0000008c;transform-origin:bottom right;transition:transform .2s var(--ease),opacity .16s var(--ease);opacity:0;transform:translateY(8px) scale(.97);pointer-events:none;min-width:210px;display:flex;flex-direction:column;gap:10px}.pub-menu.open .pub-menu-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.pub-menu-section{display:flex;flex-direction:column;gap:6px}.pub-menu-section:not(:last-child){padding-bottom:8px;border-bottom:1px solid var(--border)}.pub-menu-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--gold-dim);padding:4px 8px;margin-bottom:2px}.pub-menu-panel .btn{font-size:13px;padding:8px 12px;width:100%;text-align:left;justify-content:flex-start}.invaders-overlay{position:fixed;inset:0;z-index:var(--invaders-z, 1000);display:grid;grid-template-rows:auto 1fr auto;align-items:stretch;justify-items:center;background:radial-gradient(ellipse at 50% 20%,rgba(201,148,60,.04),transparent 50%),var(--invaders-overlay-bg);backdrop-filter:blur(2px)}.invaders-ui{width:min(1100px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 6px}.invaders-hud{display:flex;gap:16px;padding:8px 14px;border-radius:10px;border:1px solid var(--invaders-border);background:#c9943c0a;box-shadow:var(--shadow-sm);font-weight:600}.invaders-status{color:var(--invaders-muted)}#invadersCanvas,#smasherCanvas{width:min(1100px,calc(100% - 24px));height:calc(100% - 140px);border-radius:14px;border:1px solid var(--invaders-border);background:linear-gradient(180deg,#0006,#0000008c);box-shadow:var(--shadow)}.invaders-hint{margin:10px 0 16px;font-size:13px;color:var(--invaders-muted)}#invadersCloseBtn,#smasherCloseBtn{border:1px solid var(--invaders-border)}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr}}@media (max-width: 880px){.modal-grid{grid-template-columns:1fr}.modal-media{border-right:none;border-bottom:1px solid var(--border)}}@media (max-width: 768px){:root{--max: 100%}.container{width:calc(100% - 28px)}.modal-backdrop{padding:16px;align-items:center}.header-inner{padding:10px 0;gap:10px}.brand{gap:10px;min-width:0}.logo-wrap{width:44px;height:44px;border-radius:12px}.logo-wrap img{width:70px}.brand-text h1{font-size:17px}.tagline{font-size:11px}.nav{gap:4px}.nav a{padding:7px 10px;font-size:13px}.hero{padding:28px 0 20px}.hero-copy{padding:24px 20px}.hero-copy:before{height:2px}.hero-copy h2{font-size:28px;margin-bottom:12px}.hero-copy>p{font-size:15px;margin-bottom:16px}.hero-cta{gap:10px;margin-bottom:16px}.btn{padding:11px 16px;font-size:13px}.micro{gap:8px}.pill{padding:6px 10px;font-size:11px}.hero-card{min-height:200px;padding:20px}.quote{font-size:19px;margin:10px 0 6px}.subquote{font-size:12px}.sigil{font-size:28px}.stamp{font-size:9px;padding:4px 8px}.section{padding:32px 0 36px}.section-title h3{font-size:24px}.section-title p{display:none}.toolbar{flex-direction:column;gap:10px}.search{flex:1 1 100%;max-width:100%;font-size:15px;padding:12px 14px}.toggles{width:100%}.toggle{font-size:12px;padding:7px 10px}.grid{grid-template-columns:1fr;gap:14px}.card{padding:18px}.card-sigil{width:44px;height:44px;font-size:20px}.card-title{font-size:15px}.card-meta{font-size:11px}.badge{padding:3px 8px;font-size:10px}.about p{font-size:14px}.disclaimer{padding:14px;font-size:13px}.footer{padding:16px 0}.footer-inner{font-size:12px}.modal{width:min(100%,calc(100vw - 32px));max-height:82vh;height:auto;border-radius:16px}.modal-grid{grid-template-columns:1fr;grid-auto-rows:auto}.modal-media{padding:12px;border-right:none;border-bottom:1px solid var(--border);flex:0 0 auto}.modal-media-inner{max-height:32vh;padding:8px}.modal-body{padding:16px;gap:6px}.modal-title{font-size:20px}.modal-kicker{font-size:10px;padding:5px 10px}.modal-blurb{font-size:14px}.modal-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;padding:12px 0}.modal-actions .btn{height:42px;font-size:13px;padding:8px 12px}.modal-close{width:36px;height:36px;top:10px;right:10px}.pub-menu{right:14px;bottom:14px}.pub-menu-toggle{width:44px;height:44px;font-size:20px}.pub-menu-panel .btn{font-size:12px;padding:7px 10px}}@media (max-width: 600px){.hero-card{display:none}}@media (max-width: 480px){.container{width:calc(100% - 20px)}.header-inner{padding:8px 0;gap:8px}.brand{gap:8px}.logo-wrap{width:40px;height:40px}.logo-wrap img{width:64px}.brand-text h1{font-size:15px}.tagline{display:none}.nav a{padding:6px 8px;font-size:12px}.hero{padding:20px 0 16px}.hero-copy{padding:20px 16px}.hero-copy h2{font-size:24px}.hero-copy>p{font-size:14px;margin-bottom:14px}.hero-cta{flex-direction:column;gap:8px}.hero-cta .btn{width:100%}.btn{padding:10px 14px;font-size:12px;border-radius:9px}.micro{display:none}.hero-card{min-height:180px;padding:16px}.quote{font-size:17px;margin:8px 0 4px}.subquote{font-size:11px}.sigil{font-size:24px}.section{padding:24px 0 28px}.section-title h3{font-size:22px}.search{padding:10px 12px;font-size:14px}.card{padding:16px}.card-sigil{width:40px;height:40px;font-size:18px}.card-inner{gap:12px}.card-title{font-size:14px}.footer-inner{font-size:11px}.footer-right{display:none}.modal{border-radius:14px}.modal-media-inner{max-height:28vh}.modal-body{padding:12px 12px 6px}.modal-title{font-size:17px}.modal-blurb{font-size:13px}.modal-actions{grid-template-columns:1fr 1fr;gap:6px;padding:8px 0 6px}.modal-actions .btn{height:38px;font-size:12px;padding:6px}.modal-thumbs .thumb{width:52px;height:52px}.modal-hint,.modal-kicker,.modal-media{display:none}.modal-grid{grid-auto-rows:auto}#invadersCanvas,#smasherCanvas{height:calc(100% - 150px)}}@media (max-width: 520px){.pub-menu{right:12px;bottom:12px}.pub-menu-toggle{width:40px;height:40px;font-size:18px}}