@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Bebas+Neue&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--text-primary: #f0f0f0;--text-secondary: #888;--accent-red: #ff3333;--accent-yellow: #ffcc00;--accent-gold: #ffd700;--accent-green: #00ff66;--accent-cyan: #00ffff;--danger: #ff0044;--font-mono: "Space Mono", monospace;--font-display: "Bebas Neue", sans-serif;--sai-top: env(safe-area-inset-top, 0px);--sai-bottom: env(safe-area-inset-bottom, 0px);--sai-left: env(safe-area-inset-left, 0px);--sai-right: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px)}.title-snark{color:var(--text-primary);display:block}.title-bowl{color:var(--accent-red);display:block;text-shadow:3px 3px 0 var(--accent-gold),-1px -1px 0 var(--accent-cyan);animation:glitch 3s infinite}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}96%{transform:translate(-1px,2px)}98%{transform:translate(1px,-2px)}}.pulse{animation:blink 1s infinite;color:var(--accent-gold)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes pulseBg{0%,to{background:var(--danger)}50%{background:#c03}}.brand-label{font-size:.65rem;font-weight:700;letter-spacing:.1em}.brand-name{font-family:var(--font-display);font-size:1.3rem}.theory-label{display:block;font-size:.6rem;letter-spacing:.15em;color:var(--accent-cyan);margin-bottom:.2rem}.error-banner{background:var(--danger);color:var(--text-primary);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.error-banner button{margin-left:auto;background:transparent;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;opacity:.7}.error-banner button:hover{opacity:1}.app.immersive-intro{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;overflow:hidden;background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.immersive-intro-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeSlideIn .6s ease-out}.immersive-intro-title{font-family:var(--font-display);font-size:5rem;line-height:1}.immersive-intro-tagline{font-size:.75rem;letter-spacing:.3em;color:var(--accent-gold)}.immersive-intro-instructions{margin-top:1rem;color:var(--text-secondary);font-size:.85rem;line-height:1.6}.immersive-intro-instructions em{color:var(--accent-gold);font-style:normal;font-weight:700}.immersive-intro-go{margin-top:1rem;padding:1rem 2.5rem;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.1em;background:var(--accent-red);color:var(--text-primary);border:none;cursor:pointer;transition:all .2s}.immersive-intro-go:hover{background:var(--accent-gold);color:var(--bg-primary)}.app.immersive{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;overflow:hidden;background:#000}.immersive-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.immersive-video.active{opacity:1}.immersive-logo{position:absolute;top:calc(.5rem + var(--sai-top));left:calc(.5rem + var(--sai-left));z-index:10;opacity:.7;display:flex;gap:.4rem;align-items:baseline}.immersive-logo-snark{font-family:var(--font-display);font-size:1.2rem;color:var(--text-primary)}.immersive-logo-bowl{font-family:var(--font-display);font-size:1.2rem;color:var(--accent-red)}.immersive-analyzing{position:absolute;top:calc(2rem + var(--sai-top));left:calc(.5rem + var(--sai-left));z-index:10;background:#f04c;padding:.25rem .6rem;font-size:.6rem;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;gap:.4rem}.immersive-tropes{position:absolute;top:calc(3rem + var(--sai-top));left:calc(.5rem + var(--sai-left));z-index:10;display:flex;gap:.3rem;max-width:calc(100% - 1rem - var(--sai-left) - var(--sai-right));overflow-x:auto;scrollbar-width:none;flex-wrap:wrap}.immersive-tropes::-webkit-scrollbar{display:none}.immersive-trope-tag{background:#0009;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:.15rem .4rem;font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.immersive-brand{position:absolute;bottom:calc(11rem + var(--sai-bottom));left:calc(.5rem + var(--sai-left));z-index:10;background:#00ff66e6;color:var(--bg-primary);padding:.3rem .7rem;display:flex;align-items:center;gap:.4rem;white-space:nowrap;max-width:45%}.immersive-theory{position:absolute;bottom:calc(5rem + var(--sai-bottom));left:calc(.5rem + var(--sai-left));z-index:10;max-width:45%;background:#000000bf;border-left:3px solid var(--accent-cyan);padding:.4rem .6rem}.immersive-theory .theory-label{font-size:.5rem}.immersive-theory p{font-size:.65rem;line-height:1.3}.immersive-commentary{position:absolute;bottom:calc(5rem + var(--sai-bottom));right:calc(.5rem + var(--sai-right));z-index:10;max-width:48%;display:flex;flex-direction:column;gap:.25rem}.immersive-commentary-entry{background:#000000bf;padding:.35rem .5rem;font-size:.65rem;line-height:1.25;border-left:3px solid var(--text-secondary);animation:fadeSlideIn .4s ease-out}.immersive-commentary-entry.suspicious{border-color:var(--accent-gold)}.immersive-commentary-entry.certain{border-color:var(--accent-green)}.immersive-commentary-entry:last-child{opacity:1}.immersive-commentary-entry:nth-last-child(2){opacity:.6}.immersive-commentary-entry:nth-last-child(3){opacity:.3}.immersive-action-btn{position:absolute;bottom:calc(1rem + var(--sai-bottom));left:50%;transform:translate(-50%);z-index:10;font-family:var(--font-display);font-size:1.4rem;letter-spacing:.1em;padding:.6rem 1.8rem;border:none;cursor:pointer;transition:all .2s}.immersive-action-btn.btn-primary{background:var(--accent-red);color:var(--text-primary)}.immersive-action-btn.btn-primary:hover{background:var(--accent-gold);color:var(--bg-primary)}.immersive-action-btn.btn-danger{background:#ff0044b3;color:var(--text-primary);font-size:1rem;padding:.4rem 1.2rem;animation:pulseBg 1.5s infinite}.immersive-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.immersive-placeholder p{font-size:.8rem;letter-spacing:.2em}.immersive-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;max-width:80%}.share-snark-btn{position:absolute;top:calc(.5rem + var(--sai-top));right:calc(.5rem + var(--sai-right));z-index:10;background:var(--accent-gold);color:var(--bg-primary);border:none;padding:.4rem .8rem;font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em;cursor:pointer;transition:all .2s}.share-snark-btn:hover{background:var(--text-primary)}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0a0af7;display:flex;flex-direction:column;padding:calc(1.5rem + var(--sai-top)) calc(1rem + var(--sai-right)) calc(1.5rem + var(--sai-bottom)) calc(1rem + var(--sai-left));overflow-y:auto;-webkit-overflow-scrolling:touch}.share-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.share-overlay-title{font-family:var(--font-display);font-size:2.5rem;color:var(--accent-gold);letter-spacing:.1em}.share-overlay-close{background:transparent;border:1px solid var(--text-secondary);color:var(--text-primary);width:40px;height:40px;font-size:1.2rem;cursor:pointer;transition:all .2s;flex-shrink:0}.share-overlay-close:hover{border-color:var(--accent-red);color:var(--accent-red)}.share-overlay-cards{display:flex;flex-direction:column;gap:1rem;flex:1}.share-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);padding:1.2rem;display:flex;flex-direction:column;gap:.5rem}.share-card-brand{font-family:var(--font-display);font-size:1.5rem;color:var(--accent-gold)}.share-card-liner{font-size:.85rem;line-height:1.4;color:var(--text-primary)}.share-card-actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.share-card-actions button{background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary);padding:.4rem .8rem;font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:all .2s}.share-card-actions button:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.share-all-btn{margin-top:1.5rem;padding:1rem;font-family:var(--font-display);font-size:1.3rem;letter-spacing:.1em;background:var(--accent-red);color:var(--text-primary);border:none;cursor:pointer;transition:all .2s;flex-shrink:0}.share-all-btn:hover{background:var(--accent-gold);color:var(--bg-primary)}@media (orientation: landscape){.immersive-tropes{top:calc(.5rem + var(--sai-top));left:50%;transform:translate(-50%);max-width:55%;flex-wrap:nowrap}.immersive-theory,.immersive-commentary{bottom:calc(2rem + var(--sai-bottom));max-width:32%}.immersive-brand{bottom:calc(7rem + var(--sai-bottom));left:calc(.5rem + var(--sai-left))}.immersive-action-btn{bottom:calc(1rem + var(--sai-bottom))}.immersive-action-btn.btn-danger{font-size:.85rem;padding:.35rem 1rem}}@media (orientation: portrait){.immersive-action-btn{bottom:calc(1.5rem + var(--sai-bottom, 0px) + var(--bottom-offset, 0px))}.immersive-theory,.immersive-commentary{bottom:calc(5.5rem + var(--sai-bottom, 0px) + var(--bottom-offset, 0px))}.immersive-brand{bottom:calc(11.5rem + var(--sai-bottom, 0px) + var(--bottom-offset, 0px))}}