:root{--bg0: #0b0e14;--bg1: #0f1420;--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--muted2: rgba(255, 255, 255, .55);--shadow: 0 18px 50px rgba(0, 0, 0, .45);--radius: 18px;--radius2: 24px;--max: 1100px;--ease: cubic-bezier(.2, .9, .2, 1);--gold: rgba(255, 208, 92, .16);--candle: rgba(255, 170, 90, .12);--chapel: rgba(140, 120, 255, .14);--modal-vh-offset: 32px;--invaders-z: 1000;--invaders-overlay-bg: rgba(6, 8, 10, .92);--invaders-border: rgba(255, 255, 255, .18);--invaders-muted: rgba(255, 255, 255, .66)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow-x:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:radial-gradient(ellipse at 12% 18%,rgba(125,90,255,.22) 0%,transparent 60%),radial-gradient(ellipse at 88% 20%,rgba(0,210,255,.18) 0%,transparent 60%),radial-gradient(ellipse at 55% 90%,rgba(255,190,0,.12) 0%,transparent 65%),linear-gradient(180deg,var(--bg0),var(--bg1));background-attachment:fixed}body.pub-background{background:linear-gradient(#06080a70,#0a0c1270),url(../pub-barrel.png) center/cover no-repeat,radial-gradient(ellipse at 12% 18%,rgba(125,90,255,.18) 0%,transparent 60%),radial-gradient(ellipse at 88% 20%,rgba(0,210,255,.1) 0%,transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));background-attachment:fixed;color:var(--text)}body.pub-background h1,body.pub-background h2,body.pub-background h3,body.pub-background .card-title{text-shadow:0 4px 12px rgba(0,0,0,.5)}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.bg-noise{background-size:520px 520px}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c128c;border-bottom:1px solid var(--stroke)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{display:flex;align-items:center;gap:14px;min-width:260px}.logo-wrap{width:56px;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:var(--card);border:1px solid var(--stroke);box-shadow:var(--shadow)}.logo-wrap img{width:88px;height:auto;opacity:.95}.brand-text h1{margin:0;font-size:18px;letter-spacing:.5px}.tagline{margin:2px 0 0;font-size:13px;color:var(--muted)}.nav{display:flex;align-items:center;gap:14px}.nav a{padding:10px 12px;border-radius:12px;border:1px solid transparent;color:var(--muted);transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.nav a:hover{background:var(--card);border-color:var(--stroke);color:var(--text);transform:translateY(-1px)}.hero{padding:46px 0 24px}.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}.hero-copy{padding:26px;background:#ffffff0a;border:1px solid var(--stroke);border-radius:var(--radius2);box-shadow:0 18px 55px #00000080}.hero-copy h2{margin:0 0 10px;font-size:34px;letter-spacing:.2px;text-shadow:0 10px 30px rgba(0,0,0,.45)}.hero-copy p{margin:0 0 18px;line-height:1.55;color:var(--muted)}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--stroke);background:#ffffff14;color:var(--text);box-shadow:0 10px 26px #00000059;transition:transform .18s var(--ease),background .18s var(--ease)}.btn:hover{transform:translateY(-2px);background:#ffffff1c}.btn:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text)}.micro{display:flex;gap:10px;flex-wrap:wrap}.pill{padding:8px 10px;border-radius:999px;font-size:12px;color:var(--muted);border:1px solid var(--stroke);background:#ffffff0d}.hero-card{position:relative;overflow:hidden;min-height:220px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--radius2);border:1px solid var(--stroke);background:linear-gradient(180deg,#ffffff14,#ffffff0a);box-shadow:0 18px 55px #00000080}.hero-card:before{content:"";position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 40%),radial-gradient(circle at 70% 60%,rgba(0,210,255,.14),transparent 45%),radial-gradient(circle at 45% 85%,rgba(255,190,0,.12),transparent 45%);filter:blur(2px);opacity:.8;pointer-events:none}.hero-card>*{position:relative;z-index:1}.hero-card-top{display:flex;align-items:center;justify-content:space-between}.sigil{font-size:30px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}.stamp{padding:6px 10px;border-radius:999px;font-size:11px;letter-spacing:1.1px;color:#ffffffc7;border:1px solid rgba(255,255,255,.18);background:#0000002e}.quote{margin:12px 0 8px;font-size:22px;line-height:1.2}.subquote{font-size:13px;color:var(--muted)}.hero-card-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.tiny{font-size:12px;color:var(--muted2)}#heroFeature{cursor:pointer}#heroFeature:focus{outline:2px solid rgba(255,255,255,.18);outline-offset:4px}.section{padding:34px 0 38px}.section-alt{background:#ffffff08;border-top:1px solid var(--stroke)}.section-title h3{margin:0 0 6px;font-size:22px;letter-spacing:.2px;text-shadow:0 10px 30px rgba(0,0,0,.45)}.section-title p{margin:0 0 16px;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.search{flex:1 1 320px;max-width:520px;padding:12px 14px;border-radius:14px;border:1px solid var(--stroke);background:#0000002e;color:var(--text);outline:none;box-shadow:0 18px 55px #00000080}.search::placeholder{color:#fff6}.toggles{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toggle{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;font-size:13px;color:var(--muted);border:1px solid var(--stroke);background:#ffffff0d;-webkit-user-select:none;user-select:none;box-shadow:0 18px 55px #00000080}.toggle input{accent-color:#7d5aff}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:16px}.card{grid-column:span 6;position:relative;overflow:hidden;padding:16px;border-radius:var(--radius);border:1px solid var(--stroke);background:#ffffff0f;box-shadow:0 14px 34px #00000059;transform:translateY(10px);opacity:0;transition:transform .6s var(--ease),opacity .6s var(--ease),filter .35s var(--ease)}.card.revealed{transform:translateY(0);opacity:1}.card:before{content:"";position:absolute;top:-90px;right:-90px;bottom:-90px;left:-90px;background:radial-gradient(circle at 22% 25%,rgba(125,90,255,.18),transparent 45%),radial-gradient(circle at 78% 60%,rgba(0,210,255,.12),transparent 45%);opacity:.65;pointer-events:none}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px 280px at 30% 20%,var(--gold),transparent 55%),radial-gradient(700px 340px at 80% 65%,var(--chapel),transparent 55%),radial-gradient(900px 500px at 50% 120%,rgba(0,0,0,.35),transparent 55%);opacity:.55}.card:hover{transform:translateY(-2px) rotate(-.2deg)}.card-inner{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.card-sigil{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0000002e;font-size:22px;box-shadow:0 10px 24px #00000059;transform:translateZ(0);transition:transform .25s var(--ease)}.card:hover .card-sigil{transform:rotate(4deg) scale(1.04)}.card-body{flex:1;min-width:0}.card-title{margin:0 0 8px;font-size:15px;line-height:1.35}.card-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted2)}.badge{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff0f,#ffffff08)}.empty{margin-top:18px;padding:16px;color:var(--muted);border-radius:var(--radius);border:1px dashed rgba(255,255,255,.2)}.about{padding:10px 0}.about p{line-height:1.6;color:var(--muted)}.disclaimer{margin-top:14px;padding:14px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.14);background:#0000002e;color:#ffffffc7;line-height:1.55;box-shadow:0 18px 55px #00000080}.footer{padding:18px 0;color:var(--muted2);background:#0000002e;border-top:1px solid var(--stroke)}.footer-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}body.tankus-week .bg-noise{opacity:.3}body.tankus-week .site-header{background:#0a0c12b8;border-bottom-color:#ffd05c2e}body.tankus-week .hero-card:before{opacity:1;filter:blur(1px)}body.tankus-week .card{filter:saturate(1.08) contrast(1.03)}body.tankus-week .card:hover{transform:translateY(-4px) rotate(-.6deg)}.tankus-confetti{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left: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.tankus-week:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background:radial-gradient(ellipse at 20% 10%,rgba(255,208,92,.06),transparent 10%),radial-gradient(ellipse at 80% 90%,rgba(92,200,255,.03),transparent 12%)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000009e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-backdrop[hidden]{display:none!important}.modal{width:min(1040px,calc(100vw - 48px));position:relative;overflow:hidden;max-height:85vh;display:flex;flex-direction:column;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#0f1420f0,#0a0c12f0);box-shadow:0 28px 80px #000000b3;animation:modalIn .22s var(--ease) both}@keyframes modalIn{0%{transform:translateY(10px) scale(.99);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal:before{pointer-events:none}.modal>*{position:relative;z-index:1}.modal-close{position:absolute;top:12px;right:12px;z-index:5;width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff05;color:#ffffffe0;cursor:pointer;pointer-events:auto;transition:transform .18s var(--ease),background .18s var(--ease)}.modal-close:hover{transform:translateY(-1px);background:#ffffff0f}.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 rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#ffffff05,#ffffff03)}.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:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffd05c14,#8c78ff0f);box-shadow:0 18px 55px #0000008c;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 center;border-radius:12px;box-shadow:0 12px 36px #0000008c,0 0 18px #ffd05c0d inset;transition:transform .18s var(--ease),opacity .16s var(--ease)}.modal-img-fallback{font-size:48px;opacity:.9;filter:drop-shadow(0 16px 28px rgba(0,0,0,.55))}.modal-body{min-height:auto;padding:20px 22px 16px;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:#ffffff1f;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.modal-kicker{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-bottom:12px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,#ffffff05,#ffffff03);color:#ffffffb8;font-size:12px;letter-spacing:.6px;text-transform:uppercase}.modal-title{margin:0 0 6px;font-size:26px;font-weight:700;letter-spacing:.2px;color:var(--text);text-shadow:0 6px 18px rgba(0,0,0,.55)}.modal-media-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000 30%,#00000040)}.modal-title{margin:0 0 10px;font-size:22px;letter-spacing:.2px}.modal-blurb{margin:0 0 12px;min-height:0;color:#ffffffb8;line-height:1.6;white-space:pre-line}.modal-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:stretch;justify-content:stretch;margin-top:16px;padding:12px 0 10px;border-top:1px solid rgba(255,255,255,.08)}.modal-actions .btn{height:46px;padding:10px 14px;border-radius:12px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:transform .12s var(--ease),box-shadow .18s var(--ease),filter .12s var(--ease);background:linear-gradient(90deg,#ffd05c33,#8c78ff29);color:var(--text);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 34px #0000008c}.modal-actions .btn:hover{transform:translateY(-3px);box-shadow:0 22px 48px #000000ad,0 0 20px #8c78ff0f;filter:saturate(1.08)}.modal-actions .btn.btn-ghost{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.06);padding:8px 12px}.modal-actions .btn.btn-ghost:hover{background:#ffffff08;color:var(--text);border-color:#ffffff1f}#modalDirections:before{content:"🧭";margin-right:8px;display:inline-block}@media (max-width: 720px){.modal-actions .btn{flex:0 1 45%;min-width:44%}}@media (max-width: 520px){.modal-actions .btn{height:40px;padding:8px 10px;font-size:13px;flex:1 1 100%;min-width:0}}.modal-hint{margin-top:8px;font-size:12px;color:#ffffff80;position:sticky;bottom:0;background:linear-gradient(180deg,transparent,rgba(10,12,18,.95));padding:4px 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);transform:translateY(0) rotate(0)}@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:#ffffffeb;font-size:15px;line-height:1.6}.special-thanks-list li{margin:6px 0;list-style-type:disc}.special-thanks-list li::marker{color:#ffd05a}.modal-meta{display:flex;align-items:center;gap:10px;color:#ffffffa8;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 rgba(255,255,255,.12);border-top-color:#ffffffe6;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-meta .count{background:#ffffff0a;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.06);color:#ffffffe0;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:7px}.modal-thumbs::-webkit-scrollbar-thumb{background:#ffffff0f;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:#ffffff05;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:transform .14s var(--ease),box-shadow .14s var(--ease),border-color .14s 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(-6px) scale(1.06);box-shadow:0 10px 28px #0000008c;border-color:#ffffff1f}.modal-body{transition:transform .18s var(--ease),opacity .18s var(--ease)}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr}.card{grid-column:span 12}}@media (max-width: 880px){.modal-grid{grid-template-columns:1fr}.modal-media{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}}@media (max-width: 768px){:root{--max: 100%}.container{width:calc(100% - 24px)}.site-header{position:sticky;top:0;z-index:50}.header-inner{padding:12px 0;gap:12px}.brand{min-width:auto;gap:10px}.logo-wrap{width:48px;height:48px}.logo-wrap img{width:76px}.brand-text h1{font-size:16px}.tagline{font-size:12px}.nav{gap:8px}.nav a{padding:8px 10px;font-size:13px}.hero{padding:32px 0 20px}.hero-copy{padding:20px}.hero-copy h2{font-size:26px;margin-bottom:12px}.hero-copy p{font-size:14px;line-height:1.5;margin-bottom:16px}.hero-cta{gap:10px;margin-bottom:14px}.btn{padding:11px 12px;font-size:13px;border-radius:12px}.micro{gap:8px}.pill{padding:6px 8px;font-size:11px}.hero-card{min-height:200px;padding:16px}.quote{font-size:18px;margin:10px 0 6px}.subquote{font-size:12px}.sigil{font-size:26px}.stamp{padding:4px 8px;font-size:10px;letter-spacing:.8px}.section{padding:28px 0 32px}.section-title h3{font-size:20px;margin-bottom:6px}.section-title p{font-size:13px;margin-bottom:14px}.toolbar{flex-direction:column;gap:10px;margin-bottom:12px}.search{flex:1 1 100%;max-width:100%;padding:11px 12px;font-size:14px}.search::placeholder{font-size:13px}.toggles{width:100%;justify-content:flex-start}.toggle{padding:8px 10px;font-size:12px}.grid{gap:12px;margin-top:14px}.card{grid-column:span 12;padding:14px}.card-sigil{width:40px;height:40px;font-size:20px;border-radius:12px}.card-title{font-size:14px;margin-bottom:6px}.card-meta{font-size:11px;gap:6px}.badge{padding:4px 8px;font-size:10px}.empty{padding:14px;font-size:13px}.about p{font-size:14px;line-height:1.55}.disclaimer{padding:12px;font-size:12px;line-height:1.5}.footer{padding:16px 0}.footer-inner{font-size:12px}.modal{width:min(100%,calc(100vw - 16px));height:calc(100vh - var(--modal-vh-offset));max-height:calc(100vh - var(--modal-vh-offset));border-radius:18px;display:flex;flex-direction:column}.modal-grid{grid-template-columns:1fr;grid-auto-rows:auto 1fr;height:100%;min-height:0}.modal-media{padding:12px;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);flex:0 0 auto}.modal-media-inner{aspect-ratio:4 / 3;padding:10px;max-height:45vh}.modal-body{padding:14px 14px 10px;min-height:0;flex:1;gap:8px}.modal-title{font-size:20px;margin-bottom:8px}.modal-kicker{margin-bottom:10px;font-size:11px;padding:6px 8px}.modal-blurb{font-size:13px;margin-bottom:12px;line-height:1.55}.modal-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:12px 0;margin-top:12px}.modal-actions .btn{height:40px;padding:8px 10px;font-size:12px;width:100%}.modal-close{width:36px;height:36px;font-size:18px;top:10px;right:10px}.pub-menu{right:12px;bottom:12px}.pub-menu-toggle{width:40px;height:40px;font-size:18px}.pub-menu-panel .btn{font-size:12px;padding:6px 10px}}@media (max-width: 480px){.container{width:calc(100% - 16px)}.header-inner{padding:10px 0;gap:8px}.brand{gap:8px}.logo-wrap{width:44px;height:44px}.logo-wrap img{width:70px}.brand-text h1{font-size:15px}.tagline{font-size:11px}.nav{gap:6px}.nav a{padding:7px 9px;font-size:12px}.hero{padding:24px 0 18px}.hero-copy{padding:16px}.hero-copy h2{font-size:22px;margin-bottom:10px}.hero-copy p{font-size:13px;margin-bottom:12px}.hero-cta{flex-direction:column;gap:8px;margin-bottom:12px}.hero-cta .btn{width:100%}.btn{padding:10px 11px;font-size:12px;border-radius:11px}.micro{flex-direction:column;gap:6px}.pill{padding:5px 8px;font-size:10px;width:100%;text-align:center}.hero-card{min-height:180px;padding:14px}.quote{font-size:16px;margin:8px 0 4px}.subquote{font-size:11px}.sigil{font-size:24px}.stamp{padding:3px 6px;font-size:9px}.section{padding:24px 0 28px}.section-title h3{font-size:18px}.section-title p{font-size:12px}.search{padding:10px 11px;font-size:13px}.toggle{padding:7px 9px;font-size:11px}.card{padding:12px}.card-sigil{width:36px;height:36px;font-size:18px}.card-inner{gap:10px}.card-title{font-size:13px}.card-meta{font-size:10px}.footer-inner{flex-direction:column;font-size:11px;gap:6px}.modal{border-radius:14px;height:calc(100vh - var(--modal-vh-offset));max-height:calc(100vh - var(--modal-vh-offset))}.modal-media-inner{aspect-ratio:4 / 3;padding:10px;max-height:42vh}.modal-body{padding:12px 12px 6px;gap:6px}.modal-title{font-size:18px;margin-bottom:6px}.modal-blurb{font-size:12px;margin-bottom:10px}.modal-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.modal-actions .btn{height:38px;padding:6px 8px;font-size:11px;width:100%}.modal-thumbs{margin:4px 0 10px;gap:6px}.modal-thumbs .thumb{width:56px;height:56px}}.pub-menu{position:fixed;right:20px;bottom:20px;z-index:220}.pub-menu-toggle{width:46px;height:46px;border-radius:999px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--stroke);color:var(--text);font-size:20px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #00000059;cursor:pointer}.invaders-overlay{position:fixed;top:0;right:0;bottom:0;left: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(255,255,255,.06),transparent 50%),var(--invaders-overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.invaders-overlay[hidden]{display:none!important}.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 12px;border-radius:12px;border:1px solid var(--invaders-border);background:#ffffff0f;box-shadow:0 10px 26px #00000059}.invaders-status{color:var(--invaders-muted)}#invadersCanvas{width:min(1100px,calc(100% - 24px));height:calc(100% - 140px);border-radius:16px;border:1px solid var(--invaders-border);background:linear-gradient(180deg,#00000073,#0009);box-shadow:0 18px 55px #00000080}.invaders-hint{margin:10px 0 16px;font-size:13px;color:var(--invaders-muted)}#invadersCloseBtn{border:1px solid var(--invaders-border)}@media (max-width: 640px){#invadersCanvas{height:calc(100% - 150px)}}.pub-menu-panel{position:absolute;right:0;bottom:54px;background:#06080aeb;border:1px solid var(--stroke);padding:8px;border-radius:12px;box-shadow:0 18px 50px #00000073;transform-origin:bottom right;transition:transform .22s var(--ease),opacity .16s var(--ease);opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;min-width:200px;display:flex;flex-direction:column;gap:12px}.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(--stroke)}.pub-menu-header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted2);padding:4px 8px;margin-bottom:2px}.pub-menu-panel .btn{font-size:14px;padding:8px 12px;width:100%;text-align:left;justify-content:flex-start}@media (max-width: 520px){.pub-menu{right:12px;bottom:12px}.pub-menu-toggle{width:40px;height:40px;font-size:18px}}