.embedded-presentation{background:linear-gradient(135deg,#1a1410f2,#231c14e6,#1c1610f2);border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006,inset 0 1px #d4af371a,inset 0 -1px #0003;position:relative;overflow:hidden;width:100%;max-width:100%}.embedded-presentation:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle at top right,rgba(212,175,55,.1) 0%,transparent 70%);pointer-events:none}.embedded-presentation:after{content:"";position:absolute;bottom:0;left:0;width:120px;height:120px;background:radial-gradient(circle at bottom left,rgba(212,175,55,.05) 0%,transparent 70%);pointer-events:none}.embedded-presentation-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;padding:10px 0 20px;position:relative}.embedded-presentation-header .header-decoration{flex:1;height:2px;max-width:150px;position:relative}.embedded-presentation-header .header-decoration.left{background:linear-gradient(90deg,transparent,rgba(212,175,55,.6))}.embedded-presentation-header .header-decoration.right{background:linear-gradient(90deg,rgba(212,175,55,.6),transparent)}.embedded-presentation-header .header-decoration:before{content:"◆";position:absolute;top:50%;transform:translateY(-50%);color:var(--gaming-primary, #d4af37);font-size:8px;opacity:.8}.embedded-presentation-header .header-decoration.left:before{right:-4px}.embedded-presentation-header .header-decoration.right:before{left:-4px}.embedded-presentation-title{font-family:var(--font-primary, "Cinzel", serif);font-size:24px;font-weight:700;color:var(--gaming-primary, #d4af37);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px rgba(212,175,55,.4),0 2px 8px rgba(0,0,0,.6);margin:0;text-align:center;white-space:nowrap}.embedded-presentation-viewport-wrapper{position:relative}.embedded-scroll-viewport{position:relative;width:100%;height:780px;border-radius:8px;overflow:hidden;background:#0000004d;border:1px solid rgba(212,175,55,.15)}.embedded-scroll-strip{display:flex;flex-direction:column}.embedded-scroll-image{width:100%;height:auto;flex-shrink:0;display:block}.embedded-scroll-gradient-top{position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,rgba(26,20,16,.95) 0%,rgba(26,20,16,.6) 40%,transparent 100%);pointer-events:none;z-index:2}.embedded-scroll-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,rgba(26,20,16,.95) 0%,rgba(26,20,16,.6) 40%,transparent 100%);pointer-events:none;z-index:2}.embedded-floating-toggle{position:absolute;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;background:#14100cd9;border:2px solid rgba(212,175,55,.4);color:var(--gaming-primary, #d4af37);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .3s ease;backdrop-filter:blur(8px);box-shadow:0 4px 20px #00000080}.embedded-floating-toggle .floating-icon{font-size:16px;transition:transform .2s ease}.embedded-floating-toggle:hover{background:#1e1812f2;border-color:#d4af37b3;box-shadow:0 4px 24px #0009,0 0 20px #d4af3733;transform:scale(1.08)}.embedded-floating-toggle:hover .floating-icon{transform:scale(1.1)}.embedded-floating-toggle.active{background:#d4af3726;border-color:#d4af3780}.embedded-floating-toggle.paused{background:#28190fe6;border-color:#ffb46499;color:#ffb464;animation:embedded-pulse 2s ease-in-out infinite}@keyframes embedded-pulse{0%,to{box-shadow:0 4px 20px #00000080,0 0 15px #ffb46433}50%{box-shadow:0 4px 24px #0009,0 0 25px #ffb46466}}.embedded-scroll-hint{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#000000bf;color:var(--color-text-secondary, #a89a80);font-size:12px;padding:10px 20px;border-radius:20px;backdrop-filter:blur(4px);z-index:3;pointer-events:none;border:1px solid rgba(212,175,55,.2);animation:embedded-hint-fade 3s ease-in-out infinite}@keyframes embedded-hint-fade{0%,to{opacity:.7}50%{opacity:1}}.embedded-presentation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.embedded-presentation-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.2);border-top-color:var(--gaming-primary, #d4af37);border-radius:50%;animation:embedded-spin 1s linear infinite}@keyframes embedded-spin{to{transform:rotate(360deg)}}.embedded-presentation-loading p{color:var(--color-text-secondary, #a89a80);font-size:14px}.embedded-presentation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;text-align:center}.embedded-presentation-error p{color:#ff6b6b;font-size:14px}.embedded-presentation-error .retry-button{background:linear-gradient(135deg,#d4af3740,#b48c2833);border:1px solid rgba(212,175,55,.5);border-radius:6px;color:var(--gaming-primary, #d4af37);padding:10px 20px;cursor:pointer;font-weight:600;transition:all .3s ease}.embedded-presentation-error .retry-button:hover{background:linear-gradient(135deg,#d4af3759,#b48c284d);border-color:#d4af37b3}.embedded-presentation-no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;text-align:center;padding:40px}.embedded-presentation-no-content .no-content-icon{font-size:48px;opacity:.6}.embedded-presentation-no-content h3{color:var(--gaming-primary, #d4af37);font-size:20px;margin:0}.embedded-presentation-no-content p{color:var(--color-text-secondary, #a89a80);font-size:14px;margin:0}@media(max-width:768px){.embedded-presentation{padding:16px}.embedded-presentation-title{font-size:18px;letter-spacing:2px}.embedded-presentation-header .header-decoration{max-width:80px}.embedded-scroll-viewport{height:585px}.embedded-floating-toggle{width:42px;height:42px;bottom:15px;right:15px}.embedded-scroll-gradient-top,.embedded-scroll-gradient-bottom{height:50px}}@media(max-width:480px){.embedded-presentation-title{font-size:16px;letter-spacing:1px}.embedded-presentation-header .header-decoration{display:none}.embedded-scroll-viewport{height:455px}.embedded-floating-toggle{width:38px;height:38px;bottom:12px;right:12px}.embedded-floating-toggle .floating-icon{font-size:14px}}.fullscreen-presentation{position:fixed;inset:0;background:#23190f;z-index:9999;display:grid;grid-template-columns:30% 40% 30%;grid-template-rows:1fr;overflow-y:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:40vh;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.fullscreen-presentation::-webkit-scrollbar{display:none}.fullscreen-presentation:before,.fullscreen-presentation:after{content:"";min-height:40vh}.logo-home-button{position:fixed;top:-75px;left:calc(15% - 125px);background:transparent;border:none;padding:0;cursor:pointer;transition:all .3s ease;z-index:10001;display:flex;align-items:center;justify-content:center}.logo-home-button:hover{opacity:.7}.logo-image{width:250px;height:250px;object-fit:contain}.fullscreen-language-selector{position:fixed;top:20px;right:50px;z-index:10001}.discord-widget{position:fixed;top:80px;right:50px;z-index:10001}.discord-widget img{border-radius:8px;box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.discord-widget img:hover{transform:scale(1.05);box-shadow:0 6px 20px #0006}.fullscreen-language-selector .language-select{background:#000c;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.fullscreen-language-selector .language-select:hover,.fullscreen-language-selector .language-select:focus{background:#000000e6;border-color:#fffc;outline:none}.sequential-images-container{grid-column:2;position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;padding-top:0}.images-header{text-align:center;margin-bottom:2rem;padding:1rem;background:#000c;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.presentation-title{color:#fff;font-size:2rem;margin:0 0 .5rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.images-count{color:#fffc;font-size:1rem;margin:0;font-weight:500}.seamless-images-scroll{display:flex;flex-direction:column;align-items:center;gap:0}.sequential-image-wrapper{position:relative;text-align:center;padding:1rem;background:#0009;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.sequential-image-wrapper:hover{background:#000c;border-color:#ffffff4d;transform:translateY(-2px)}.image-number{position:absolute;top:10px;right:10px;background:#000000e6;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;border:1px solid rgba(255,255,255,.3);z-index:100}.seamless-image{width:750px;height:auto;border:none;border-radius:0;box-shadow:none;margin:0;padding:0;display:block;cursor:default}.fullscreen-image{max-width:750px;width:100%;height:auto;object-fit:contain;border-radius:0;box-shadow:none;cursor:pointer;display:block}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:60px;height:60px;font-size:2rem;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:10000;display:flex;align-items:center;justify-content:center;user-select:none}.nav-arrow:hover{background:#fff3;border-color:#fffc;transform:translateY(-50%) scale(1.1)}.prev-arrow{left:30px}.next-arrow{right:30px}.image-counter{position:absolute;top:30px;right:50%;transform:translate(50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;border:1px solid rgba(255,255,255,.3);z-index:10000}.fullscreen-thumbnails{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:.5rem;padding:1rem;background:#000c;border-radius:10px;border:1px solid rgba(255,255,255,.2);z-index:10000;max-width:80vw;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.thumbnail{width:60px;height:60px;border:2px solid rgba(255,255,255,.3);border-radius:6px;overflow:hidden;cursor:default;transition:all .3s ease;background:#000;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail:hover{border-color:#fffc;transform:scale(1.05)}.thumbnail.active{border-color:#fff;box-shadow:0 0 15px #ffffff80}.keyboard-shortcuts-info{position:fixed;bottom:20px;left:20px;background:#000000b3;color:#fffc;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;border:1px solid rgba(255,255,255,.2);z-index:10000}.fullscreen-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fullscreen-loading p{font-size:1.1rem;margin:0;opacity:.8}.fullscreen-error{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;max-width:500px;padding:2rem}.fullscreen-error h2{color:#ff6b6b;margin-bottom:1rem;font-size:1.5rem}.fullscreen-error p{margin-bottom:2rem;opacity:.8;line-height:1.5}.fullscreen-no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;max-width:500px;padding:2rem}.no-content-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.fullscreen-no-content h2{margin-bottom:1rem;font-size:1.5rem}.fullscreen-no-content p{margin-bottom:2rem;opacity:.8;line-height:1.5}.language-selector-container{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.language-selector-container label{font-size:.9rem;opacity:.8}.language-selector-container .language-select{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:6px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:all .3s ease}.language-selector-container .language-select:hover,.language-selector-container .language-select:focus{background:#fff3;border-color:#fffc;outline:none}.retry-button,.back-button{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin:.5rem}.retry-button:hover,.back-button:hover{background:#fff3;border-color:#fffc;transform:translateY(-2px)}.retry-button{background:#4caf5033;border-color:#4caf5099}.retry-button:hover{background:#4caf504d;border-color:#4caf50cc}@media(max-width:768px){.fullscreen-presentation{grid-template-columns:5% 90% 5%}.sequential-images-container{padding:0 .5rem}.presentation-title{font-size:1.5rem}.seamless-image{width:100%;max-width:750px;max-height:70vh}.seamless-images-scroll{gap:0}.fullscreen-image{width:100vw;height:100vh}.exit-fullscreen{top:15px;right:15px;width:40px;height:40px;font-size:1.2rem}.fullscreen-language-selector{top:15px;left:15px}.nav-arrow{width:50px;height:50px;font-size:1.5rem}.prev-arrow{left:20px}.next-arrow{right:20px}.image-counter{top:20px;font-size:.8rem;padding:.4rem .8rem}.fullscreen-thumbnails{bottom:10px;max-width:90vw}.thumbnail{width:50px;height:50px}.keyboard-shortcuts-info{bottom:10px;left:10px;font-size:.7rem;padding:.4rem .8rem}}@media(max-width:480px){.fullscreen-presentation{grid-template-columns:2% 96% 2%}.sequential-images-container{padding:0 .2rem}.presentation-title{font-size:1.2rem}.images-count{font-size:.9rem}.seamless-image{width:100%;max-width:750px;max-height:60vh}.seamless-images-scroll{gap:0}.image-number{font-size:.8rem;padding:.3rem .6rem}.fullscreen-image{width:100vw;height:100vh}.nav-arrow{width:40px;height:40px;font-size:1.3rem}.prev-arrow{left:10px}.next-arrow{right:10px}.fullscreen-thumbnails,.keyboard-shortcuts-info{display:none}}.fullscreen-thumbnails::-webkit-scrollbar{height:4px}.fullscreen-thumbnails::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.fullscreen-thumbnails::-webkit-scrollbar-thumb{background:#fff6;border-radius:2px}.fullscreen-thumbnails::-webkit-scrollbar-thumb:hover{background:#fff9}
