@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--font-family: "Outfit", system-ui, sans-serif;--mono-family: "JetBrains Mono", monospace;--bg-color: #020617;--text-color: #f8fafc;--accent-color: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--panel-bg: rgba(2, 6, 23, .9);--panel-border: rgba(255, 255, 255, .15);--dossier-card: rgba(15, 23, 42, .95);--danger-accent: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(/assets/background-B2JhWdW_.webp) center/cover no-repeat;opacity:.8;z-index:-2;filter:grayscale(40%) brightness(.7) contrast(1.1)}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px),radial-gradient(circle at 50% 50%,transparent 0%,rgba(2,6,23,.5) 50%,rgba(2,6,23,.9) 100%);z-index:-1;pointer-events:none}.app-container{max-width:1000px;margin:0 auto;padding:4rem 2rem;width:100%;position:relative;z-index:1}.header{text-align:center;margin-bottom:5rem;display:flex;flex-direction:column;align-items:center}.logo-banner-wrapper{width:100vw;margin-left:calc(-50vw + 50%);background:#abd0fe;display:flex;justify-content:center;align-items:center;margin-top:15px;margin-bottom:calc(30px - 4rem);position:relative}.logo{max-height:200px;height:auto;width:auto;display:block;margin:0;filter:drop-shadow(0 0 20px rgba(255,255,255,.15));transition:transform .4s ease,filter .4s ease}.logo:hover{transform:scale(1.02);filter:drop-shadow(0 0 25px rgba(255,255,255,.3))}.hero-card{max-width:680px;width:100%;height:auto;margin:0 auto;display:block;border-radius:20px;border:1px solid var(--panel-border);box-shadow:0 20px 50px #0006;animation:fadeIn 1s ease-out forwards}.corner-decal{position:fixed;bottom:2rem;max-width:450px;width:35vw;height:auto;z-index:50;pointer-events:none;animation:fadeIn 1s ease-out forwards;filter:drop-shadow(0 15px 25px rgba(0,0,0,.6));transform:translateY(10%);transition:opacity .5s ease}.corner-decal.left{left:2rem}.corner-decal.right{right:2rem}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:24px;padding:3rem;box-shadow:0 50px 100px -20px #000c;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{box-shadow:0 50px 120px -20px #3b82f633}.glass-panel h2{margin-bottom:2rem;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;color:transparent}.input-form h2{font-size:2.2rem;margin-bottom:2.5rem;font-weight:800}.inputs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.input-group label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;color:var(--accent-color);font-weight:800}.input-group input{width:100%;background:#020617b3;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 1.25rem;color:#fff;font-size:1rem;transition:all .3s}.input-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #3b82f633;outline:none;transform:translateY(-2px)}.submit-btn{width:100%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:14px;padding:1.25rem;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .4s;box-shadow:0 10px 40px #3b82f666;text-transform:uppercase;letter-spacing:.1em;margin-top:2rem}.submit-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 20px 50px #8b5cf680;filter:brightness(1.1)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;background:#64748b;box-shadow:none}.how-to-play-btn{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid var(--panel-border);color:#fff;border-radius:50px;padding:.8rem 2.5rem;font-size:.9rem;font-weight:800;cursor:pointer;margin-top:2.5rem;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.how-to-play-btn:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 30px #3b82f680;transform:translateY(-3px) scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#020617eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;display:flex;justify-content:center;align-items:center;padding:2rem}.modal{background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:30px;max-width:600px!important;max-height:90vh;overflow-y:auto;padding:3.5rem;box-shadow:0 50px 100px #000000e6}.modal h2{font-size:2.5rem!important;margin-bottom:2rem;background:linear-gradient(to right,#60a5fa,#a78bfa);background-clip:text;-webkit-background-clip:text;color:transparent}.close-btn{background:transparent!important;border:1px solid rgba(255,255,255,.2)!important;color:#cbd5e1!important;padding:.8rem 2rem!important;border-radius:12px!important;font-size:.9rem!important;font-weight:700!important;cursor:pointer!important;text-transform:uppercase!important;letter-spacing:.1em!important;transition:all .3s ease!important;margin-top:2rem;width:100%}.close-btn:hover{background:#ffffff1a!important;color:#fff!important;border-color:#ffffff80!important;transform:translateY(-2px)}.back-btn{background:transparent;border:none;color:#94a3b8;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;margin-bottom:2rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.back-btn:hover{color:#fff;transform:translate(-5px)}.story-selection{display:flex;flex-direction:column;gap:3rem}.selection-title{font-size:1.8rem;font-weight:800;text-align:center;letter-spacing:-.01em;color:#f1f5f9}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;width:100%}.story-card-btn{background:var(--dossier-card);border:1px solid var(--panel-border);border-left:6px solid var(--accent-color);border-radius:16px;padding:2.5rem;text-align:left;color:#f8fafc;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;min-height:180px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-card-btn:after{content:"CONFIDENTIAL";position:absolute;bottom:20px;right:20px;font-size:.7rem;font-weight:900;color:#ef4444;border:2px solid #ef4444;opacity:.4;transform:rotate(-15deg);padding:4px 8px}.story-card-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,transparent 100%);opacity:0;transition:opacity .4s}.story-card-btn:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px -12px #000000b3,0 0 20px #3b82f633;border-left-color:#8b5cf6;background:#2d3d56f2}.story-card-btn:hover:before{opacity:1}.story-container{animation:slideUp .6s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.final-story{font-size:1.5rem;line-height:2;color:#f1f5f9}.inserted-word{color:#60a5fa;background:#3b82f626;padding:.1rem .6rem;border-radius:6px;box-shadow:0 0 15px #3b82f64d;font-weight:800;border-bottom:2px solid var(--accent-color)}.truth-section{margin-top:5rem;background:#0f172a66;border:1px solid rgba(239,68,68,.2);border-left:8px solid var(--danger-accent);padding:3rem;border-radius:20px}.truth-section h3{font-size:1.8rem;font-weight:800;color:var(--danger-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem}.real-quote-box{background:#00000080;border-radius:12px;padding:2.5rem;font-size:1.3rem;line-height:1.8}.divider{border:0;height:2px;background:linear-gradient(to right,transparent,var(--panel-border),var(--accent-color),var(--panel-border),transparent);margin:4rem 0;position:relative;opacity:.5}.divider:after{content:"END OF ADAPTATION / BEGINNING OF EVIDENCE";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-color);padding:0 20px;font-size:.6rem;font-family:var(--mono-family);color:var(--danger-accent);letter-spacing:.3em;font-weight:800}.sources-box h4{color:var(--accent-color);font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem;font-weight:800}.sources-box ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.sources-box a{color:#94a3b8;text-decoration:none;font-size:.95rem;transition:all .2s;display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;background:#ffffff05;border:1px solid transparent}.sources-box a:before{content:"→";font-weight:800}.sources-box a:hover{color:#fff;background:#3b82f61a;border-color:#3b82f64d;transform:translate(5px)}.generating-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;min-height:250px;text-align:center}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--accent-color);animation:spin 1s ease-in-out infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{font-family:var(--mono-family);color:#94a3b8;font-size:1.1rem;margin-bottom:2rem;height:1.5rem}.progress-bar-container{width:80%;max-width:400px;height:8px;background:#00000080;border-radius:4px;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--accent-color);width:0%;animation:progressFill 20s linear forwards;box-shadow:0 0 10px #3b82f680}@keyframes progressFill{0%{width:0%}10%{width:15%}30%{width:40%}50%{width:55%}70%{width:80%}90%{width:95%}to{width:100%}}.avatar-container{display:flex;justify-content:center;margin:2rem 0;animation:fadeIn 1s ease-out forwards}.trump-avatar{max-width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px -5px #00000080;max-height:250px;object-fit:contain}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.story-card-btn{animation:fadeIn .6s cubic-bezier(.23,1,.32,1) both}.story-card-btn:nth-child(1){animation-delay:.1s}.story-card-btn:nth-child(2){animation-delay:.2s}.story-card-btn:nth-child(3){animation-delay:.3s}.story-card-btn:nth-child(4){animation-delay:.4s}.story-card-btn:nth-child(5){animation-delay:.5s}.story-card-btn:nth-child(6){animation-delay:.6s}.header-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;margin-bottom:2rem;flex-wrap:wrap}.action-row{display:flex;justify-content:center;margin-top:1rem}.link-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;padding:.5rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;text-decoration:none}.link-btn:hover{background:#ffffff26;color:#fff;border-color:#fff;transform:translateY(-2px)}.link-btn.outline{background:transparent;border-color:var(--accent-color);color:var(--accent-color)}.link-btn.outline:hover{background:#3b82f626;color:#fff;box-shadow:0 0 15px #3b82f64d}.names-modal{max-width:700px!important}.names-list{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;justify-content:center}.name-tag{background:#ef444426;border:1px solid var(--danger-accent);color:#fca5a5;padding:.5rem 1rem;border-radius:6px;font-family:var(--mono-family);font-size:.9rem;font-weight:700}.names-disclaimer{font-size:.8rem;color:#94a3b8;text-align:center;font-style:italic;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.social-share-section{margin-top:6rem;margin-bottom:2rem;padding:3rem;background:var(--panel-bg);border:1px solid var(--accent-color);border-radius:20px;text-align:center;box-shadow:0 20px 50px #00000080,inset 0 0 30px #3b82f61a}.social-share-section h3{font-size:1.8rem;font-weight:800;margin-bottom:2rem;color:#f1f5f9}.share-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.share-btn{padding:.8rem 2rem;border-radius:12px;font-size:1rem;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.share-btn:hover{transform:translateY(-4px) scale(1.05)}.share-btn.twitter{background:#000;border:1px solid #333;box-shadow:0 10px 20px #0006}.share-btn.twitter:hover{box-shadow:0 15px 30px #ffffff1a;background:#111}.share-btn.facebook{background:#1877f2;box-shadow:0 10px 20px #1877f24d}.share-btn.facebook:hover{box-shadow:0 15px 30px #1877f280;background:#166fe5}.share-btn.copy{background:#334155;box-shadow:0 10px 20px #3341554d}.share-btn.copy:hover{box-shadow:0 15px 30px #33415580;background:#475569}.action-buttons-row{display:flex;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.action-btn{padding:.8rem 1.5rem;border-radius:50px;font-size:.95rem;font-weight:600;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover:not(:disabled):not(.disabled){transform:translateY(-2px);background:#ffffff1a;border-color:#ffffff4d}.action-btn:disabled,.action-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.action-btn.replay{color:#cbd5e1}.action-btn.download{color:#60a5fa;border-color:#60a5fa4d}.action-btn.download:hover:not(.disabled){background:#60a5fa1a;box-shadow:0 10px 20px #60a5fa33}.action-btn.image-export{color:#a78bfa;border-color:#a78bfa4d}.action-btn.image-export:hover:not(:disabled){background:#a78bfa1a;box-shadow:0 10px 20px #a78bfa33}.footer{text-align:center;padding:2rem 0;border-top:1px solid var(--panel-border);margin-top:4rem;position:relative;z-index:10}.footer p{color:#64748b;font-size:.9rem;margin-bottom:.5rem}.footer a{color:var(--accent-color);text-decoration:none;transition:color .2s}.footer a:hover{color:#a78bfa;text-decoration:underline}.designer-link{font-size:.8rem!important;opacity:.7}.exit-modal{text-align:center;max-width:500px!important}.exit-message{font-size:1.2rem;color:#cbd5e1;margin-bottom:2.5rem}.modal-share{margin-bottom:2rem}.outline-close{background:transparent!important;border:1px solid rgba(255,255,255,.2)!important;color:#94a3b8!important;font-weight:600!important;font-size:.9rem!important;transition:all .2s ease;padding:.6rem 1.5rem!important;margin-top:0!important}.outline-close:hover{background:#ffffff1a!important;color:#fff!important}.stage-two{max-width:650px!important;border:1px solid rgba(239,68,68,.3)!important;box-shadow:0 25px 50px -12px #ef444440!important}.angry-heading{color:#ef4444;font-size:1.8rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.evidence-img{width:100%;max-height:400px;object-fit:contain;border-radius:8px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.prize-modal{max-width:600px!important;text-align:center;border:1px solid var(--accent-color)!important;box-shadow:0 25px 50px -12px #3b82f64d!important}.decipher-container{background:#00000080;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:2rem;min-height:120px;display:flex;align-items:center;justify-content:center}.decipher-text{font-family:var(--mono-family);font-size:1.5rem;color:#94a3b8;word-break:break-word;margin:0;transition:all .3s ease}.decipher-text.locked{color:#ef4444;text-shadow:0 0 15px rgba(239,68,68,.6);font-weight:900}.prize-form-container{animation:fadeIn 1s ease-out forwards}.prize-desc{color:#cbd5e1;margin-bottom:1.5rem;font-size:1.1rem}.prize-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.prize-input{background:#0000004d;border:1px solid rgba(255,255,255,.2);padding:1rem;border-radius:8px;color:#fff;font-size:1.1rem;font-family:var(--mono-family);text-align:center}.prize-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 15px #3b82f64d}.error-text{color:#ef4444;font-size:.9rem;margin-top:.5rem}.prize-success{padding:2rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px}.success-text{color:#4ade80;font-size:2rem;margin-bottom:1rem;text-shadow:0 0 15px rgba(34,197,94,.4)}@keyframes angryShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.easter-egg-shake{animation:angryShake .4s ease-in-out;background:#ef444433!important;border-color:#ef4444!important;color:#fca5a5!important;font-family:Inter,sans-serif!important;font-weight:900!important;font-size:.7rem!important;letter-spacing:-.5px!important;font-stretch:condensed!important;text-shadow:0 0 10px rgba(239,68,68,.5);pointer-events:none}@keyframes intenseGlitch{0%{filter:hue-rotate(0deg) contrast(1);transform:translate(0) skew(0)}20%{filter:hue-rotate(90deg) contrast(2) invert(.8);transform:translate(-5px,5px) skew(10deg)}40%{filter:hue-rotate(-90deg) contrast(1.5) invert(0);transform:translate(5px,-5px) skew(-10deg)}60%{filter:hue-rotate(180deg) invert(1);transform:translate(-5px,-2px) skew(5deg)}80%{filter:hue-rotate(45deg) contrast(3);transform:translate(5px,2px) skew(-5deg)}to{filter:hue-rotate(0deg) contrast(1);transform:translate(0) skew(0)}}.glitch-effect{animation:intenseGlitch .15s infinite}@keyframes sirenFlash{0%,to{box-shadow:inset 0 0 #ef444400}50%{box-shadow:inset 0 0 150px 50px #ef444466}}.declassified-mode{animation:sirenFlash 1s infinite alternate}.declassified-mode:before{background:repeating-linear-gradient(0deg,rgba(239,68,68,.15) 0px,rgba(239,68,68,.15) 2px,transparent 2px,transparent 4px)!important}.redaction-container{position:relative;display:inline-block;cursor:default;margin:.5rem 0}.cover-text{position:relative;z-index:2;transition:opacity 3s ease-in;color:#64748b}.redaction-container:hover .cover-text{opacity:0}.secret-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ef4444;font-weight:800;white-space:nowrap;opacity:0;transition:opacity 3s ease-in;z-index:1;pointer-events:none;text-shadow:0 0 8px rgba(239,68,68,.5)}.redaction-container:hover .secret-text{opacity:1}.exit-email-capture{width:100%;margin-top:1rem;transition:all .3s ease}.exit-email-capture.locked{opacity:.5;pointer-events:none;filter:grayscale(100%)}.exit-email-capture.unlocked{opacity:1;pointer-events:auto;filter:none}.exit-inline-form{margin-top:1rem;margin-bottom:0}.merch-ad-container{text-align:center;margin:3rem auto 1rem;max-width:600px}.merch-ad-img{width:100%;max-width:450px;height:auto;border-radius:12px;border:3px solid #ef4444;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000080}.merch-ad-img:hover{box-shadow:0 0 25px 5px #ef4444cc,0 0 15px #ef444480;transform:scale(1.02)}.cta-watermark{display:none;text-align:center;background:#ef444426;border:2px dashed #ef4444;padding:1rem;border-radius:8px;margin:1.5rem auto 2rem;max-width:90%;font-size:1.25rem;font-weight:800;color:#f8fafc;letter-spacing:.5px;text-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 4px 15px #ef444433}.cta-watermark span{color:#ef4444}.cta-watermark span.highlight{color:#fbbf24;text-decoration:underline;text-underline-offset:4px}@media (max-width: 768px){.corner-decal{bottom:1rem;max-width:180px;width:40vw}.corner-decal.left{left:.5rem}.corner-decal.right{right:.5rem}.hero-card{border-radius:12px}.story-grid,.inputs-grid{grid-template-columns:1fr}.share-buttons{flex-direction:column}.share-btn{width:100%;margin-bottom:.5rem}.action-buttons-row{flex-direction:column;gap:.75rem}.action-btn{width:100%;padding:1rem}}@media (max-width: 768px),(max-height: 850px){.modal-overlay{padding:1rem}.modal{width:90%;max-width:500px!important;padding:2rem;border-radius:20px}.modal h2{font-size:1.5rem!important;margin-bottom:.75rem}.exit-message{font-size:.9rem;margin-bottom:.75rem}.evidence-img{max-height:30vh;margin-bottom:.75rem}.share-buttons{gap:.8rem;flex-direction:column;align-items:center}.share-btn{width:100%;padding:.6rem;font-size:.85rem;margin:0}.submit-btn{padding:1rem;font-size:1rem;margin-top:1rem}.prize-desc{font-size:.85rem}.prize-form-container{margin-top:.5rem}.decipher-text{font-size:1.1rem}.angry-heading{font-size:1.25rem;margin-bottom:.5rem}.close-btn{padding:.5rem 1rem;font-size:.8rem;margin-top:.5rem}}.audio-player-panel{position:fixed;top:20px;right:20px;z-index:1000;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:50px;display:flex;align-items:center;padding:.4rem;gap:.6rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;box-shadow:0 4px 20px #00000080}.mute-btn.integrated{background:#1e293bcc;border:1px solid transparent;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .3s ease;color:#fff}.mute-btn.integrated:hover{transform:scale(1.1);background:#3b82f64d;border-color:#60a5fa4d}.volume-slider-container{display:flex;align-items:center;width:80px;margin-right:.8rem}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff26;border-radius:4px;outline:none;cursor:pointer;transition:background .3s ease}.volume-slider:hover{background:#ffffff40}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#60a5fa;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #60a5fa66}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.3);background:#93c5fd;box-shadow:0 0 15px #93c5fdcc}.how-to-play-modal{padding:2rem!important;text-align:left}.how-to-play-modal h2{font-size:1.8rem!important;margin-bottom:.5rem;text-align:center}.how-to-play-modal .modal-desc{font-size:.9rem;margin-bottom:1rem;text-align:center}.how-to-play-modal .grammar-title{color:#fca5a5;font-size:1.1rem;margin-top:.5rem;margin-bottom:.5rem}.how-to-play-modal .grammar-list{font-size:.85rem;margin-bottom:1rem;margin-left:1.5rem;line-height:1.4}.how-to-play-modal .grammar-list li{margin-bottom:.25rem}.how-to-play-modal .pro-tip-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:.75rem;border-radius:8px;margin-bottom:1rem;text-align:center;font-size:.85rem}.how-to-play-modal .compact-btn{padding:.8rem 1rem!important;margin-top:.5rem;font-size:.9rem!important}