@import url(https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Tajawal:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=Dancing+Script:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&family=Amiri:ital,wght@0,400;0,700;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pirata+One&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Cinzel:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@-moz-document url-prefix(){*,:after,:before{animation:none!important;animation-delay:0s!important;animation-duration:0s!important;transition:none!important;transition-delay:0s!important;transition-duration:0s!important}}.professional-mode{background:var(--pro-bg);min-height:100vh;padding:2rem;position:relative}.professional-mode .back-button{align-items:center;background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:var(--radius-base);color:var(--pro-text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--font-size-sm);gap:.5rem;left:2rem;padding:.75rem 1.25rem;position:fixed;top:2rem;transition:all var(--transition-base);z-index:100}.professional-mode .back-button:hover{background:var(--pro-bg-card-hover);border-color:var(--pro-accent);color:var(--pro-text-primary)}.professional-mode .back-arrow{font-size:var(--font-size-base)}.professional-mode .download-cv{background:var(--pro-accent);border-radius:var(--radius-base);color:#fff;font-size:var(--font-size-sm);font-weight:500;padding:.75rem 1.25rem;position:fixed;right:2rem;text-decoration:none;top:2rem;transition:all var(--transition-base);z-index:100}.professional-mode .download-cv:hover{background:var(--pro-accent-hover);box-shadow:var(--shadow-glow-blue);transform:translateY(-2px)}.professional-mode .cv-container{margin:0 auto;max-width:700px;padding:4rem 0}.professional-mode .cv-header{border-bottom:1px solid var(--pro-border);margin-bottom:3rem;padding-bottom:3rem;text-align:center}.professional-mode .cv-photo{border:3px solid var(--pro-border);border-radius:50%;box-shadow:var(--shadow-md);height:140px;margin:0 auto 1.5rem;overflow:hidden;width:140px}.professional-mode .cv-photo img{filter:grayscale(10%);height:100%;object-fit:cover;width:100%}.professional-mode .cv-name{color:var(--pro-text-primary);font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:500;letter-spacing:.03em;margin-bottom:.75rem}.professional-mode .cv-title{color:var(--pro-text-primary);font-size:var(--font-size-lg);margin-bottom:.5rem}.professional-mode .cv-subtitle{color:var(--pro-text-secondary);font-size:var(--font-size-sm);margin-bottom:1.5rem}.professional-mode .cv-contact{align-items:center;color:var(--pro-text-muted);display:flex;font-size:var(--font-size-sm);gap:.75rem;justify-content:center}.professional-mode .cv-contact .separator{color:var(--pro-border)}.professional-mode .cv-section{margin-bottom:3rem}.professional-mode .section-title{color:var(--pro-text-muted);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase}.professional-mode .section-title,.professional-mode .section-title-row{border-bottom:1px solid var(--pro-border);margin-bottom:1.5rem;padding-bottom:.5rem}.professional-mode .section-title-row{align-items:center;display:inline-flex;gap:.5rem;width:100%}.professional-mode .section-title-row .section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.professional-mode .experience-list{display:flex;flex-direction:column;gap:2rem}.professional-mode .experience-item{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:140px 1fr}@media (max-width:600px){.professional-mode .experience-item{gap:.5rem;grid-template-columns:1fr}}.professional-mode .exp-period{color:var(--pro-text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm)}.professional-mode .exp-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.25rem}.professional-mode .exp-title{color:var(--pro-text-primary);font-size:var(--font-size-base);font-weight:600}.professional-mode .exp-type-chip{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;padding:.125rem .5rem}.professional-mode .exp-type-chip.student{background:#8b5cf626;border:1px solid #8b5cf64d;color:#a78bfa}.professional-mode .exp-company{color:var(--pro-accent);font-size:var(--font-size-sm);margin-bottom:.125rem}.professional-mode .exp-location{color:var(--pro-text-muted);font-size:var(--font-size-xs);margin-bottom:.5rem}.professional-mode .exp-description{color:var(--pro-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.professional-mode .education-list{display:flex;flex-direction:column;gap:1.5rem}.professional-mode .education-item{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:140px 1fr}@media (max-width:600px){.professional-mode .education-item{gap:.5rem;grid-template-columns:1fr}}.professional-mode .edu-year{color:var(--pro-text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm)}.professional-mode .edu-degree{color:var(--pro-text-primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:.25rem}.professional-mode .edu-institution{color:var(--pro-accent);font-size:var(--font-size-sm);margin-bottom:.125rem}.professional-mode .edu-location{color:var(--pro-text-muted);font-size:var(--font-size-xs);margin-bottom:.375rem}.professional-mode .edu-details{color:var(--pro-text-secondary);font-size:var(--font-size-sm);margin-bottom:.25rem}.professional-mode .edu-thesis{color:var(--pro-text-secondary);font-size:var(--font-size-sm);font-style:italic}.professional-mode .skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.professional-mode .skill-tag{background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:var(--radius-full);color:var(--pro-text-secondary);font-size:var(--font-size-sm);padding:.375rem .875rem;transition:all var(--transition-fast)}.professional-mode .skill-tag:hover{background:var(--pro-accent-subtle);border-color:var(--pro-accent);color:var(--pro-text-primary)}.professional-mode .languages-list{display:flex;flex-wrap:wrap;gap:1rem 2rem}.professional-mode .language-item{align-items:center;display:flex;gap:.5rem}.professional-mode .language-name{color:var(--pro-text-primary);font-size:var(--font-size-sm);font-weight:500}.professional-mode .language-level{background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:var(--radius-sm);color:var(--pro-text-muted);font-size:var(--font-size-xs);padding:.125rem .5rem}.professional-mode .cv-languages-top{margin-bottom:2rem}.professional-mode .cv-languages-top .languages-list{justify-content:center}.professional-mode .awards-list{display:flex;flex-direction:column;gap:1rem}.professional-mode .award-item{border-left:2px solid var(--pro-border);padding-left:1rem}.professional-mode .award-title{color:var(--pro-text-primary);font-size:var(--font-size-base);font-weight:500;margin-bottom:.25rem}.professional-mode .award-title a{color:var(--pro-accent);text-decoration:none;transition:color var(--transition-fast)}.professional-mode .award-title a:hover{color:var(--pro-accent-hover);text-decoration:underline}.professional-mode .award-context{color:var(--pro-text-muted);font-size:var(--font-size-sm)}.professional-mode .cv-links{border-top:1px solid var(--pro-border);padding-top:2rem;text-align:center}.professional-mode .social-links{display:flex;gap:2rem;justify-content:center}.professional-mode .social-links a{color:var(--pro-text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.professional-mode .social-links a:hover{color:var(--pro-accent)}.context-badge-wrapper{position:relative}.context-badge,.context-badge-wrapper{align-items:center;display:inline-flex}.context-badge{background:#0000;border:none;cursor:pointer;justify-content:center;padding:0}.context-badge,.context-badge .badge-icon{transition:all var(--transition-base)}.context-badge.creative{background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:50%;height:22px;width:22px}.context-badge.creative .badge-icon{color:var(--cr-accent-gold);height:14px;opacity:.7;width:14px}.context-badge.creative.active,.context-badge.creative:hover{background:var(--cr-bg-card-hover);border-color:var(--cr-border-gold);box-shadow:var(--shadow-glow-gold);transform:scale(1.1)}.context-badge.creative.active .badge-icon,.context-badge.creative:hover .badge-icon{opacity:1}.context-badge.professional{background:#0000;border:1.5px solid var(--pro-border);border-radius:50%;height:20px;width:20px}.context-badge.professional .badge-icon{color:var(--pro-text-muted);height:16px;width:16px}.context-badge.professional.active,.context-badge.professional:hover{background:var(--pro-accent-subtle);border-color:var(--pro-accent)}.context-badge.professional.active .badge-icon,.context-badge.professional:hover .badge-icon{color:var(--pro-accent)}.context-popover{left:50%;max-width:380px;min-width:280px;position:absolute;transform:translateX(-50%);width:max-content;z-index:1000}.context-popover.above{bottom:calc(100% + 12px)}.context-popover.below{top:calc(100% + 12px)}.popover-content{font-size:var(--font-size-sm);line-height:1.7;padding:1rem 1.25rem;text-align:left}.popover-content p{margin:0}.popover-arrow{height:12px;left:50%;position:absolute;transform:translateX(-50%);width:12px}.popover-arrow.above{bottom:-6px;clip-path:polygon(50% 100%,0 0,100% 0)}.popover-arrow.below{clip-path:polygon(50% 0,0 100%,100% 100%);top:-6px}.context-popover.creative{background:var(--cr-bg-card);border:1px solid var(--cr-border-gold);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006,var(--shadow-glow-gold)}.context-popover.creative .popover-content{color:var(--cr-text-secondary);font-family:var(--font-body)}.context-popover.creative .popover-content p:first-letter{color:var(--cr-accent-gold);font-size:1.2em;font-weight:500}.context-popover.creative .popover-arrow{background:var(--cr-bg-card);border:1px solid var(--cr-border-gold)}.context-popover.creative .popover-arrow.above{border-left:none;border-top:none}.context-popover.creative .popover-arrow.below{border-bottom:none;border-right:none}.context-popover.professional{background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:var(--radius-base);box-shadow:0 4px 20px #0000004d}.context-popover.professional .popover-content{color:var(--pro-text-secondary);font-family:var(--font-body)}.context-popover.professional .popover-arrow{background:var(--pro-bg-card);border:1px solid var(--pro-border)}.context-popover.professional .popover-arrow.above{border-left:none;border-top:none}.context-popover.professional .popover-arrow.below{border-bottom:none;border-right:none}@media (max-width:640px){.context-popover{max-width:calc(100vw - 2rem);min-width:240px}.popover-content{font-size:var(--font-size-xs);padding:.875rem 1rem}}@media (max-width:480px){.context-popover{left:auto;right:-1rem;transform:none}.popover-arrow{left:auto;right:1rem;transform:none}}body:has(.creative-mode){background:var(--cr-bg-deep)}.App:has(.creative-mode){background:#0000}.creative-mode{background:#0000;isolation:isolate;min-height:100vh;position:relative}.archive-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:-10}.bg-base{background:radial-gradient(ellipse 80% 50% at 50% 0,#0a0f0b 0,var(--cr-bg-deep) 60%),var(--cr-bg-deep);inset:0;position:absolute}.bg-gradient-animated{animation:ambient-drift 40s ease-in-out infinite;background:radial-gradient(ellipse 40% 30% at 20% 30%,#c9a2270f 0,#0000 50%),radial-gradient(ellipse 35% 25% at 80% 70%,#2d501614 0,#0000 50%),radial-gradient(ellipse 30% 20% at 60% 20%,#d4a3730d 0,#0000 40%);inset:-50%;position:absolute}@keyframes ambient-drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(3%,2%) scale(1.02)}50%{transform:translate(-2%,4%) scale(.98)}75%{transform:translate(1%,-2%) scale(1.01)}}.bg-stars{background-image:radial-gradient(1.5px 1.5px at 10% 15%,#c9a22780,#0000),radial-gradient(1.5px 1.5px at 25% 40%,#c9a22766,#0000),radial-gradient(1px 1px at 45% 10%,#c9a22799,#0000),radial-gradient(1.5px 1.5px at 60% 55%,#c9a22759,#0000),radial-gradient(1px 1px at 75% 25%,#c9a22773,#0000),radial-gradient(1.5px 1.5px at 90% 65%,#c9a22780,#0000),radial-gradient(1px 1px at 5% 80%,#c9a2274d,#0000),radial-gradient(1.5px 1.5px at 35% 75%,#c9a22766,#0000),radial-gradient(1px 1px at 55% 90%,#c9a22759,#0000),radial-gradient(1.5px 1.5px at 85% 5%,#c9a22780,#0000);background-size:500px 500px,600px 600px,450px 450px,550px 550px,480px 480px,520px 520px,580px 580px,470px 470px,530px 530px,490px 490px;height:140%;top:-20%}.bg-pattern,.bg-stars{left:0;position:absolute;right:0}.bg-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m50 0 50 50-50 50L0 50Z' fill='none' stroke='rgba(201,162,39,0.04)' stroke-width='.5'/%3E%3Ccircle cx='50' cy='50' r='3' fill='none' stroke='rgba(201,162,39,0.05)' stroke-width='.3'/%3E%3C/svg%3E");background-size:80px 80px;height:200%;top:-50%}.bg-particles{inset:0;position:absolute}.bg-particles .particle{animation:particle-float 20s ease-in-out infinite;background:var(--cr-accent-gold);border-radius:50%;box-shadow:0 0 6px #c9a22780;height:3px;opacity:0;position:absolute;width:3px}.bg-particles .particle:first-child{animation-delay:0s;animation-duration:18s;left:8%}.bg-particles .particle:nth-child(2){animation-delay:3s;animation-duration:22s;left:18%}.bg-particles .particle:nth-child(3){animation-delay:1s;animation-duration:19s;left:28%}.bg-particles .particle:nth-child(4){animation-delay:5s;animation-duration:24s;left:38%}.bg-particles .particle:nth-child(5){animation-delay:2s;animation-duration:20s;left:48%}.bg-particles .particle:nth-child(6){animation-delay:4s;animation-duration:21s;left:58%}.bg-particles .particle:nth-child(7){animation-delay:6s;animation-duration:17s;left:68%}.bg-particles .particle:nth-child(8){animation-delay:1.5s;animation-duration:23s;left:78%}.bg-particles .particle:nth-child(9){animation-delay:3.5s;animation-duration:19s;left:88%}.bg-particles .particle:nth-child(10){animation-delay:7s;animation-duration:25s;left:13%}.bg-particles .particle:nth-child(11){animation-delay:8s;animation-duration:16s;left:43%}.bg-particles .particle:nth-child(12){animation-delay:9s;animation-duration:22s;left:73%}@keyframes particle-float{0%{opacity:0;transform:translateY(110vh) scale(.5)}5%{opacity:.7}95%{opacity:.7}to{opacity:0;transform:translateY(-10vh) scale(1)}}.bg-noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.025;pointer-events:none}.bg-noise,.bg-vignette{inset:0;position:absolute}.bg-vignette{background:radial-gradient(ellipse 80% 70% at 50% 50%,#0000 0,#05050540 100%)}@media (prefers-reduced-motion:reduce){.bg-gradient-animated{animation:none}.bg-particles .particle{animation:none;opacity:.3}}@-moz-document url-prefix(){.bg-noise{mix-blend-mode:normal;opacity:.02}.bg-gradient-animated{animation:none}.bg-particles .particle{animation:none;opacity:0}.creative-mode .creative-photo-frame{animation:none;box-shadow:0 0 35px #c9a22759,0 0 70px #c9a2271f,inset 0 0 25px #c9a22738}.creative-mode .photo-ornament{animation:none;opacity:.8}.creative-mode .creative-name{animation:none;background-position:50% 50%}.creative-mode .player-vinyl.spinning,.creative-mode .scroll-arrow{animation:none}}.creative-mode .back-button{align-items:center;background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:var(--radius-base);color:var(--cr-text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--font-size-sm);gap:.5rem;left:2rem;padding:.75rem 1.25rem;position:fixed;top:2rem;transition:all var(--transition-base);z-index:100}.creative-mode .back-button:hover{background:var(--cr-bg-card-hover);border-color:var(--cr-border-gold);color:var(--cr-accent-gold)}.creative-mode .back-arrow{font-size:var(--font-size-base)}.creative-mode .scroll-progress{background:var(--cr-border);height:100vh;left:0;position:fixed;top:0;width:3px;z-index:99}.creative-mode .progress-bar{background:var(--cr-accent-gold);transform-origin:top;width:100%}.creative-mode .archive-container{margin:0 auto;max-width:900px;padding:0 2rem}.creative-mode .threshold-section{align-items:center;display:flex;justify-content:center;min-height:100vh}.creative-mode .threshold-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.creative-mode .creative-photo-frame{animation:frame-glow 4s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--cr-accent-gold) 0,#c9a2274d 50%,var(--cr-accent-gold) 100%);border-radius:50%;box-shadow:0 0 30px #c9a2274d,0 0 60px #c9a2271a,inset 0 0 20px #c9a22733;height:160px;padding:6px;position:relative;width:160px}@keyframes frame-glow{0%{box-shadow:0 0 30px #c9a2274d,0 0 60px #c9a2271a,inset 0 0 20px #c9a22733}to{box-shadow:0 0 40px #c9a22766,0 0 80px #c9a22726,inset 0 0 30px #c9a22740}}.creative-mode .creative-photo-frame img{border:3px solid var(--cr-bg-deep);border-radius:50%;height:100%;object-fit:cover;width:100%}.creative-mode .photo-ornament{animation:ornament-pulse 3s ease-in-out infinite;color:var(--cr-accent-gold);font-size:.875rem;position:absolute;text-shadow:0 0 10px #c9a22780}.creative-mode .photo-ornament.top-left{animation-delay:0s;left:-8px;top:-8px}.creative-mode .photo-ornament.top-right{animation-delay:.75s;right:-8px;top:-8px}.creative-mode .photo-ornament.bottom-left{animation-delay:1.5s;bottom:-8px;left:-8px}.creative-mode .photo-ornament.bottom-right{animation-delay:2.25s;bottom:-8px;right:-8px}@keyframes ornament-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.creative-mode .creative-name{-webkit-text-fill-color:#0000;animation:name-shimmer 8s ease-in-out infinite;background:linear-gradient(135deg,var(--cr-text-primary) 0,var(--cr-accent-gold) 50%,var(--cr-text-primary) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:clamp(2.25rem,6vw,3.5rem)}@keyframes name-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.creative-mode .creative-subtitle{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;line-height:1.8;max-width:600px}.creative-mode .subtitle-role{color:var(--cr-text-secondary);font-family:var(--font-accent);font-size:var(--font-size-sm);font-style:italic;transition:color .3s ease}.creative-mode .subtitle-role:hover{color:var(--cr-accent-gold)}.creative-mode .subtitle-divider{color:var(--cr-accent-gold);font-weight:300;opacity:.5}.creative-mode .archive-emblem{color:var(--cr-accent-gold);font-size:2rem;opacity:.6;text-shadow:var(--shadow-glow-gold)}.creative-mode .archive-title{color:var(--cr-text-primary);font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:500;letter-spacing:.05em}.creative-mode .archive-quote{color:var(--cr-text-secondary);display:flex;flex-direction:column;font-family:var(--font-accent);font-size:var(--font-size-lg);font-style:italic;gap:.5rem}.creative-mode .quote-author{color:var(--cr-accent-gold);font-size:var(--font-size-sm);opacity:.8}.creative-mode .scroll-prompt{align-items:center;color:var(--cr-text-muted);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:.5rem;margin-top:2rem}.creative-mode .scroll-arrow{animation:float 2s ease-in-out infinite}.creative-mode .archive-section{border-top:1px solid var(--cr-border);padding:6rem 0}.creative-mode .section-header{margin-bottom:3rem;text-align:center}.creative-mode .section-number{color:var(--cr-accent-gold);display:block;font-family:var(--font-display);font-size:var(--font-size-sm);letter-spacing:.2em;margin-bottom:.75rem}.creative-mode .section-title{color:var(--cr-text-primary);font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:500;letter-spacing:.03em;margin-bottom:.5rem}.creative-mode .section-title-row{align-items:center;display:inline-flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.creative-mode .section-title-row .section-title{margin-bottom:0}.creative-mode .section-subtitle{color:var(--cr-text-secondary);font-size:var(--font-size-sm);font-style:italic}.creative-mode .section-epilogue{color:var(--cr-text-muted);font-family:var(--font-accent);font-size:var(--font-size-sm);font-style:italic;margin-top:3rem;text-align:center}.creative-mode .worlds-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.creative-mode .world-card{cursor:pointer;height:320px;perspective:1000px}.creative-mode .world-card .card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.creative-mode .world-card.flipped .card-inner{transform:rotateY(180deg)}.creative-mode .world-card .card-back,.creative-mode .world-card .card-front{backface-visibility:hidden;border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;padding:1.5rem;position:absolute;width:100%}.creative-mode .world-card .card-front{align-items:center;background:var(--cr-bg-card);border:1px solid var(--cr-border);gap:1rem;justify-content:center;text-align:center}.creative-mode .world-card:hover .card-front{border-color:var(--cr-border-gold);box-shadow:var(--shadow-glow-gold)}.creative-mode .world-emblem{color:var(--cr-accent-gold);font-size:2rem}.creative-mode .world-name{color:var(--cr-text-primary);font-family:var(--font-display);font-size:var(--font-size-lg);letter-spacing:.02em}.creative-mode .world-subtitle{color:var(--cr-accent-gold);font-size:var(--font-size-xs);font-style:italic;margin-top:-.25rem}.creative-mode .world-brief{color:var(--cr-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.creative-mode .flip-hint{color:var(--cr-text-muted);font-size:var(--font-size-xs);margin-top:auto}.creative-mode .world-card .card-back{background:var(--cr-bg-card-hover);border:1px solid var(--cr-border-gold);gap:.75rem;transform:rotateY(180deg)}.creative-mode .world-name-back{color:var(--cr-accent-gold);font-family:var(--font-display);font-size:var(--font-size-base);margin-bottom:.5rem}.creative-mode .world-features{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.creative-mode .feature-item{display:flex;flex-direction:column;gap:.125rem}.creative-mode .feature-title{color:var(--cr-text-primary);font-size:var(--font-size-sm);font-weight:600}.creative-mode .feature-desc{color:var(--cr-text-secondary);font-size:var(--font-size-xs)}.creative-mode .related-book{border-top:1px solid var(--cr-border);color:var(--cr-text-muted);font-size:var(--font-size-xs);font-style:italic;margin-top:auto;padding-top:.5rem}.creative-mode .world-link{align-items:center;color:var(--cr-accent-gold);display:inline-flex;font-size:var(--font-size-xs);gap:.25rem;margin-top:auto;padding-top:.75rem;text-decoration:none;transition:all var(--transition-base)}.creative-mode .world-link:hover{color:var(--cr-accent-gold-hover);text-decoration:underline}.creative-mode .books-shelf{background:var(--cr-bg-drawer);border:1px solid var(--cr-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;padding:1rem}.creative-mode .book-spine{align-items:center;background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;text-decoration:none;transition:all var(--transition-base)}.creative-mode .book-spine:hover{background:var(--cr-bg-card-hover);border-color:var(--cr-border-gold)}.creative-mode .spine-content{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:space-between}.creative-mode .book-title{color:var(--cr-text-primary);font-size:var(--font-size-sm)}.creative-mode .book-chips{align-items:center;display:flex;gap:.5rem;margin-left:auto}.creative-mode .book-free{background:#64b46433;color:#7cb97c}.creative-mode .book-free,.creative-mode .book-status{border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:.25rem .5rem}.creative-mode .book-status{background:var(--cr-accent-gold-subtle);color:var(--cr-accent-gold)}.creative-mode .book-status.novel{background:var(--cr-accent-gold);color:var(--cr-bg-primary)}.creative-mode .book-status.novella{background:#c8b99626;color:#a09080}.creative-mode .book-status.in-progress{background:#6b655833;color:var(--cr-text-muted)}.creative-mode .book-links{display:flex;gap:.75rem}.creative-mode .book-links a{color:var(--cr-accent-gold);font-size:var(--font-size-xs);text-decoration:none;transition:color var(--transition-fast)}.creative-mode .book-links a:hover{color:var(--cr-accent-gold-hover);text-decoration:underline}.creative-mode .book-arrow{color:var(--cr-accent-gold);font-size:var(--font-size-base);opacity:0;transform:translateX(-8px);transition:all var(--transition-base)}.creative-mode .book-spine:hover .book-arrow{opacity:1;transform:translateX(0)}.creative-mode .stories-link{margin-top:1.5rem;text-align:center}.creative-mode .drawer-link{align-items:center;background:#0000;border:1px solid var(--cr-border-gold);border-radius:var(--radius-base);color:var(--cr-accent-gold);display:inline-flex;font-size:var(--font-size-sm);gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition-base)}.creative-mode .drawer-link:hover{background:var(--cr-accent-gold-subtle)}.creative-mode .link-arrow{transition:transform var(--transition-fast)}.creative-mode .drawer-link:hover .link-arrow{transform:translateX(4px)}.creative-mode .gallery-wall{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.creative-mode .gallery-frame{background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.creative-mode .gallery-frame:hover{border-color:var(--cr-border-gold);box-shadow:var(--shadow-glow-gold)}.creative-mode .frame-content{align-items:center;aspect-ratio:4/3;background:var(--cr-bg-drawer);display:flex;justify-content:center}.creative-mode .artwork-placeholder{color:var(--cr-text-muted);font-size:2.5rem}.creative-mode .frame-label{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.creative-mode .art-title{color:var(--cr-text-primary);font-size:var(--font-size-sm)}.creative-mode .art-medium{color:var(--cr-text-muted);font-size:var(--font-size-xs)}.creative-mode .paintings-filter{display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}.creative-mode .filter-button{background:#0000;border:1px solid var(--cr-border);border-radius:var(--radius-sm);color:var(--cr-text-muted);cursor:pointer;font-family:var(--font-serif);font-size:var(--font-size-sm);padding:.5rem 1.25rem;transition:all var(--transition-base)}.creative-mode .filter-button:hover{border-color:var(--cr-border-gold);color:var(--cr-accent)}.creative-mode .filter-button.active{background:var(--cr-accent);border-color:var(--cr-accent);color:var(--cr-bg-base)}.creative-mode .paintings-gallery{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.creative-mode .painting-frame{aspect-ratio:4/3;background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-base)}.creative-mode .painting-frame:hover{border-color:var(--cr-border-gold);box-shadow:var(--shadow-glow-gold);transform:translateY(-4px)}.creative-mode .painting-frame img{height:100%;object-fit:cover;transition:opacity .3s ease,transform .3s ease;width:100%}.creative-mode .painting-frame:hover img{transform:scale(1.03)}.creative-mode .painting-placeholder{align-items:center;background:var(--cr-bg-drawer);color:var(--cr-text-muted);display:flex;font-size:var(--font-size-sm);inset:0;justify-content:center;position:absolute}.creative-mode .video-gallery-header{margin-bottom:2rem;margin-top:4rem;text-align:center}.creative-mode .video-gallery-title{color:var(--cr-text-primary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:500;letter-spacing:.02em;margin-bottom:.5rem}.creative-mode .video-gallery-subtitle{color:var(--cr-text-secondary);font-size:var(--font-size-sm);font-style:italic}.creative-mode .video-gallery{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.creative-mode .video-frame{aspect-ratio:16/9;background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all var(--transition-base)}.creative-mode .video-frame:hover{border-color:var(--cr-border-gold);box-shadow:var(--shadow-glow-gold);transform:translateY(-4px)}.creative-mode .video-frame iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.creative-mode .music-player{background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:var(--radius-md);margin:0 auto;max-width:500px;padding:1.5rem}.creative-mode .player-display{align-items:center;display:flex;gap:1.25rem;margin-bottom:1.5rem}.creative-mode .player-vinyl{align-items:center;background:linear-gradient(135deg,#1a1a1a,#333 30%,#1a1a1a 50%,#333 70%,#1a1a1a);border-radius:50%;box-shadow:inset 0 0 20px #00000080,0 4px 15px #0000004d;display:flex;flex-shrink:0;height:80px;justify-content:center;position:relative;width:80px}.creative-mode .player-vinyl:before{border:1px solid #ffffff1a;border-radius:50%;content:"";inset:5px;position:absolute}.creative-mode .player-vinyl.spinning{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.creative-mode .vinyl-label{align-items:center;background:var(--cr-accent-gold);border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}.creative-mode .vinyl-icon{color:var(--cr-bg-primary);font-size:1rem}.creative-mode .player-info{flex:1 1;min-width:0}.creative-mode .track-title{font-family:var(--font-display);font-size:var(--font-size-base);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-mode .track-artist{color:var(--cr-text-muted);font-size:var(--font-size-xs)}.creative-mode .player-progress-container{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.creative-mode .time-display{font-feature-settings:"tnum";color:var(--cr-text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;min-width:35px}.creative-mode .player-progress{background:var(--cr-bg-drawer);border-radius:3px;cursor:pointer;flex:1 1;height:6px;position:relative}.creative-mode .progress-filled{background:var(--cr-accent-gold);border-radius:3px;height:100%;transition:width .1s linear}.creative-mode .progress-handle{background:var(--cr-accent-gold);border-radius:50%;box-shadow:0 2px 6px #0000004d;height:14px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--transition-fast);width:14px}.creative-mode .player-progress:hover .progress-handle{opacity:1}.creative-mode .player-controls{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.creative-mode .control-btn{align-items:center;aspect-ratio:1/1;background:#0000;border:1px solid var(--cr-border);border-radius:50%;color:var(--cr-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;min-height:40px;min-width:40px;padding:0;transition:all var(--transition-base);width:40px}.creative-mode .control-btn:hover{background:var(--cr-accent-gold-subtle);border-color:var(--cr-border-gold);color:var(--cr-accent-gold)}.creative-mode .control-btn.active{border-color:var(--cr-accent-gold);color:var(--cr-accent-gold)}.creative-mode .control-btn.play-btn{background:var(--cr-accent-gold);border-color:var(--cr-accent-gold);color:var(--cr-bg-primary);font-size:1.25rem;height:56px;min-height:56px;min-width:56px;width:56px}.creative-mode .control-btn.play-btn:hover{background:var(--cr-accent-gold-hover);border-color:var(--cr-accent-gold-hover);color:var(--cr-bg-primary);transform:scale(1.05)}.creative-mode .player-secondary-controls{align-items:center;border-top:1px solid var(--cr-border);display:flex;justify-content:space-between;padding-top:1rem}.creative-mode .volume-control{align-items:center;display:flex;gap:.5rem}.creative-mode .volume-btn{height:36px;min-height:36px;min-width:36px;width:36px}.creative-mode .volume-slider{appearance:none;background:var(--cr-bg-drawer);border-radius:2px;cursor:pointer;height:4px;width:80px}.creative-mode .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cr-accent-gold);border-radius:50%;cursor:pointer;height:12px;width:12px}.creative-mode .volume-slider::-moz-range-thumb{background:var(--cr-accent-gold);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.creative-mode .playlist-btn{height:36px;min-height:36px;min-width:36px;width:36px}.creative-mode .player-playlist{border-top:1px solid var(--cr-border);margin-top:1rem;overflow:hidden;padding-top:1rem}.creative-mode .playlist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.creative-mode .playlist-title{color:var(--cr-text-primary);font-size:var(--font-size-sm);font-weight:500}.creative-mode .playlist-count{color:var(--cr-text-muted);font-size:var(--font-size-xs)}.creative-mode .playlist-tracks{display:flex;flex-direction:column;gap:.25rem;max-height:200px;overflow-y:auto}.creative-mode .playlist-track{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:all var(--transition-fast);width:100%}.creative-mode .playlist-track:hover{background:var(--cr-bg-card-hover);border-color:var(--cr-border)}.creative-mode .playlist-track.active{background:var(--cr-accent-gold-subtle);border-color:var(--cr-border-gold)}.creative-mode .track-number{color:var(--cr-text-muted);font-size:var(--font-size-xs);text-align:center;width:20px}.creative-mode .playlist-track.active .track-number{color:var(--cr-accent-gold)}.creative-mode .track-name{color:var(--cr-text-primary);flex:1 1;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-mode .track-artist-small{color:var(--cr-text-muted);font-size:var(--font-size-xs)}.creative-mode .music-albums{display:flex;flex-direction:column;gap:2rem}.creative-mode .album-card{background:var(--cr-bg-drawer);border:1px solid var(--cr-border);border-radius:var(--radius-md);padding:1.5rem}.creative-mode .album-title{color:var(--cr-accent-gold);font-family:var(--font-display);font-size:var(--font-size-lg);margin:0 0 .5rem;text-align:center}.creative-mode .album-description{color:var(--cr-text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:0 0 1.5rem;text-align:center}.creative-mode .album-card .music-player{background:var(--cr-bg-card)}.image-viewer-overlay{background:#000000f2;inset:0;position:fixed;z-index:1000}.image-viewer-overlay,.viewer-close{align-items:center;cursor:pointer;display:flex;justify-content:center}.viewer-close{background:#0000;border:1px solid var(--cr-border);border-radius:50%;color:var(--cr-text-primary);font-size:1.5rem;height:48px;position:absolute;right:1.5rem;top:1.5rem;transition:all var(--transition-base);width:48px;z-index:1001}.viewer-close:hover{background:var(--cr-bg-card);border-color:var(--cr-accent-gold);color:var(--cr-accent-gold)}.viewer-nav{align-items:center;background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:50%;color:var(--cr-text-primary);cursor:pointer;display:flex;font-size:1.75rem;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-base);width:56px;z-index:1001}.viewer-nav:hover{background:var(--cr-bg-card-hover);border-color:var(--cr-accent-gold);color:var(--cr-accent-gold)}.viewer-prev{left:1.5rem}.viewer-next{right:1.5rem}.viewer-content{align-items:center;cursor:default;display:flex;flex-direction:column;gap:1rem;max-height:85vh;max-width:90vw}.viewer-content img{border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:100%;object-fit:contain}.viewer-title{color:var(--cr-text-secondary);font-size:var(--font-size-sm);font-style:italic}.creative-mode .audio-collection{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.creative-mode .audio-record{align-items:center;background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all var(--transition-base)}.creative-mode .audio-record:hover{border-color:var(--cr-border-gold)}.creative-mode .record-visual{align-items:center;background:var(--cr-bg-drawer);border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.creative-mode .vinyl-groove{border:2px solid var(--cr-border);border-radius:50%;height:60px;width:60px}.creative-mode .vinyl-groove:after{background:var(--cr-accent-gold);border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.creative-mode .record-info{display:flex;flex-direction:column;gap:.25rem;text-align:center}.creative-mode .track-title{color:var(--cr-text-primary);font-size:var(--font-size-sm)}.creative-mode .track-genre{color:var(--cr-text-muted);font-size:var(--font-size-xs)}.creative-mode .drawer-cabinet{background:var(--cr-bg-drawer);border:1px solid var(--cr-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;padding:1rem}.creative-mode .cabinet-drawer{align-items:center;background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:var(--radius-sm);color:var(--cr-text-primary);cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all var(--transition-base)}.creative-mode .cabinet-drawer:hover{background:var(--cr-bg-card-hover);border-color:var(--cr-border-gold);transform:translateX(8px)}.creative-mode .cabinet-drawer.coming-soon{cursor:default;opacity:.6}.creative-mode .cabinet-drawer.coming-soon:hover{transform:none}.creative-mode .drawer-handle{color:var(--cr-accent-gold);transition:transform var(--transition-fast)}.creative-mode .cabinet-drawer:hover .drawer-handle{transform:translateX(4px)}.creative-mode .drawer-label{flex:1 1;font-size:var(--font-size-sm)}.creative-mode .drawer-status{color:var(--cr-accent-gold);font-size:var(--font-size-xs)}.creative-mode .cabinet-drawer.coming-soon .drawer-status{color:var(--cr-text-muted)}.creative-mode .games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:1rem 0}.creative-mode .game-card{background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:var(--radius-md);color:var(--cr-text-primary);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all var(--transition-base)}.creative-mode .game-card:hover{border-color:var(--cr-border-gold);box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.creative-mode .game-card-image{aspect-ratio:3/4.5;background:var(--cr-bg-darker);overflow:hidden;position:relative;width:100%}.creative-mode .game-card-image img{height:100%;object-fit:cover;transition:transform var(--transition-base);width:100%}.creative-mode .game-card:hover .game-card-image img{transform:scale(1.05)}.creative-mode .game-card-content{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem 1.25rem}.creative-mode .game-card-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.creative-mode .game-card-title{color:var(--cr-text-primary);font-size:var(--font-size-md);font-weight:500;margin:0}.creative-mode .game-year-chip{background:var(--cr-accent-gold);border-radius:2px;color:var(--cr-bg-primary);font-size:.7rem;font-weight:500;letter-spacing:.05em;padding:.2rem .5rem}.creative-mode .game-card-description{color:var(--cr-text-muted);font-size:var(--font-size-xs);line-height:1.5;margin:0}.creative-mode .game-card-play{color:var(--cr-accent-gold);font-size:var(--font-size-xs);margin-top:.5rem;transition:transform var(--transition-fast)}.creative-mode .game-card:hover .game-card-play{transform:translateX(4px)}@media (max-width:900px){.creative-mode .games-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.creative-mode .games-grid{grid-template-columns:1fr;margin:0 auto;max-width:280px}}.creative-mode .archive-footer{align-items:center;border-top:1px solid var(--cr-border);display:flex;flex-direction:column;gap:1.5rem;padding:4rem 0;text-align:center}.creative-mode .footer-emblem{color:var(--cr-accent-gold);font-size:1.5rem}.creative-mode .footer-text{color:var(--cr-text-muted);font-family:var(--font-accent);font-size:var(--font-size-sm);font-style:italic}.creative-mode .ai-philosophy-link{border:1px solid var(--cr-border);border-radius:var(--radius-full);color:var(--cr-text-secondary);font-size:var(--font-size-sm);padding:.5rem 1rem;text-decoration:none;transition:all var(--transition-base)}.creative-mode .ai-philosophy-link:hover{border-color:var(--cr-border-gold);color:var(--cr-accent-gold)}.creative-mode .footer-contact{color:var(--cr-text-muted);font-size:var(--font-size-sm)}@media (max-width:640px){.creative-mode .archive-container{padding:0 1rem}.creative-mode .archive-section{padding:4rem 0}.creative-mode .creative-photo-frame{height:120px;width:120px}.creative-mode .photo-ornament{font-size:.75rem}.creative-mode .creative-subtitle{gap:.35rem;padding:0 1rem}.creative-mode .subtitle-role{font-size:var(--font-size-xs)}.creative-mode .archive-quote{font-size:var(--font-size-base);padding:0 1rem}.creative-mode .audio-collection,.creative-mode .gallery-wall,.creative-mode .paintings-gallery,.creative-mode .video-gallery,.creative-mode .worlds-grid{grid-template-columns:1fr}.creative-mode .back-button{left:1rem;padding:.5rem 1rem;top:1rem}.viewer-nav{font-size:1.25rem;height:44px;width:44px}.viewer-prev{left:.75rem}.viewer-next{right:.75rem}.viewer-close{font-size:1.25rem;height:40px;right:1rem;top:1rem;width:40px}.viewer-content{max-width:95vw;padding:0 .5rem}.viewer-content img{max-height:70vh}}.ai-philosophy{background:var(--bg-deep);min-height:100vh;padding:2rem}.ai-philosophy .back-button{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-base);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:.5rem;left:2rem;padding:.75rem 1.25rem;position:fixed;text-decoration:none;top:2rem;transition:all var(--transition-base);z-index:100}.ai-philosophy .back-button:hover{background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}.ai-philosophy .back-arrow{font-size:var(--font-size-base)}.ai-philosophy .philosophy-container{margin:0 auto;max-width:700px;padding:4rem 0}.ai-philosophy .philosophy-header{border-bottom:1px solid var(--border-subtle);margin-bottom:4rem;padding-bottom:2rem;text-align:center}.ai-philosophy .philosophy-header h1{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:500;letter-spacing:.03em;margin-bottom:.75rem}.ai-philosophy .header-subtitle{color:var(--text-secondary);font-family:var(--font-accent);font-size:var(--font-size-base);font-style:italic}.ai-philosophy section{margin-bottom:3rem}.ai-philosophy section h2{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.15em;margin-bottom:1.5rem;padding-bottom:.5rem;text-transform:uppercase}.ai-philosophy section p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.8;margin-bottom:1rem}.ai-philosophy section p:last-child{margin-bottom:0}.ai-philosophy .philosophy-statement p:first-of-type{color:var(--text-primary);font-size:var(--font-size-lg)}.ai-philosophy .applications-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.ai-philosophy .applications-grid{grid-template-columns:1fr}}.ai-philosophy .application-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.5rem;transition:all var(--transition-base)}.ai-philosophy .application-card:hover{border-color:var(--border-medium)}.ai-philosophy .app-icon{display:block;font-size:1.5rem;margin-bottom:.75rem}.ai-philosophy .application-card h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:.5rem}.ai-philosophy .application-card p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:0}.ai-philosophy .ethics-list{list-style:none;margin-top:1.5rem;padding:0}.ai-philosophy .ethics-list li{border-left:2px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:.5rem;padding:.75rem 0 .75rem 1.5rem}.ai-philosophy .ethics-list li strong{color:var(--text-primary);font-weight:600}.ai-philosophy .philosophy-closing{border-top:1px solid var(--border-subtle);padding-top:2rem;text-align:center}.ai-philosophy .philosophy-closing p{color:var(--text-primary);font-family:var(--font-accent);font-size:var(--font-size-lg);font-style:italic}@media (max-width:640px){.ai-philosophy{padding:1rem}.ai-philosophy .philosophy-container{padding:3rem 0}.ai-philosophy .back-button{left:1rem;padding:.5rem 1rem;top:1rem}}.wedding-invitation-container{align-items:center;background:linear-gradient(135deg,#f8f6f0,#f2ede3 50%,#ede7d3);direction:rtl;display:flex;flex-direction:column;font-family:Scheherazade New,serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:40px 20px;position:relative}.wedding-invitation-container:before{background-image:radial-gradient(circle at 50% 50%,#c4a57214 1px,#0000 0),linear-gradient(45deg,#0000 24%,#c4a5720a 25%,#c4a5720a 26%,#0000 27%,#0000 74%,#c4a5720a 75%,#c4a5720a 76%,#0000 77%),linear-gradient(-45deg,#0000 24%,#c4a5720a 25%,#c4a5720a 26%,#0000 27%,#0000 74%,#c4a5720a 75%,#c4a5720a 76%,#0000 77%),conic-gradient(from 0deg at 50% 50%,#c4a57208 0deg,#0000 45deg,#c4a57208 90deg,#0000 135deg,#c4a57208 180deg,#0000 225deg,#c4a57208 270deg,#0000 315deg);background-position:0 0,0 0,40px 40px,0 0;background-size:20px 20px,80px 80px,80px 80px,160px 160px;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}.wedding-invitation-container:after{background-image:radial-gradient(circle at 25% 25%,#b8956a05 2px,#0000 0),radial-gradient(circle at 75% 75%,#b8956a05 2px,#0000 0);background-position:0 0,30px 30px;background-size:60px 60px;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.wedding-header{margin-bottom:60px;max-width:800px;padding:0 20px;text-align:center;z-index:10}.quranic-verse{color:#7a5c0f;font-family:Katibeh,serif;font-size:36px;font-weight:400;letter-spacing:1px;line-height:2.2;margin-bottom:30px;padding:0 40px;position:relative;text-shadow:0 3px 6px #c4a57266}.verse-reference{align-items:center;display:flex;flex-direction:column;gap:5px;margin-top:20px;text-align:center}.verse-number{color:#8b6914;font-family:Amiri Quran,serif;font-size:16px;font-weight:500;margin-bottom:3px}.sura-name{color:#a67c00;font-family:Scheherazade New,serif;font-size:12px;font-weight:500;letter-spacing:.5px;opacity:.8}.verse-decoration{align-items:center;display:flex;gap:20px;justify-content:center;margin:30px 0}.verse-decoration:after,.verse-decoration:before{color:#c4a572;content:"◆";font-size:20px}.verse-decoration .line{background:linear-gradient(90deg,#0000,#c4a572,#0000);border-radius:2px;height:3px;width:120px}.wedding-container{max-width:800px;perspective:1000px;position:relative;width:100%;z-index:1}.invitation-envelope{cursor:pointer;height:400px;margin:0 auto;position:relative;transform-style:preserve-3d;transition:transform .3s ease;width:600px}.invitation-envelope:hover{transform:scale(1.05) rotateY(5deg)}.envelope-front{align-items:center;background:linear-gradient(145deg,#fefcf8,#f9f6f0);border:none;border-radius:0;box-shadow:0 50px 120px #8b691426,0 20px 60px #8b69141a,inset 0 1px 0 #fffc;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:50px;position:relative;width:100%}.envelope-front:before{background:linear-gradient(90deg,#d4af37,#0000 20%,#0000 80%,#d4af37),linear-gradient(0deg,#d4af37,#0000 20%,#0000 80%,#d4af37);background-position:top,0;background-repeat:no-repeat;background-size:100% 8px,8px 100%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.envelope-front:after{background:radial-gradient(circle at 50px 50px,#d4af37 2px,#0000 0),radial-gradient(circle at 150px 50px,#d4af37 1px,#0000 0),radial-gradient(circle at 250px 50px,#d4af37 2px,#0000 0);background-repeat:repeat;background-size:200px 100px;border:2px solid #d4af37;bottom:20px;content:"";left:20px;opacity:.1;position:absolute;right:20px;top:20px;z-index:1}.envelope-seal{align-items:center;animation:pulse 2s infinite;background:radial-gradient(circle,#d4af37 0,#b8956a 100%);border-radius:50%;box-shadow:0 6px 20px #d4af3766;display:flex;height:70px;justify-content:center;position:absolute;right:30px;top:30px;width:70px;z-index:2}.seal-decoration{color:#fff;font-size:28px;text-shadow:0 2px 4px #0000004d}.envelope-text{position:relative;text-align:center;z-index:2}.envelope-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b6914,#d4af37 50%,#8b6914);-webkit-background-clip:text;background-clip:text;color:#8b6914;font-family:Aref Ruqaa,serif;font-size:52px;font-weight:700;margin-bottom:20px}.envelope-subtitle{animation:fadeInOut 3s infinite;color:#a67c00;font-family:Scheherazade New,serif;font-size:22px;font-weight:500;opacity:.9;position:relative}.envelope-subtitle:after{color:#d4af37;content:"◆ ◆ ◆";display:block;font-size:16px;letter-spacing:8px;margin-top:15px}.envelope-pattern{background:linear-gradient(0deg,#d4af371a,#0000);bottom:0;height:100px;left:0;position:absolute;right:0;z-index:1}.invitation-opened{margin:0 auto;max-width:1000px;width:100%}.invitation-card{background:linear-gradient(145deg,#fefcf8,#f9f6f0);border:none;border-radius:0;box-shadow:0 50px 120px #8b691426,0 20px 60px #8b69141a,inset 0 1px 0 #fffc;margin:20px;overflow:hidden;padding:0;position:relative;transform-style:preserve-3d}.invitation-card:before{background:linear-gradient(90deg,#d4af37,#0000 20%,#0000 80%,#d4af37),linear-gradient(0deg,#d4af37,#0000 20%,#0000 80%,#d4af37);background-position:top,0;background-repeat:no-repeat;background-size:100% 8px,8px 100%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.invitation-card:after{background:radial-gradient(circle at 50px 50px,#d4af37 2px,#0000 0),radial-gradient(circle at 150px 50px,#d4af37 1px,#0000 0),radial-gradient(circle at 250px 50px,#d4af37 2px,#0000 0);background-repeat:repeat;background-size:200px 100px;border:2px solid #d4af37;bottom:20px;content:"";left:20px;opacity:.1;position:absolute;right:20px;top:20px;z-index:1}.arch-frame{margin:0;padding:80px 60px;position:relative;z-index:2}.arch-frame:after,.arch-frame:before{display:none}.arch-content{margin:0 auto;max-width:800px;padding:0;position:relative;text-align:center;z-index:3}.hosts{color:#8b6914;font-family:Scheherazade New,serif;font-size:22px;font-weight:500;letter-spacing:1px;line-height:1.8;margin-bottom:20px}.host-name{color:#7a5c0f;font-weight:700}.invitation-text{color:#a67c00;font-family:Scheherazade New,serif;font-size:20px;font-weight:400;margin-bottom:40px;position:relative}.invitation-text:after{color:#d4af37;content:"◆ ◆ ◆";display:block;font-size:16px;letter-spacing:10px;margin-top:15px}.couple-names{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b6914,#d4af37 50%,#8b6914);-webkit-background-clip:text;background-clip:text;font-family:Amiri Quran,serif;font-size:70px;font-weight:700;line-height:2;max-width:100%;overflow:visible;padding-bottom:40px;position:relative;text-shadow:none;white-space:nowrap}.couple-names:before{background:radial-gradient(ellipse at center,#d4af371a 0,#0000 70%);content:"";height:180px;left:50%;position:absolute;width:450px;z-index:-1}.couple-names:after{background:linear-gradient(90deg,#0000,#d4af37 50%,#0000);bottom:-15px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:350px}.couple-names .and{-webkit-text-fill-color:#d4af37!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#d4af37;font-size:50px;font-weight:600;margin:0 25px;position:relative}.couple-names .and:after,.couple-names .and:before{color:#d4af37;font-size:24px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%)}.couple-names .and:before{right:-45px}.couple-names .and:after{left:-45px}.event-details{background:#d4af3708;border:1px solid #d4af3733;border-radius:20px;margin:50px 0;padding:40px 30px;position:relative}.event-details:before{background:linear-gradient(90deg,#0000,#d4af37 50%,#0000);content:"";height:4px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100px}.day{color:#8b6914;font-family:Scheherazade New,serif;font-size:32px;font-weight:600;margin-bottom:40px;position:relative}.day:after{color:#d4af37;content:"◆";display:block;font-size:20px;margin-top:15px}.dates{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr auto 1fr;margin:40px auto;max-width:500px}.date-item{background:#ffffff80;border:1px solid #d4af374d;border-radius:15px;padding:20px;text-align:center}.gregorian-date,.hijri-date{color:#8b6914;display:block;font-family:Scheherazade New,serif;font-size:24px;font-weight:600}.date-separator{color:#d4af37;font-size:32px;font-weight:700}.time{background:#d4af371a;border:2px solid #d4af374d;border-radius:15px;color:#8b6914;display:inline-block;font-family:Scheherazade New,serif;font-size:28px;font-weight:600;margin:40px 0 30px;padding:20px}.countdown-timer{background:linear-gradient(135deg,#d4af3714,#8b69140d);border:2px solid #d4af3733;border-radius:20px;direction:ltr;margin:30px 0;padding:30px 20px;text-align:center}.countdown-title{color:#8b6914;font-family:Scheherazade New,serif;font-size:24px;font-weight:600;margin-bottom:25px}.countdown-display{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.countdown-item{align-items:center;display:flex;flex-direction:column;min-width:60px}.countdown-number{-webkit-text-fill-color:#0000;animation:pulse-number 2s infinite;background:linear-gradient(135deg,#8b6914,#d4af37 50%,#8b6914);-webkit-background-clip:text;background-clip:text;color:#8b6914;font-family:Amiri Quran,serif;font-size:36px;font-weight:700;line-height:1;padding-bottom:8px}.countdown-label{color:#a67c00;font-family:Scheherazade New,serif;font-size:14px;font-weight:500}.countdown-separator{color:#d4af37;font-family:Amiri Quran,serif;font-size:28px;font-weight:600;margin:0 5px}@keyframes pulse-number{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.location-section{background:linear-gradient(135deg,#fffc,#f9f6f0e6);border:2px solid #d4af3733;border-radius:25px;margin:80px 0 60px;padding:60px 40px;position:relative}.location-section:before{background:#fefcf8;border:2px solid #d4af37;border-radius:50%;content:"🕌";font-size:40px;left:50%;padding:10px 20px;position:absolute;top:-20px;transform:translateX(-50%)}.venue-name{color:#8b6914;font-family:Scheherazade New,serif;font-size:26px;font-weight:600;line-height:1.8;margin-bottom:50px;margin-top:20px;text-align:center}.map-container{border:4px solid #c4a572;border-radius:20px;box-shadow:0 15px 40px #c4a5724d;margin:40px 0;overflow:hidden;position:relative;z-index:10}.map-container iframe{border:none;filter:sepia(15%) saturate(85%) hue-rotate(10deg);height:350px;pointer-events:auto;position:relative;width:100%;z-index:11}.decoration{color:#c4a572;font-size:24px;margin:40px 0;text-align:center}.decoration-line{align-items:center;display:flex;gap:30px;justify-content:center;margin:30px 0}.decoration-line:after,.decoration-line:before{background:linear-gradient(90deg,#0000,#c4a572,#0000);border-radius:2px;content:"";height:3px;width:80px}.decoration-symbol{animation:float 4s ease-in-out infinite;color:#c4a572;font-size:20px}@keyframes fadeInOut{0%,to{opacity:.8}50%{opacity:1}}@keyframes sparkle{0%,to{opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}@media (max-width:768px){.wedding-invitation-container{padding:20px 10px}.wedding-header{margin-bottom:40px;padding:0 10px}.quranic-verse{font-size:24px;line-height:2;padding:0 20px}.invitation-envelope{height:280px;max-width:400px;width:90%}.envelope-title{font-size:36px}.envelope-subtitle{font-size:18px}.invitation-card{border-radius:20px;margin:20px 10px;padding:50px 30px}.arch-frame{padding:40px 20px}.arch-frame:before{border-radius:160px 160px 0 0;height:420px;width:320px}.arch-frame:after{border-radius:140px 140px 0 0;height:380px;width:280px}.arch-content{padding:50px 20px}.hosts{font-size:22px}.invitation-text{font-size:20px}.couple-names{font-size:48px}.couple-names:after,.couple-names:before{display:none}.couple-names .and{font-size:36px;margin:0 20px}.day{font-size:28px}.gregorian-date,.hijri-date{font-size:24px}.time{font-size:26px}.venue-name{font-size:24px}.dates{gap:30px}.countdown-display{gap:10px}.countdown-item{min-width:50px}.countdown-number{font-size:28px}.countdown-label{font-size:12px}.countdown-separator{font-size:22px;margin:0 3px}.map-container iframe{height:250px}}@media (max-width:480px){.wedding-invitation-container{padding:15px 5px}.quranic-verse{font-size:20px;line-height:1.8;padding:0 15px}.invitation-envelope{height:240px}.envelope-title{font-size:28px}.envelope-subtitle{font-size:16px}.invitation-card{margin:15px 5px;padding:40px 20px}.arch-frame{padding:30px 15px}.arch-frame:before{border-radius:140px 140px 0 0;height:360px;width:280px}.arch-frame:after{border-radius:120px 120px 0 0;height:320px;width:240px}.arch-content{padding:40px 15px}.hosts{font-size:20px}.invitation-text{font-size:18px}.couple-names{font-size:40px}.couple-names .and{font-size:30px;margin:0 15px}.day{font-size:24px}.gregorian-date,.hijri-date{font-size:22px}.time{font-size:24px}.venue-name{font-size:22px}.dates{flex-direction:column;gap:20px}.countdown-timer{padding:20px 10px}.countdown-display{flex-wrap:nowrap;gap:5px;justify-content:space-between;max-width:100%}.countdown-item{flex:1 1;min-width:35px}.countdown-number{font-size:18px;padding-bottom:4px}.countdown-label{font-size:9px;line-height:1.2}.countdown-separator{flex:0 1;font-size:16px;margin:0 1px}.map-container iframe{height:200px}}@media (max-width:360px){.countdown-display{gap:3px}.countdown-item{min-width:30px}.countdown-number{font-size:16px}.countdown-label{font-size:8px}.countdown-separator{font-size:14px;margin:0}}@media print{.wedding-invitation-container{background:#fff}.map-container,.wedding-invitation-container:after,.wedding-invitation-container:before{display:none}.invitation-card{border:2px solid #c4a572;box-shadow:none}.invitation-envelope{display:none}}@-moz-document url-prefix(){.countdown-label,.countdown-number,.rsvp-button{animation:none}.floating-petal{animation:none;opacity:0}}.under-construction{align-items:center;background:var(--bg-deep);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.uc-ambient-bg{inset:0;overflow:hidden;position:absolute}.uc-ambient-gradient{background:radial-gradient(ellipse 80% 50% at 50% 0,#3b82f60f 0,#0000 50%),radial-gradient(ellipse 60% 40% at 50% 100%,#c9a2270a 0,#0000 50%)}.uc-ambient-gradient,.uc-ambient-stars{inset:0;pointer-events:none;position:absolute}.uc-star{background:var(--text-muted);border-radius:50%;position:absolute}.uc-star-size-1{height:2px;width:2px}.uc-star-size-2{height:3px;width:3px}.uc-star-size-3{height:4px;width:4px}.uc-interactive-stars{inset:0;pointer-events:none;position:absolute;z-index:10}.uc-clickable-star{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;cursor:default;display:flex;height:24px;justify-content:center;outline:none;padding:0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease;width:24px}.uc-clickable-star:focus{outline:none}.uc-clickable-star:focus-visible{outline:none}.uc-clickable-star:before{background:var(--text-muted);border-radius:50%;content:"";position:absolute;transition:all .3s ease}.uc-clickable-star.uc-star-size-1:before{height:2px;width:2px}.uc-clickable-star.uc-star-size-2:before{height:3px;width:3px}.uc-clickable-star.uc-star-size-3:before{height:4px;width:4px}.uc-clickable-star:hover:before{background:var(--cr-accent-gold);box-shadow:0 0 8px var(--cr-accent-gold);transform:scale(1.5)}.uc-clickable-star.active:before{background:var(--cr-accent-gold);box-shadow:0 0 4px var(--cr-accent-gold),0 0 10px var(--cr-accent-gold),0 0 20px #c9a22780}.uc-clickable-star.active.uc-star-size-1:before{height:4px;width:4px}.uc-clickable-star.active.uc-star-size-2:before{height:5px;width:5px}.uc-clickable-star.active.uc-star-size-3:before{height:6px;width:6px}.uc-container{align-items:center;background:var(--home-card-bg);border:1px solid var(--home-card-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem;max-width:480px;padding:3rem 2rem;position:relative;text-align:center;width:100%;z-index:5}.uc-emblem{color:var(--cr-accent-gold);font-size:2.5rem;text-shadow:0 0 20px #c9a2274d}.uc-title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.25rem);font-weight:500;letter-spacing:.03em;margin:0}.uc-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);font-style:italic;margin:0}.uc-details{max-width:360px}.uc-details p{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6;margin:0}.uc-progress-container{max-width:300px;width:100%}.uc-progress-bar{background:var(--border-subtle);border-radius:var(--radius-full);height:4px;margin-bottom:.5rem;overflow:hidden;width:100%}.uc-progress-fill{background:linear-gradient(90deg,var(--pro-accent),var(--cr-accent-gold));border-radius:var(--radius-full);height:100%;position:relative}.uc-progress-fill:after{animation:uc-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes uc-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.uc-progress-text{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}.uc-dev-access-btn{background:linear-gradient(135deg,var(--cr-accent-gold),#d4af37);border:none;border-radius:var(--radius-full);box-shadow:0 0 20px #c9a2274d,0 0 40px #c9a2271a;color:var(--bg-deep);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;overflow:hidden;padding:.75rem 2rem;position:relative}.uc-dev-access-btn:before{animation:uc-btn-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes uc-btn-shimmer{0%{left:-100%}to{left:100%}}.uc-contact{align-items:center;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.5rem;padding-top:1.5rem;width:100%}.uc-contact p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.uc-contact-link{color:var(--pro-accent);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-base)}.uc-contact-link:hover{color:var(--cr-accent-gold)}@media (max-width:480px){.uc-container{padding:2rem 1.5rem}.uc-emblem{font-size:2rem}}@-moz-document url-prefix(){.uc-btn-shimmer,.uc-shimmer-effect{animation:none}}.qatar-list-container{background:linear-gradient(135deg,#fff5f5,#fff 50%,#fff5f5);min-height:100vh;overflow:hidden;padding:2rem;position:relative}.qatar-flag-decoration{display:flex;height:8px;left:0;position:absolute;right:0;top:0}.flag-stripe{flex:1 1}.flag-stripe.maroon{background-color:#8b1538}.flag-stripe.white{background-color:#fff}.qatar-header{margin-bottom:4rem;position:relative;text-align:center}.qatar-title{color:#8b1538;font-family:Amiri,serif;font-size:4rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #8b15381a}.qatar-subtitle{color:#666;font-family:Tajawal,sans-serif;font-size:1.5rem;font-style:italic}.qatar-items-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 1rem}.qatar-item-card{border-radius:20px;box-shadow:0 10px 30px #8b153826;cursor:pointer;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.qatar-item-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;transform:rotate(45deg);width:200%}.item-icon{animation:float 3s ease-in-out infinite;display:inline-block;font-size:3rem;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.item-title{font-family:Amiri,serif;font-size:2rem;font-weight:700;margin-bottom:.5rem}.item-subtitle{font-family:Tajawal,sans-serif;font-size:1rem;margin-bottom:1rem;opacity:.8}.item-description{font-family:Tajawal,sans-serif;font-size:.9rem;line-height:1.6;opacity:.9}.item-decoration{bottom:-20px;height:100px;opacity:.1;position:absolute;right:-20px;width:100px}.arabic-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m50 10 40 20v40L50 90 10 70V30Z' fill='currentColor'/%3E%3C/svg%3E");background-size:contain;height:100%;transform:rotate(45deg);width:100%}.qatar-footer{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:4rem;padding:2rem 0;text-align:center}.ornament{color:#8b1538;font-size:1.5rem}.footer-text{color:#8b1538;font-family:Amiri,serif;font-size:1.2rem;font-style:italic}@media (max-width:768px){.qatar-title{font-size:2.5rem}.qatar-subtitle{font-size:1.2rem}.qatar-items-grid{gap:1.5rem;grid-template-columns:1fr}.qatar-item-card{padding:2rem}.item-title{font-size:1.5rem}}.qatar-list-container{direction:rtl}.qatar-item-card{text-align:right}.qatar-item-card:hover{box-shadow:0 15px 40px #8b153833;transform:translateY(-5px)}.qatar-item-card:hover .item-icon{animation-duration:1s}.qatar-list-container:before{background:radial-gradient(circle,#8b15380d 0,#0000 70%);border-radius:50%;content:"";height:200px;left:-100px;position:absolute;top:50%;width:200px}.qatar-list-container:after{background:radial-gradient(circle,#8b153808 0,#0000 70%);border-radius:50%;bottom:10%;content:"";height:300px;position:absolute;right:-100px;width:300px}@-moz-document url-prefix(){.category-icon{animation:none}}.password-protection{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.password-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:3rem 2.5rem;text-align:center;width:90%}.password-title{color:#333;font-size:2rem;font-weight:300;letter-spacing:1px;margin-bottom:2rem}.password-form{display:flex;flex-direction:column;gap:1.5rem}.password-input{background:#fffc;border:2px solid #e1e5e9;border-radius:12px;font-size:1.1rem;letter-spacing:2px;outline:none;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.password-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.password-input.error{animation:shake .5s ease-in-out;background:#e74c3c0d;border-color:#e74c3c}.password-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;letter-spacing:1px;padding:1rem 2rem;transition:all .3s ease}.password-submit:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.error-message{color:#e74c3c;font-size:.9rem;font-weight:500;margin-top:1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:480px){.password-container{padding:2rem 1.5rem}.password-title{font-size:1.5rem}}@-moz-document url-prefix(){.password-container{backdrop-filter:none;background:#fffffffa}}.loie-page{align-items:center;background:linear-gradient(135deg,#ffecd2,#fcb69f 50%,#ff9a9e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.loie-page:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.content-container{max-width:1000px;position:relative;width:100%;z-index:1}.poems-container{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.poem{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:25px;box-shadow:0 20px 40px #0000001a;overflow:hidden;padding:3rem 2.5rem;position:relative}.poem:before{background:linear-gradient(90deg,#ff9a9e,#fcb69f,#ffecd2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.english-poem{font-family:Playfair Display,serif;text-align:center}.arabic-poem{direction:rtl;font-family:Amiri,serif;text-align:center}.poem-line{color:#2c3e50;font-size:1.3rem;font-weight:400;line-height:1.8;margin:.8rem 0}.english-poem .poem-line{font-style:italic;font-weight:500;letter-spacing:.5px}.arabic-poem .poem-line{font-size:1.5rem;font-weight:400;line-height:2.2}.arabic-poem .poem-line.arabic{font-family:Amiri,serif}.rotating-text{color:#e74c3c;display:inline-block;font-weight:700;position:relative;text-shadow:0 2px 4px #e74c3c33}.decorative-hearts{margin-top:2rem;text-align:center}.heart{animation:heartbeat 2s ease-in-out infinite;display:inline-block;font-size:2rem;margin:0 1rem}.heart:nth-child(2){animation-delay:.3s;font-size:2.5rem}.heart:nth-child(3){animation-delay:.6s}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.poems-container{gap:2rem;grid-template-columns:1fr}.poem{padding:2rem 1.5rem}.poem-line{font-size:1.1rem}.arabic-poem .poem-line{font-size:1.3rem}.loie-page{padding:1rem}}@media (max-width:480px){.poem{border-radius:15px;padding:1.5rem 1rem}.poem-line{font-size:1rem}.arabic-poem .poem-line{font-size:1.2rem;line-height:2}.heart{font-size:1.5rem;margin:0 .5rem}.heart:nth-child(2){font-size:2rem}}.poem{transition:transform .3s ease,box-shadow .3s ease}.poem:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.rotating-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#e74c3c,#c0392b);-webkit-background-clip:text;background-clip:text}.background-names{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.background-name{color:#2c3e50;font-size:12rem;font-weight:300;opacity:.03;position:absolute;-webkit-user-select:none;user-select:none}.english-name{font-family:Dancing Script,cursive;font-size:11rem;left:30%;top:20%;transform:translateX(-50%) rotate(-15deg)}.arabic-name{bottom:20%;direction:rtl;font-family:Amiri,serif;font-size:10rem;right:30%;transform:translateX(50%) rotate(10deg)}@media (max-width:768px){.background-name{font-size:5rem}.english-name{font-size:4.5rem;top:15%}.arabic-name{bottom:15%;font-size:4rem}}@media (max-width:480px){.background-name{font-size:3rem;opacity:.02}.english-name{font-size:3rem;top:10%}.arabic-name{bottom:10%;font-size:2.5rem}}@-moz-document url-prefix(){.poem{backdrop-filter:none;background:#fffffff2}.heart{animation:none}}.hangman-game{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Arial,sans-serif;min-height:100vh;padding:20px}.game-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1200px;padding:30px}.game-title{color:#333;font-size:3rem;margin-bottom:30px;text-shadow:2px 2px 4px #0000001a}.game-setup,.game-title{text-align:center}.setup-instructions{margin-bottom:30px}.setup-instructions h2{color:#4a5568;font-size:2rem;margin-bottom:15px}.setup-instructions p{color:#666;font-size:1.1rem;margin-bottom:10px}.player-status{display:flex;gap:40px;justify-content:center;margin-bottom:40px}.player-indicator{align-items:center;border-radius:15px;display:flex;flex-direction:column;min-width:120px;padding:20px;transition:all .3s ease}.player-indicator.active{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;transform:scale(1.05)}.player-indicator.completed{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.player-indicator.waiting{background:#f7fafc;color:#a0aec0}.player-number{font-size:2rem;font-weight:700;margin-bottom:5px}.player-label{font-size:1rem}.checkmark{font-size:1.5rem;margin-top:5px}.setup-form-container{margin:0 auto;max-width:500px}.current-player-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-bottom:30px;padding:20px}.current-player-banner h3{font-size:1.5rem;margin:0 0 10px}.current-player-banner p{margin:0;opacity:.9}.setup-form{display:flex;flex-direction:column;gap:25px}.form-group{text-align:left}.form-group label{color:#4a5568;display:block;font-size:1.1rem;font-weight:700;margin-bottom:8px}.label-hint{color:#718096;display:block;font-size:.9rem;font-weight:400;margin-top:5px}.hint-input,.word-input{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:1.1rem;padding:15px;transition:all .3s ease;width:100%}.hint-input:focus,.word-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;transition:all .3s ease}.submit-button:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.setup-complete{padding:40px;text-align:center}.setup-complete h2{color:#38a169;font-size:2.5rem;margin-bottom:20px}.setup-complete p{color:#666;font-size:1.2rem;margin-bottom:15px}.loading-dots{display:flex;gap:10px;justify-content:center;margin-top:20px}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;font-size:2rem}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.transition-message{color:#666;padding:40px;text-align:center}.game-board{padding:20px 0}.game-header{margin-bottom:30px;text-align:center}.game-header h2{color:#4a5568;font-size:2rem;margin-bottom:10px}.turn-instruction{color:#666;font-size:1.1rem}.game-content{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 2fr}.left-panel{display:flex;flex-direction:column;gap:30px}.hangman-container{background:#f7fafc;border-radius:15px;padding:20px;text-align:center}.hangman-drawing{align-items:center;display:flex;flex-direction:column;gap:15px}.hangman-svg{color:#4a5568;height:auto;max-width:200px}.guess-counter{color:#4a5568;font-size:1.2rem;font-weight:700}.wrong-count{color:#e53e3e}.total-count{color:#666}.game-over-indicator{background:linear-gradient(135deg,#fc8181,#f56565);border-radius:25px;color:#fff;font-size:1.1rem;font-weight:700;padding:10px 20px}.hint-section{background:#fff5b4;border-left:5px solid #f6e05e;border-radius:15px;padding:20px}.hint-section h3{color:#744210;font-size:1.3rem;margin:0 0 10px}.hint-text{color:#744210;font-size:1.1rem;font-style:italic;margin:0}.right-panel{display:flex;flex-direction:column;gap:30px}.word-display{text-align:center}.word-display h3{color:#4a5568;font-size:1.5rem;margin-bottom:20px}.word-container{align-items:center;background:#f7fafc;border-radius:15px;display:flex;justify-content:center;min-height:80px;padding:30px}.display-word{color:#2d3748;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;letter-spacing:8px;line-height:1.2;word-break:break-all}.word-char{display:inline-block;margin:0 2px;min-width:20px;text-align:center}.word-char.hidden{color:#4a5568}.word-char.revealed{color:#38a169}.word-char.space{width:20px}.input-section{background:#f7fafc;border-radius:15px;padding:25px}.letter-input-form{margin-bottom:30px}.input-group{align-items:center;display:flex;gap:15px;justify-content:center}.letter-input{border:2px solid #e2e8f0;border-radius:10px;font-size:2rem;font-weight:700;height:60px;text-align:center;text-transform:uppercase;width:60px}.letter-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.guess-button{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 25px;transition:all .3s ease}.guess-button:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.guess-button:hover:not(:disabled){box-shadow:0 10px 20px #48bb784d;transform:translateY(-2px)}.virtual-keyboard h4{color:#4a5568;margin-bottom:20px;text-align:center}.keyboard-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));margin:0 auto;max-width:600px}.keyboard-key{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;height:40px;transition:all .2s ease;width:40px}.keyboard-key.available{background:#e2e8f0;color:#4a5568}.keyboard-key.available:hover{background:#cbd5e0}.keyboard-key.correct{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.keyboard-key.incorrect{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff}.keyboard-key:disabled{cursor:not-allowed}.guessed-letters{text-align:center}.guessed-letters h4{color:#4a5568;margin-bottom:15px}.letters-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.guessed-letter{border-radius:50%;display:inline-block;font-size:1rem;font-weight:700;height:35px;line-height:35px;text-align:center;width:35px}.guessed-letter.correct{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.guessed-letter.incorrect{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff}.no-guesses{color:#a0aec0;font-style:italic}.lose-message,.win-message{border-radius:15px;font-size:1.5rem;font-weight:700;margin-top:30px;padding:20px;text-align:center}.win-message{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.lose-message{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff}.game-results{padding:20px 0}.results-container{margin:0 auto;max-width:1000px}.result-header{margin-bottom:40px;text-align:center}.result-emoji{font-size:4rem;margin-bottom:20px}.result-title{color:#2d3748;font-size:3rem;margin-bottom:15px}.result-message{color:#666;font-size:1.3rem}.game-summary h2{color:#4a5568;font-size:2rem;margin-bottom:30px;text-align:center}.players-summary{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.player-summary{background:#f7fafc;border:3px solid #0000;border-radius:15px;padding:25px;transition:all .3s ease}.player-summary.winner{background:linear-gradient(135deg,#fef5e7,#fff5b4);border-color:#f6e05e}.player-header{margin-bottom:20px;text-align:center}.player-header h3{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;gap:10px;justify-content:center;margin:0}.crown{animation:bounce 2s ease-in-out infinite;font-size:1.8rem}.word-reveal{margin-bottom:20px;text-align:center}.word-reveal h4{color:#4a5568;font-size:1.1rem;margin:15px 0 5px}.revealed-word{color:#2d3748;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700;margin-bottom:10px;word-break:break-all}.revealed-hint,.revealed-word{background:#fff;border-radius:8px;padding:10px 15px}.revealed-hint{color:#666;font-size:1.1rem;font-style:italic}.player-stats{display:flex;flex-direction:column;gap:10px}.stat{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.stat:last-child{border-bottom:none}.stat-label{color:#4a5568;font-weight:700}.stat-value{color:#666}.stat-value.won{color:#38a169;font-weight:700}.stat-value.lost{color:#e53e3e;font-weight:700}.action-buttons{gap:20px;margin-bottom:40px}.home-button,.play-again-button{border:none;border-radius:10px;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;transition:all .3s ease}.play-again-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.home-button{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff}.home-button:hover,.play-again-button:hover{box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.fun-facts{background:#f7fafc;border-radius:15px;padding:25px;text-align:center}.fun-facts h3{color:#4a5568;font-size:1.5rem;margin-bottom:20px}.facts-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fact{align-items:center;background:#fff;border-radius:10px;display:flex;gap:10px;padding:15px}.fact-icon{font-size:1.5rem}.fact-text{color:#4a5568;font-size:1rem}@media (max-width:768px){.hangman-game{padding:10px}.game-container{padding:20px}.game-title{font-size:2rem}.game-content{gap:20px;grid-template-columns:1fr}.player-status{flex-direction:column;gap:20px}.players-summary{gap:20px;grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column}.display-word{font-size:1.8rem;letter-spacing:4px}.keyboard-grid{grid-template-columns:repeat(6,1fr)}.facts-grid{grid-template-columns:1fr}}@media (max-width:480px){.game-title{font-size:1.5rem}.display-word{font-size:1.4rem;letter-spacing:2px}.result-title{font-size:2rem}.result-emoji{font-size:3rem}}@-moz-document url-prefix(){.game-container{backdrop-filter:none;background:#fffffffa}.loading-dots span{animation:none;transform:scale(1)}.crown{animation:none}}.trivia-game{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.trivia-header{color:#fff;margin-bottom:3rem;text-align:center}.trivia-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.trivia-header p{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}.trivia-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0003;margin-bottom:2rem;padding:2rem}.control-group{margin-bottom:1.5rem}.control-group:last-of-type{margin-bottom:0}.control-group label{color:#333;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.button-group{display:flex;flex-wrap:wrap;gap:.8rem}.control-btn{background:#fff;border:2px solid #e0e0e0;border-radius:25px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.control-btn:hover{border-color:#667eea;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.control-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 5px 15px #667eea66;color:#fff}.control-btn:disabled{background:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed;opacity:.6;transform:none}.control-btn:disabled:hover{border-color:#ddd;box-shadow:none;transform:none}.control-btn.all-btn{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-color:#fdcb6e;color:#2d3436;font-weight:700}.control-btn.all-btn:hover{background:linear-gradient(135deg,#fdcb6e,#e17055);border-color:#e17055;color:#fff}.control-btn.all-btn.active{background:linear-gradient(135deg,#e17055,#d63031);border-color:#d63031;box-shadow:0 5px 15px #d6303166;color:#fff}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.action-btn{align-items:center;border:none;border-radius:30px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.action-btn.randomize{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.action-btn.reset{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.action-btn:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.questions-info{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:2rem;text-align:center}.trivia-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1400px}.trivia-card{cursor:pointer;height:250px;perspective:1000px}.card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.trivia-card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;background:#fff;border-radius:15px;box-shadow:0 8px 25px #00000026;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.card-back{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;transform:rotateY(180deg)}.card-header{align-items:center;background:#0000000d;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:1rem 1.2rem}.card-back .card-header{background:#ffffff1a;border-bottom:1px solid #fff3}.question-number{color:#666;font-size:.9rem;font-weight:700}.card-back .answer-label,.card-back .question-number{color:#fff;font-weight:700}.answer-label{font-size:.9rem;font-weight:700}.difficulty-badge{border-radius:15px;font-size:.8rem;font-weight:600;padding:.3rem .8rem;text-transform:uppercase}.difficulty-badge.easy{background:#2ecc71;color:#fff}.difficulty-badge.medium{background:#f39c12;color:#fff}.difficulty-badge.hard{background:#e74c3c;color:#fff}.card-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:1.5rem}.answer-text,.question-text{font-size:1rem;font-weight:500;line-height:1.4;margin:0}.answer-text{color:#fff;font-weight:600}.card-footer{align-items:center;background:#0000000d;border-top:1px solid #0000001a;display:flex;justify-content:space-between;padding:1rem 1.2rem}.card-back .card-footer{background:#ffffff1a;border-top:1px solid #fff3}.category-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.card-back .category-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.flip-hint{color:#888;font-size:.8rem;font-style:italic}.card-back .flip-hint{color:#fffc}.trivia-card:hover{transform:translateY(-5px)}.trivia-card:hover .card-inner{box-shadow:0 15px 35px #0003}.single-question-navigation{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.nav-btn:hover:not(:disabled){background:#fff3;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.nav-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.nav-btn.random{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-color:#ff6b6b}.nav-btn.random:hover{background:linear-gradient(135deg,#ff5252,#d84315)}.single-question-container{align-items:center;display:flex;justify-content:center;min-height:400px}.single-card{height:350px;margin:0 auto;max-width:500px;width:100%}.single-card .card-content{padding:2rem}.single-card .answer-text,.single-card .question-text{font-size:1.2rem;line-height:1.5}@media (max-width:768px){.trivia-game{padding:1rem}.trivia-header h1{font-size:2.2rem}.trivia-header p{font-size:1rem}.trivia-controls{padding:1.5rem}.button-group{justify-content:center}.control-btn{font-size:.9rem;padding:.7rem 1.2rem}.action-buttons{align-items:center;flex-direction:column}.action-btn{justify-content:center;max-width:250px;width:100%}.trivia-grid{gap:1rem;grid-template-columns:1fr}.trivia-card{height:220px}.card-content{padding:1rem}.answer-text,.question-text{font-size:.95rem}}@media (max-width:480px){.trivia-header h1{font-size:1.8rem}.control-btn{font-size:.85rem;padding:.6rem 1rem}.trivia-card{height:200px}.card-footer,.card-header{padding:.8rem 1rem}.card-content{padding:.8rem}.answer-text,.question-text{font-size:.9rem}}@keyframes cardEntrance{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.trivia-card{animation:cardEntrance .5s ease-out}*{transition:all .3s ease}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@-moz-document url-prefix(){.trivia-controls{backdrop-filter:none;background:#fffffffa}.nav-btn{backdrop-filter:none;background:#505078e6}.nav-btn:hover:not(:disabled){background:#64648cf2}.card-back .category-tag{backdrop-filter:none;background:#ffffff4d}.trivia-card{animation:none;opacity:1}}.sands-of-exile{--soe-sandy-beige:#d6c7a9;--soe-deep-turquoise:#239e9e;--soe-palm-green:#4a7c59;--soe-terracotta:#b85c38;--soe-gold:#c9a227;--soe-gold-light:#e6d18a;--soe-gold-dark:#9a7b1e;--soe-night-blue:#1a3a4a;--soe-parchment:#f5ede0;--soe-bg-deep:#0d1b1e;--soe-bg-card:#152428;--soe-bg-card-hover:#1d3238;--soe-bg-elevated:#1a2e33;--soe-bg-modal:#0d1b1ef2;--soe-text-primary:#e8e4dc;--soe-text-secondary:#a09887;--soe-text-muted:#6b6358;--soe-danger:#e74c3c;--soe-success:#27ae60;--soe-border:#2a3e42;--soe-border-gold:#c9a227;--soe-oasis-glow:#239e9e4d;--soe-oasis-border:#239e9e;--soe-base-p1:#b85c3840;--soe-base-p2:#239e9e40;--soe-transition-fast:0.15s ease;--soe-transition-base:0.3s ease;--soe-space-xs:0.25rem;--soe-space-sm:0.5rem;--soe-space-md:1rem;--soe-space-lg:1.5rem;--soe-space-xl:2rem;--soe-radius-sm:4px;--soe-radius-md:8px;--soe-radius-lg:12px;--soe-font-heading:"El Messiri",Georgia,serif;--soe-font-body:"Amiri",Georgia,serif;background:var(--soe-bg-deep);background-image:radial-gradient(ellipse at top,#c9a2270d 0,#0000 50%),radial-gradient(ellipse at bottom,#239e9e0d 0,#0000 50%);color:var(--soe-text-primary);font-family:var(--soe-font-body);min-height:100vh}.sands-of-exile h1,.sands-of-exile h2,.sands-of-exile h3,.sands-of-exile h4,.sands-of-exile h5,.sands-of-exile h6{font-family:var(--soe-font-heading);font-weight:600;letter-spacing:.02em}.soe-header{background:linear-gradient(180deg,#0000004d,#0000);border-bottom:1px solid var(--soe-border);justify-content:space-between;padding:var(--soe-space-md) var(--soe-space-lg)}.soe-back-link,.soe-header{align-items:center;display:flex}.soe-back-link{color:var(--soe-text-secondary);gap:var(--soe-space-sm);text-decoration:none;transition:color var(--soe-transition-fast)}.soe-back-link:hover{color:var(--soe-gold)}.soe-back-arrow{font-size:1.2rem}.soe-title{color:var(--soe-gold);font-family:var(--soe-font-heading);font-size:1.5rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.soe-header-spacer{width:100px}.soe-main{margin:0 auto;max-width:1400px;padding:var(--soe-space-lg)}.soe-setup{margin:var(--soe-space-xl) auto;max-width:600px}.soe-setup-border{background:var(--soe-bg-card);border:2px solid var(--soe-border-gold);border-radius:var(--soe-radius-lg);padding:var(--soe-space-xl);position:relative}.soe-setup-corner{border:2px solid var(--soe-gold);height:20px;position:absolute;width:20px}.soe-setup-corner-tl{border-bottom:none;border-right:none;left:-2px;top:-2px}.soe-setup-corner-tr{border-bottom:none;border-left:none;right:-2px;top:-2px}.soe-setup-corner-bl{border-right:none;border-top:none;bottom:-2px;left:-2px}.soe-setup-corner-br{border-left:none;border-top:none;bottom:-2px;right:-2px}.soe-setup-header{align-items:center;display:flex;gap:var(--soe-space-md);justify-content:center;margin-bottom:var(--soe-space-lg)}.soe-setup-ornament{color:var(--soe-gold);font-size:1.2rem}.soe-setup-title{color:var(--soe-gold);font-family:var(--soe-font-heading);font-size:1.5rem;font-style:italic;font-weight:500}.soe-setup-description{color:var(--soe-text-secondary);line-height:1.7;margin-bottom:var(--soe-space-xl);margin-left:auto;margin-right:auto;max-width:520px;text-align:center}.soe-setup-description p{margin:0 0 var(--soe-space-md) 0}.soe-setup-description p:last-child{margin-bottom:0}.soe-setup-flavor-end{border-top:1px solid var(--soe-border);color:var(--soe-gold-light);font-style:italic;margin-top:var(--soe-space-md)!important;padding-top:var(--soe-space-sm)}.soe-setup-form{display:flex;flex-direction:column;gap:var(--soe-space-lg)}.soe-setup-players{align-items:center;display:flex;gap:var(--soe-space-md)}.soe-setup-player{flex:1 1;flex-direction:column}.soe-setup-label,.soe-setup-player{display:flex;gap:var(--soe-space-sm)}.soe-setup-label{align-items:center;color:var(--soe-text-secondary);font-size:.9rem}.soe-player-icon{font-size:1rem}.soe-setup-input{background:var(--soe-bg-deep);border:1px solid var(--soe-border);border-radius:var(--soe-radius-sm);color:var(--soe-text-primary);font-family:inherit;font-size:1rem;padding:var(--soe-space-sm) var(--soe-space-md);transition:border-color var(--soe-transition-fast)}.soe-setup-input:focus{border-color:var(--soe-gold);outline:none}.soe-setup-input::placeholder,.soe-setup-vs{color:var(--soe-text-muted)}.soe-setup-vs{font-size:.9rem;font-weight:700}.soe-setup-mode{display:flex;flex-direction:column;gap:var(--soe-space-sm)}.soe-setup-mode-label{color:var(--soe-text-secondary);font-size:.9rem;text-align:center}.soe-setup-mode-options{display:flex;gap:var(--soe-space-md)}.soe-setup-mode-btn{align-items:center;background:var(--soe-bg-deep);border:1px solid var(--soe-border);border-radius:var(--soe-radius-md);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--soe-space-xs);padding:var(--soe-space-md);transition:all var(--soe-transition-fast)}.soe-setup-mode-btn.active,.soe-setup-mode-btn:hover{border-color:var(--soe-gold)}.soe-setup-mode-btn.active{background:#c9a2271a}.soe-mode-icon{font-size:1.5rem}.soe-mode-name{color:var(--soe-text-primary);font-family:var(--soe-font-heading);font-weight:600}.soe-mode-desc{color:var(--soe-text-secondary);font-size:.8rem}.soe-setup-start{align-items:center;background:linear-gradient(135deg,var(--soe-gold),var(--soe-terracotta));border:none;border-radius:var(--soe-radius-md);color:#fff;cursor:pointer;display:flex;font-family:var(--soe-font-heading);font-size:1.1rem;font-weight:600;gap:var(--soe-space-sm);justify-content:center;letter-spacing:.05em;padding:var(--soe-space-md) var(--soe-space-xl);transition:transform var(--soe-transition-fast),box-shadow var(--soe-transition-fast)}.soe-setup-start:hover{box-shadow:0 4px 20px #c9a22766}.soe-start-arrow{font-size:1.2rem}.soe-setup-rules{margin-top:var(--soe-space-md)}.soe-rules-details{background:var(--soe-bg-deep);border-radius:var(--soe-radius-sm);overflow:hidden}.soe-rules-summary{align-items:center;color:var(--soe-text-secondary);cursor:pointer;display:flex;gap:var(--soe-space-sm);list-style:none;padding:var(--soe-space-sm) var(--soe-space-md)}.soe-rules-summary::-webkit-details-marker{display:none}.soe-rules-summary:hover{color:var(--soe-gold)}.soe-rules-content{border-top:1px solid var(--soe-border);padding:var(--soe-space-md)}.soe-rules-content ul{color:var(--soe-text-secondary);line-height:1.8;margin:0;padding-left:var(--soe-space-lg)}.soe-rules-content strong{color:var(--soe-gold)}.soe-transition{align-items:center;display:flex;justify-content:center;min-height:70vh}.soe-transition-content{max-width:400px;text-align:center}.soe-transition-stars{display:flex;gap:var(--soe-space-md);justify-content:center;margin-bottom:var(--soe-space-lg)}.soe-star{color:var(--soe-gold);font-size:1.5rem;opacity:.6}.soe-star-large{font-size:2rem;opacity:1}.soe-transition-round{color:var(--soe-text-secondary);font-size:.9rem;letter-spacing:.2em;margin-bottom:var(--soe-space-sm);text-transform:uppercase}.soe-transition-player{font-size:2.5rem;font-weight:700;margin-bottom:var(--soe-space-md)}.soe-transition-instruction{color:var(--soe-text-secondary);margin-bottom:var(--soe-space-xl)}.soe-transition-btn{align-items:center;background:#0000;border:2px solid var(--soe-gold);border-radius:var(--soe-radius-md);color:var(--soe-text-primary);cursor:pointer;display:inline-flex;font-family:var(--soe-font-heading);font-size:1.1rem;font-weight:600;gap:var(--soe-space-sm);padding:var(--soe-space-md) var(--soe-space-xl);transition:all var(--soe-transition-base)}.soe-transition-btn:hover{background:#c9a22733}.soe-btn-icon{font-size:1.3rem}.soe-transition-privacy{color:var(--soe-text-muted);font-size:.85rem;margin-top:var(--soe-space-xl)}.soe-game-container{width:100%}.soe-board-layout,.soe-middle-section,.soe-opponent-area,.soe-player-area{display:flex;flex-direction:column;gap:var(--soe-space-md)}.soe-middle-section{align-items:center}.soe-board-wrapper,.soe-grid{position:relative}.soe-grid{background:var(--soe-bg-card);border:2px solid var(--soe-border);border-radius:var(--soe-radius-lg);padding:var(--soe-space-md)}.soe-grid-inner{grid-gap:2px;background:var(--soe-border);border-radius:var(--soe-radius-sm);display:grid;gap:2px;overflow:hidden}.soe-cell{align-items:center;aspect-ratio:1;background:var(--soe-bg-deep);cursor:pointer;display:flex;justify-content:center;min-height:45px;min-width:45px;position:relative;transition:background var(--soe-transition-fast)}.soe-cell:hover{background:var(--soe-bg-card-hover)}.soe-zone-oasis{background:linear-gradient(135deg,#239e9e33,#239e9e1a)}.soe-zone-base{background:#c9a2271a}.soe-base-p1{background:var(--soe-base-p1)}.soe-base-p2{background:var(--soe-base-p2)}.soe-oasis-glow{background:radial-gradient(circle,var(--soe-oasis-glow),#0000);inset:0}.soe-base-marker,.soe-oasis-glow{pointer-events:none;position:absolute}.soe-base-marker{color:var(--soe-text-muted);font-size:.6rem;left:2px;top:2px}.soe-cell-valid{background:#4a7c594d}.soe-cell-valid:hover{background:#4a7c5980}.soe-valid-indicator{background:var(--soe-palm-green);border-radius:50%;height:12px;opacity:.8;width:12px}.soe-cell-selected{box-shadow:inset 0 0 0 2px var(--soe-gold)}.soe-cell-summon-valid{animation:summon-pulse 1.5s ease-in-out infinite;background:#c9a2274d}.soe-cell-summon-valid:hover{background:#c9a22780}@keyframes summon-pulse{0%,to{box-shadow:inset 0 0 0 2px #c9a22780}50%{box-shadow:inset 0 0 0 3px #c9a227e6}}.soe-summon-indicator{align-items:center;background:linear-gradient(135deg,var(--soe-gold),var(--soe-gold-dark));border-radius:50%;box-shadow:0 2px 8px #c9a22780;display:flex;height:24px;justify-content:center;width:24px}.soe-summon-icon{color:var(--soe-bg-deep);font-size:.9rem}.soe-summon-banner{align-items:center;background:linear-gradient(135deg,#c9a22726,#c9a2270d);border:1px solid var(--soe-gold);border-radius:var(--soe-radius-md);display:flex;gap:var(--soe-space-sm);justify-content:center;margin-bottom:var(--soe-space-sm);padding:var(--soe-space-sm) var(--soe-space-lg)}.soe-summon-banner-icon{animation:summon-star-spin 3s linear infinite;color:var(--soe-gold);font-size:1.2rem}@keyframes summon-star-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.soe-summon-banner-text{color:var(--soe-text-primary);font-size:.95rem}.soe-summon-banner-text strong{color:var(--soe-gold)}.soe-oasis-label{color:var(--soe-deep-turquoise);font-family:var(--soe-font-heading);font-size:.7rem;font-weight:500;left:50%;letter-spacing:.1em;opacity:.5;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.soe-grid-compass{color:var(--soe-gold);font-size:.6rem;height:50px;opacity:.5;position:absolute;right:-8px;top:-8px;width:50px}.soe-compass-e,.soe-compass-n,.soe-compass-s,.soe-compass-w{position:absolute}.soe-compass-n{left:50%;top:0;transform:translateX(-50%)}.soe-compass-e{right:0;top:50%;transform:translateY(-50%)}.soe-compass-s{bottom:0;left:50%;transform:translateX(-50%)}.soe-compass-w{left:0;top:50%;transform:translateY(-50%)}.soe-unit-token{align-items:center;background:var(--soe-bg-card);border:2px solid;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;width:36px;z-index:1}.soe-unit-icon{font-size:1.2rem}.soe-unit-stats{bottom:-6px;display:flex;font-size:.55rem;font-weight:700;gap:2px;left:50%;position:absolute;transform:translateX(-50%)}.soe-unit-power{background:var(--soe-terracotta)}.soe-unit-mp,.soe-unit-power{border-radius:2px;color:#fff;padding:1px 3px}.soe-unit-mp{background:var(--soe-palm-green)}.soe-unit-kp{align-items:center;background:var(--soe-gold);border-radius:8px;color:var(--soe-bg-deep);display:flex;font-size:.6rem;font-weight:700;gap:1px;padding:2px 4px;position:absolute;right:-8px;top:-8px}.soe-unit-inactive{opacity:.5}.soe-unit-inactive-overlay{align-items:center;background:#0006;border-radius:50%;display:flex;font-size:.8rem;inset:0;justify-content:center;position:absolute}.soe-unit-highlighted{animation:pulse-highlight 1s ease-in-out infinite}@keyframes pulse-highlight{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.soe-unit-debuff{background:#e74c3c;border-radius:4px;color:#fff;font-size:.5rem;left:-4px;padding:1px 3px;position:absolute;top:-4px}.soe-player-panel{background:var(--soe-bg-card);border:1px solid var(--soe-border);border-left:3px solid;border-radius:var(--soe-radius-md);display:flex;flex-direction:column;gap:var(--soe-space-sm);padding:var(--soe-space-md)}.soe-panel-active{background:var(--soe-bg-card-hover)}.soe-panel-header{align-items:center;display:flex;gap:var(--soe-space-sm)}.soe-panel-diamond{font-size:.8rem}.soe-panel-name{flex:1 1;font-family:var(--soe-font-heading);font-weight:600}.soe-panel-turn-indicator{color:var(--soe-gold);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.soe-panel-stats{display:flex;flex-wrap:wrap;gap:var(--soe-space-md)}.soe-stat{align-items:center;display:flex;font-size:.85rem;gap:var(--soe-space-xs)}.soe-stat-icon{font-size:1rem;opacity:.8}.soe-stat-value{color:var(--soe-gold);font-weight:700}.soe-stat-label{color:var(--soe-text-muted);font-size:.75rem}.soe-turn-indicator{align-items:center;background:var(--soe-bg-card);border:1px solid var(--soe-border);border-radius:var(--soe-radius-md);display:flex;flex-wrap:wrap;gap:var(--soe-space-lg);justify-content:space-between;padding:var(--soe-space-sm) var(--soe-space-md)}.soe-turn-player{align-items:center;display:flex;gap:var(--soe-space-sm)}.soe-turn-diamond{font-size:.8rem}.soe-turn-player-name{font-weight:700}.soe-turn-phase{align-items:center;background:#c9a2271a;border-radius:var(--soe-radius-sm);display:flex;gap:var(--soe-space-sm);padding:var(--soe-space-xs) var(--soe-space-md)}.soe-phase-icon{font-size:1rem}.soe-phase-name{color:var(--soe-gold);font-weight:700}.soe-phase-desc,.soe-turn-info{color:var(--soe-text-secondary);font-size:.8rem}.soe-turn-info{display:flex;gap:var(--soe-space-md)}.soe-info-item{align-items:center;display:flex;gap:var(--soe-space-xs)}.soe-info-icon{font-size:.9rem}.soe-hand-container{background:var(--soe-bg-card);border:1px solid var(--soe-border);border-radius:var(--soe-radius-md);padding:var(--soe-space-md)}.soe-hand-label{align-items:center;color:var(--soe-text-secondary);display:flex;font-size:.85rem;gap:var(--soe-space-sm);margin-bottom:var(--soe-space-sm)}.soe-hand{align-items:flex-end;display:flex;min-height:160px;overflow-x:auto;padding:var(--soe-space-sm)}.soe-hand-card-wrapper{flex-shrink:0;position:relative}.soe-hand-empty{color:var(--soe-text-muted);font-style:italic;text-align:center;width:100%}.soe-hand-play-action{border-top:1px solid var(--soe-border);flex-direction:column;margin-top:var(--soe-space-md);padding-top:var(--soe-space-sm)}.soe-hand-play-action,.soe-hand-play-btn{align-items:center;display:flex;gap:var(--soe-space-sm)}.soe-hand-play-btn{background:linear-gradient(135deg,var(--soe-gold) 0,var(--soe-gold-dark) 50%,var(--soe-gold) 100%);background-size:200% 200%;border:2px solid var(--soe-gold-light);border-radius:var(--soe-radius-lg);box-shadow:0 4px 12px #c9a22766,inset 0 1px 0 #fff3;color:var(--soe-bg-deep);cursor:pointer;font-family:var(--soe-font-heading);font-size:1.1rem;font-weight:600;justify-content:center;letter-spacing:.05em;overflow:hidden;padding:var(--soe-space-md) var(--soe-space-xl);position:relative;transition:all var(--soe-transition-base)}.soe-hand-play-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.soe-hand-play-btn:hover:not(:disabled):before{left:100%}.soe-hand-play-btn:hover:not(:disabled){background-position:100% 0;box-shadow:0 6px 20px #c9a22780,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.soe-hand-play-btn:active:not(:disabled){box-shadow:0 2px 8px #c9a2274d,inset 0 1px 0 #ffffff1a;transform:translateY(0)}.soe-hand-play-btn:disabled{background:var(--soe-bg-elevated);border-color:var(--soe-border);box-shadow:none;color:var(--soe-text-muted);cursor:not-allowed;opacity:.7}.soe-hand-play-btn:disabled:before{display:none}.soe-play-btn-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));font-size:1rem}.soe-play-btn-hint{background:#e74c3c1a;border-radius:var(--soe-radius-sm);color:var(--soe-danger);font-size:.8rem;font-weight:500;padding:var(--soe-space-xs) var(--soe-space-sm)}.soe-card{background:linear-gradient(135deg,var(--soe-bg-card),#1a2a2e);border:2px solid var(--soe-border);border-radius:var(--soe-radius-md);cursor:pointer;display:flex;flex-direction:column;height:140px;overflow:hidden;padding:var(--soe-space-xs);position:relative;width:100px}.soe-card-selected,.soe-card:hover{border-color:var(--soe-gold)}.soe-card-selected{box-shadow:0 0 12px #c9a22780}.soe-card-expensive{opacity:.6}.soe-card-disabled{opacity:.4;pointer-events:none}.soe-card-header{align-items:center;background:#0000004d;border-radius:var(--soe-radius-sm);display:flex;justify-content:space-between;margin-bottom:var(--soe-space-xs);padding:var(--soe-space-xs)}.soe-card-cost{color:var(--soe-palm-green);font-size:.65rem;font-weight:700}.soe-card-type{color:var(--soe-text-muted);font-size:.5rem;letter-spacing:.05em}.soe-card-art{align-items:center;background:#0003;border-radius:var(--soe-radius-sm);display:flex;flex:1 1;justify-content:center;margin-bottom:var(--soe-space-xs)}.soe-card-unit-display{text-align:center}.soe-card-unit-icon{font-size:1.8rem}.soe-card-unit-stats{display:flex;gap:var(--soe-space-xs);justify-content:center;margin-top:var(--soe-space-xs)}.soe-card-stat{color:var(--soe-text-secondary);font-size:.55rem}.soe-card-name{color:var(--soe-gold);font-family:var(--soe-font-heading);font-size:.7rem;font-weight:600;margin-bottom:2px;text-align:center}.soe-card-description{color:var(--soe-text-secondary);font-size:.55rem;line-height:1.3;text-align:center}.soe-card-flavor{color:var(--soe-text-muted);font-size:.5rem;font-style:italic;margin-top:auto;text-align:center}.soe-card-unaffordable-overlay{align-items:center;background:#0009;color:var(--soe-terracotta);display:flex;font-size:.7rem;font-weight:700;inset:0;justify-content:center;position:absolute}.soe-card-payment-glow{animation:payment-pulse 1s ease-in-out infinite;border:2px solid var(--soe-gold);border-radius:var(--soe-radius-lg);inset:-4px;pointer-events:none;position:absolute}@keyframes payment-pulse{0%,to{opacity:.5}50%{opacity:1}}.soe-card-corner{border:1px solid var(--soe-gold);height:8px;opacity:.3;position:absolute;width:8px}.soe-card-corner-tl{border-bottom:none;border-right:none;left:2px;top:2px}.soe-card-corner-tr{border-bottom:none;border-left:none;right:2px;top:2px}.soe-card-corner-bl{border-right:none;border-top:none;bottom:2px;left:2px}.soe-card-corner-br{border-left:none;border-top:none;bottom:2px;right:2px}.soe-action-buttons{display:flex;gap:var(--soe-space-md);justify-content:center}.soe-action-btn{background:var(--soe-bg-card);border:1px solid var(--soe-border);border-radius:var(--soe-radius-md);color:var(--soe-text-primary);cursor:pointer;font-family:var(--soe-font-heading);font-size:.9rem;font-weight:500;padding:var(--soe-space-sm) var(--soe-space-lg);transition:all var(--soe-transition-fast)}.soe-action-btn:hover{background:var(--soe-bg-card-hover);border-color:var(--soe-gold)}.soe-end-turn-btn{background:linear-gradient(135deg,var(--soe-gold),var(--soe-terracotta));border:none;color:#fff;font-weight:700}.soe-modal-overlay{align-items:center;background:var(--soe-bg-modal);display:flex;inset:0;justify-content:center;padding:var(--soe-space-md);position:fixed;z-index:1000}.soe-modal{background:var(--soe-bg-card);border:2px solid var(--soe-border-gold);border-radius:var(--soe-radius-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--soe-space-lg);width:100%}.soe-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--soe-space-md)}.soe-modal-header h3{color:var(--soe-gold);margin:0}.soe-modal-close{background:none;border:none;color:var(--soe-text-secondary);cursor:pointer;font-size:1.2rem}.soe-modal-close:hover{color:var(--soe-text-primary)}.soe-modal-actions{display:flex;gap:var(--soe-space-md);justify-content:flex-end;margin-top:var(--soe-space-lg)}.soe-modal-btn{border-radius:var(--soe-radius-md);cursor:pointer;font-family:var(--soe-font-heading);font-size:.9rem;font-weight:500;padding:var(--soe-space-sm) var(--soe-space-lg);transition:all var(--soe-transition-fast)}.soe-modal-btn-cancel{background:#0000;border:1px solid var(--soe-border);color:var(--soe-text-secondary)}.soe-modal-btn-cancel:hover{border-color:var(--soe-text-secondary)}.soe-modal-btn-confirm{background:var(--soe-gold);border:none;color:var(--soe-bg-deep);font-weight:700}.soe-modal-btn-confirm:hover{background:var(--soe-gold-light)}.soe-modal-btn-confirm.disabled{background:var(--soe-text-muted);cursor:not-allowed}.soe-payment-panel{background:var(--soe-bg-card);border:2px solid var(--soe-border-gold);border-radius:var(--soe-radius-lg);box-shadow:0 8px 32px #00000080;left:var(--soe-space-md);max-height:80vh;overflow-y:auto;padding:var(--soe-space-md);position:fixed;top:50%;transform:translateY(-50%);width:280px;z-index:100}.soe-payment-panel .soe-modal-header{margin-bottom:var(--soe-space-sm)}.soe-payment-panel .soe-modal-header h3{font-size:1rem}.soe-payment-panel .soe-modal-actions{flex-direction:column;margin-top:var(--soe-space-md)}.soe-payment-panel .soe-modal-btn{text-align:center;width:100%}.soe-payment-card-info{align-items:center;background:var(--soe-bg-deep);border-radius:var(--soe-radius-sm);display:flex;justify-content:space-between;margin-bottom:var(--soe-space-md);padding:var(--soe-space-sm) var(--soe-space-md)}.soe-payment-card-name{color:var(--soe-gold);font-weight:700}.soe-payment-card-cost{color:var(--soe-palm-green)}.soe-payment-progress{margin-bottom:var(--soe-space-md)}.soe-payment-bar-container{background:var(--soe-bg-deep);border-radius:var(--soe-radius-sm);height:8px;margin-bottom:var(--soe-space-sm);overflow:hidden}.soe-payment-bar{background:linear-gradient(90deg,var(--soe-palm-green),var(--soe-deep-turquoise));height:100%;transition:width var(--soe-transition-base)}.soe-payment-numbers{align-items:center;display:flex;font-size:1.2rem;gap:var(--soe-space-xs);justify-content:center}.soe-payment-current{color:var(--soe-palm-green);font-weight:700}.soe-payment-separator{color:var(--soe-text-muted)}.soe-payment-required{color:var(--soe-text-secondary)}.soe-payment-remaining{color:var(--soe-terracotta);font-size:.85rem;margin-top:var(--soe-space-xs);text-align:center}.soe-payment-units-label{color:var(--soe-text-secondary);font-size:.9rem;margin-bottom:var(--soe-space-sm)}.soe-payment-selected{margin-bottom:var(--soe-space-md)}.soe-payment-selected-label{color:var(--soe-text-muted);font-size:.8rem;margin-bottom:var(--soe-space-xs)}.soe-payment-selected-list{display:flex;flex-wrap:wrap;gap:var(--soe-space-sm)}.soe-payment-unit-chip{align-items:center;background:var(--soe-bg-deep);border:1px solid var(--soe-palm-green);border-radius:var(--soe-radius-sm);display:flex;font-size:.8rem;gap:var(--soe-space-xs);padding:var(--soe-space-xs) var(--soe-space-sm)}.soe-payment-unit-mp{color:var(--soe-palm-green);font-weight:700}.soe-payment-hint{color:var(--soe-text-muted);font-size:.8rem;font-style:italic}.soe-combat-modal{text-align:center}.soe-combat-header{margin-bottom:var(--soe-space-lg)}.soe-combat-title{color:var(--soe-terracotta);font-family:var(--soe-font-heading);font-size:1.5rem;font-weight:600}.soe-combat-arena{align-items:center;display:flex;gap:var(--soe-space-lg);justify-content:center;margin-bottom:var(--soe-space-lg)}.soe-combat-unit{background:var(--soe-bg-deep);border-radius:var(--soe-radius-md);min-width:120px;padding:var(--soe-space-md);text-align:center}.soe-combat-unit-label{color:var(--soe-text-muted);font-size:.75rem;letter-spacing:.1em;margin-bottom:var(--soe-space-xs);text-transform:uppercase}.soe-combat-unit-icon{font-size:2.5rem;margin-bottom:var(--soe-space-xs)}.soe-combat-unit-name{font-weight:700;margin-bottom:var(--soe-space-sm)}.soe-combat-power{align-items:center;display:flex;flex-direction:column;gap:2px}.soe-power-label{color:var(--soe-text-muted);font-size:.7rem}.soe-power-value{color:var(--soe-terracotta);font-size:1.5rem;font-weight:700}.soe-combat-kp{color:var(--soe-gold);font-size:.75rem;margin-top:var(--soe-space-xs)}.soe-combat-vs{color:var(--soe-text-muted);font-size:1.5rem;font-weight:700}.soe-combat-outcome{background:var(--soe-bg-deep);border-radius:var(--soe-radius-md);margin-bottom:var(--soe-space-lg);padding:var(--soe-space-md)}.soe-outcome-text{font-size:1.1rem;font-weight:700;margin-bottom:var(--soe-space-xs)}.soe-combat-outcome.attacker_wins .soe-outcome-text{color:var(--soe-palm-green)}.soe-combat-outcome.defender_wins .soe-outcome-text{color:var(--soe-terracotta)}.soe-combat-outcome.stalemate .soe-outcome-text{color:var(--soe-gold)}.soe-outcome-details{color:var(--soe-text-secondary);font-size:.85rem}.soe-combat-resolve-btn{background:var(--soe-gold);border:none;border-radius:var(--soe-radius-md);color:var(--soe-bg-deep);cursor:pointer;font-family:var(--soe-font-heading);font-size:1rem;font-weight:600;padding:var(--soe-space-sm) var(--soe-space-xl)}.soe-upkeep-info{color:var(--soe-text-secondary);line-height:1.6;margin-bottom:var(--soe-space-md)}.soe-upkeep-info strong{color:var(--soe-gold)}.soe-upkeep-bankruptcy{background:#e74c3c1a;border:1px solid #e74c3c;border-radius:var(--soe-radius-md);display:flex;gap:var(--soe-space-md);margin-bottom:var(--soe-space-md);padding:var(--soe-space-md)}.soe-bankruptcy-icon{font-size:1.5rem}.soe-bankruptcy-text{color:#e74c3c;font-size:.9rem}.soe-upkeep-progress{color:var(--soe-text-secondary);margin-bottom:var(--soe-space-sm);text-align:center}.soe-upkeep-hand{display:flex;flex-wrap:wrap;gap:var(--soe-space-sm)}.soe-upkeep-card{background:var(--soe-bg-deep);border:1px solid var(--soe-border);border-radius:var(--soe-radius-sm);cursor:pointer;padding:var(--soe-space-sm) var(--soe-space-md);position:relative;transition:all var(--soe-transition-fast)}.soe-upkeep-card:hover{border-color:var(--soe-gold)}.soe-upkeep-card.selected{background:#b85c381a;border-color:var(--soe-terracotta)}.soe-upkeep-card-name{font-size:.85rem;font-weight:700}.soe-upkeep-card-cost{color:var(--soe-text-secondary);font-size:.75rem}.soe-upkeep-card-check{align-items:center;background:var(--soe-terracotta);border-radius:50%;color:#fff;display:flex;font-size:.7rem;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.soe-results{margin:0 auto;max-width:600px;text-align:center}.soe-results-stars{margin-bottom:var(--soe-space-lg)}.soe-results-header,.soe-results-stars{display:flex;gap:var(--soe-space-md);justify-content:center}.soe-results-header{align-items:center;margin-bottom:var(--soe-space-xl)}.soe-results-ornament{color:var(--soe-gold);font-size:1.2rem}.soe-results-title{color:var(--soe-gold);font-family:var(--soe-font-heading);font-size:1.5rem;font-weight:500}.soe-results-winner{background:var(--soe-bg-card);border:2px solid;border-radius:var(--soe-radius-lg);margin-bottom:var(--soe-space-xl);padding:var(--soe-space-xl)}.soe-winner-crown{font-size:3rem;margin-bottom:var(--soe-space-sm)}.soe-winner-name{font-family:var(--soe-font-heading);font-size:2rem;font-weight:600;margin-bottom:var(--soe-space-xs)}.soe-winner-label{color:var(--soe-text-secondary);font-size:1rem;margin-bottom:var(--soe-space-sm)}.soe-winner-score{color:var(--soe-gold);font-size:1.2rem}.soe-results-standings{margin-bottom:var(--soe-space-xl)}.soe-standings-title{color:var(--soe-text-secondary);font-family:var(--soe-font-heading);font-size:1rem;font-weight:500;margin-bottom:var(--soe-space-md)}.soe-standings-list{display:flex;flex-direction:column;gap:var(--soe-space-sm)}.soe-standing-row{align-items:center;background:var(--soe-bg-card);border-left:3px solid;border-radius:var(--soe-radius-sm);display:flex;gap:var(--soe-space-md);padding:var(--soe-space-sm) var(--soe-space-md)}.soe-standing-rank{font-size:1rem;min-width:30px}.soe-standing-name{flex:1 1;font-weight:700;text-align:left}.soe-standing-score{color:var(--soe-gold)}.soe-results-stats{margin-bottom:var(--soe-space-xl)}.soe-stats-title{color:var(--soe-text-secondary);font-family:var(--soe-font-heading);font-size:1rem;font-weight:500;margin-bottom:var(--soe-space-md)}.soe-stats-grid{display:flex;gap:var(--soe-space-md);justify-content:center}.soe-stat-box{background:var(--soe-bg-card);border-radius:var(--soe-radius-md);display:flex;flex-direction:column;gap:var(--soe-space-xs);min-width:100px;padding:var(--soe-space-md)}.soe-results-actions{display:flex;gap:var(--soe-space-md);justify-content:center;margin-bottom:var(--soe-space-xl)}.soe-results-btn{align-items:center;border-radius:var(--soe-radius-md);cursor:pointer;display:inline-flex;font-family:var(--soe-font-heading);font-size:1rem;font-weight:600;gap:var(--soe-space-sm);padding:var(--soe-space-sm) var(--soe-space-lg);text-decoration:none;transition:all var(--soe-transition-fast)}.soe-results-btn-play{background:var(--soe-gold);border:none;color:var(--soe-bg-deep);font-weight:700}.soe-results-btn-back{background:#0000;border:1px solid var(--soe-border);color:var(--soe-text-secondary)}.soe-results-btn-back:hover{border-color:var(--soe-gold);color:var(--soe-text-primary)}.soe-results-flavor{color:var(--soe-text-muted);font-style:italic;line-height:1.6}@media (max-width:768px){.soe-header{flex-wrap:wrap;gap:var(--soe-space-sm)}.soe-title{font-size:1.2rem;order:-1;text-align:center;width:100%}.soe-header-spacer{display:none}.soe-setup-players{flex-direction:column}.soe-setup-vs{transform:rotate(90deg)}.soe-cell{min-height:35px;min-width:35px}.soe-unit-token{height:28px;width:28px}.soe-unit-icon{font-size:1rem}.soe-turn-indicator{flex-direction:column;text-align:center}.soe-turn-info{flex-wrap:wrap;justify-content:center}.soe-hand{min-height:120px}.soe-card{height:112px;width:80px}.soe-hand-card-wrapper{margin-left:-24px!important}.soe-hand-card-wrapper:first-child{margin-left:0!important}}.soe-placement-board-layout{align-items:center;display:flex;flex-direction:column;gap:var(--soe-space-md);padding:var(--soe-space-md);position:relative}.soe-placement-banner{align-items:center;background:linear-gradient(135deg,#c9a22726,#c9a2270d);border:2px solid var(--soe-gold);border-radius:var(--soe-radius-lg);display:flex;justify-content:center;margin-bottom:var(--soe-space-sm);padding:var(--soe-space-md) var(--soe-space-xl)}.soe-placement-banner-content{align-items:center;display:flex;gap:var(--soe-space-md)}.soe-placement-banner-icon{font-size:2.5rem}.soe-placement-banner-text h2{font-size:1.3rem;font-weight:700;margin:0 0 var(--soe-space-xs) 0}.soe-placement-banner-text p{color:var(--soe-text-secondary);font-size:.9rem;margin:0}.soe-placement-board{position:relative}.soe-cell-placement-valid{animation:placement-pulse 1.5s ease-in-out infinite;background:#c9a22740!important;cursor:pointer!important}.soe-cell-placement-valid:hover{background:#c9a22773!important}@keyframes placement-pulse{0%,to{box-shadow:inset 0 0 0 2px #c9a22766}50%{box-shadow:inset 0 0 0 3px #c9a227e6}}.soe-placement-indicator{align-items:center;display:flex;flex-direction:column;gap:2px;height:100%;justify-content:center;width:100%}.soe-placement-indicator-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.8rem}.soe-placement-indicator-hint{color:var(--soe-gold);font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.soe-placement-status-bar{background:var(--soe-bg-card);border-radius:var(--soe-radius-md);gap:var(--soe-space-lg);justify-content:center}.soe-placement-status-bar,.soe-placement-status-item{border:1px solid var(--soe-border);display:flex;padding:var(--soe-space-sm) var(--soe-space-md)}.soe-placement-status-item{align-items:center;background:var(--soe-bg-deep);border-left:3px solid;border-radius:var(--soe-radius-sm);gap:var(--soe-space-sm);opacity:.5;transition:all var(--soe-transition-base)}.soe-placement-status-item.current{background:var(--soe-bg-card-hover);opacity:1;transform:scale(1.02)}.soe-placement-status-item.complete{opacity:.8}.soe-status-diamond{font-size:.9rem}.soe-status-name{font-size:.85rem;font-weight:700}.soe-status-label{color:var(--soe-text-muted);font-size:.75rem}.soe-placement-info-card{background:var(--soe-bg-card);border:2px solid var(--soe-gold);border-radius:var(--soe-radius-lg);padding:var(--soe-space-md);position:fixed;right:var(--soe-space-md);top:50%;transform:translateY(-50%);width:220px;z-index:50}.soe-placement-info-header{align-items:center;border-bottom:1px solid var(--soe-border);display:flex;gap:var(--soe-space-sm);margin-bottom:var(--soe-space-md);padding-bottom:var(--soe-space-sm)}.soe-placement-info-icon{font-size:1.8rem}.soe-placement-info-title{color:var(--soe-gold);font-family:var(--soe-font-heading);font-size:1.1rem;font-weight:600}.soe-placement-info-stats{display:flex;justify-content:space-between;margin-bottom:var(--soe-space-md)}.soe-placement-stat{align-items:center;background:var(--soe-bg-deep);border-radius:var(--soe-radius-sm);display:flex;flex-direction:column;gap:2px;min-width:55px;padding:var(--soe-space-xs) var(--soe-space-sm)}.soe-placement-stat-label{color:var(--soe-text-muted);font-size:.6rem;text-transform:uppercase}.soe-placement-stat-value{color:var(--soe-text-primary);font-size:1.2rem;font-weight:700}.soe-placement-info-desc{color:var(--soe-text-secondary);font-size:.8rem;font-style:italic;line-height:1.5;margin:0}@media (max-width:1100px){.soe-placement-info-card{display:none}}.soe-card-preview-panel{background:var(--soe-bg-card);border:2px solid var(--soe-border-gold);border-radius:var(--soe-radius-lg);box-shadow:0 8px 32px #00000080;max-height:80vh;overflow-y:auto;padding:var(--soe-space-md);position:fixed;right:var(--soe-space-md);top:50%;transform:translateY(-50%);width:280px;z-index:100}.soe-preview-header{align-items:flex-start;border-bottom:1px solid var(--soe-border);display:flex;justify-content:space-between;margin-bottom:var(--soe-space-sm);padding-bottom:var(--soe-space-sm)}.soe-preview-name{color:var(--soe-gold);flex:1 1;font-size:1.2rem;font-weight:700;margin:0}.soe-preview-cost{align-items:center;background:var(--soe-palm-green);border-radius:var(--soe-radius-sm);display:flex;flex-direction:column;padding:var(--soe-space-xs) var(--soe-space-sm)}.soe-preview-cost-value{color:#fff;font-size:1.3rem;font-weight:700;line-height:1}.soe-preview-cost-label{color:#fffc;font-size:.6rem;text-transform:uppercase}.soe-preview-type{color:var(--soe-text-muted);font-size:.7rem;letter-spacing:.1em;margin-bottom:var(--soe-space-md);text-transform:uppercase}.soe-preview-unit{background:var(--soe-bg-deep);border-radius:var(--soe-radius-md);margin-bottom:var(--soe-space-md);padding:var(--soe-space-md);text-align:center}.soe-preview-unit-icon{font-size:3rem;margin-bottom:var(--soe-space-xs)}.soe-preview-unit-name{color:var(--soe-text-primary);font-size:1rem;font-weight:700;margin-bottom:var(--soe-space-sm)}.soe-preview-stats{display:flex;gap:var(--soe-space-md);justify-content:center;margin-bottom:var(--soe-space-sm)}.soe-preview-stat{align-items:center;background:var(--soe-bg-card);border-radius:var(--soe-radius-sm);display:flex;flex-direction:column;gap:2px;min-width:50px;padding:var(--soe-space-xs) var(--soe-space-sm)}.soe-preview-stat-icon{color:var(--soe-gold);font-size:.9rem}.soe-preview-stat-value{color:var(--soe-text-primary);font-size:1.2rem;font-weight:700}.soe-preview-stat-label{color:var(--soe-text-muted);font-size:.6rem;text-transform:uppercase}.soe-preview-unit-desc{color:var(--soe-text-secondary);font-size:.85rem;font-style:italic;margin:0;margin-top:var(--soe-space-sm)}.soe-preview-description{margin-bottom:var(--soe-space-md)}.soe-preview-description p{color:var(--soe-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.soe-preview-flavor{background:#c9a2271a;border-left:2px solid var(--soe-gold);border-radius:0 var(--soe-radius-sm) var(--soe-radius-sm) 0;margin-bottom:var(--soe-space-md);padding:var(--soe-space-sm)}.soe-preview-flavor p{color:var(--soe-gold-light);font-size:.8rem;font-style:italic;margin:0}.soe-preview-tips{background:var(--soe-bg-deep);border-radius:var(--soe-radius-sm);padding:var(--soe-space-sm)}.soe-preview-tips-header{color:var(--soe-text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:var(--soe-space-xs);text-transform:uppercase}.soe-preview-tips-list{color:var(--soe-text-muted);font-size:.8rem;line-height:1.6;margin:0;padding-left:var(--soe-space-md)}.soe-preview-tips-list li{margin-bottom:var(--soe-space-xs)}.soe-preview-tips-list li:last-child{margin-bottom:0}@media (max-width:1200px){.soe-card-preview-panel{right:var(--soe-space-sm);width:240px}}@media (max-width:900px){.soe-card-preview-panel{display:none}}@-moz-document url-prefix(){.soe-summon-pulse{animation:none;box-shadow:0 5px 25px #c9a2274d}.soe-awaiting-payment-btn,.soe-pulse-highlight,.soe-summon-star{animation:none}.soe-cell-placement-valid{animation:none;box-shadow:inset 0 0 0 2px #c9a22799}}.bountiful-sea{--bs-deep-purple:#4a1a6b;--bs-purple-dark:#2e1042;--bs-purple-light:#6b2d8b;--bs-sea-teal:#2a7b7b;--bs-teal-light:#3a9e9e;--bs-teal-dark:#1a5a5a;--bs-gold:#d4af37;--bs-gold-bright:#f4cf57;--bs-gold-dark:#a68b2a;--bs-gold-pale:#e8d59a;--bs-rope-brown:#8b6914;--bs-wood-dark:#3d2914;--bs-wood-medium:#5c3d1e;--bs-wood-light:#7a5530;--bs-parchment:#e8dcc4;--bs-parchment-dark:#d4c4a8;--bs-parchment-light:#f5efe0;--bs-candle-orange:#e8a83c;--bs-candle-glow:#e8a83c26;--bs-flame:#ff6b35;--bs-bg-deep:#0d0a12;--bs-bg-card:#1a1220;--bs-bg-card-hover:#251830;--bs-bg-elevated:#2a1e35;--bs-bg-modal:#0d0a12f2;--bs-text-primary:#e8dcc4;--bs-text-secondary:#b8a894;--bs-text-muted:#7a6a5a;--bs-text-gold:#d4af37;--bs-danger:#c23b22;--bs-danger-light:#e84c3d;--bs-success:#2e8b57;--bs-success-light:#3cb371;--bs-warning:#daa520;--bs-font-heading:"Pirata One",cursive;--bs-font-body:"Crimson Text",Georgia,serif;--bs-shadow-sm:0 2px 4px #0000004d;--bs-shadow-md:0 4px 8px #0006;--bs-shadow-lg:0 8px 16px #00000080;--bs-shadow-glow:0 0 20px #d4af374d;--bs-shadow-candle:0 0 30px #e8a83c33;--bs-border-gold:2px solid var(--bs-gold);--bs-border-rope:3px solid var(--bs-rope-brown);--bs-transition-fast:0.15s ease;--bs-transition-normal:0.3s ease;--bs-transition-slow:0.5s ease;--bs-spacing-xs:0.25rem;--bs-spacing-sm:0.5rem;--bs-spacing-md:1rem;--bs-spacing-lg:1.5rem;--bs-spacing-xl:2rem;background:var(--bs-bg-deep);background-image:radial-gradient(ellipse at top left,#4a1a6b33 0,#0000 50%),radial-gradient(ellipse at bottom right,#2a7b7b26 0,#0000 50%),radial-gradient(circle at 50% 50%,var(--bs-candle-glow) 0,#0000 60%);color:var(--bs-text-primary);font-family:var(--bs-font-body);font-size:18px;line-height:1.5;min-height:100vh}.bountiful-sea h1,.bountiful-sea h2,.bountiful-sea h3{color:var(--bs-gold);font-family:var(--bs-font-heading);letter-spacing:.05em;text-shadow:2px 2px 4px #00000080}.bountiful-sea h1{font-size:2.5rem}.bountiful-sea h2{font-size:2rem}.bountiful-sea h3{font-size:1.5rem}.bs-flavor-text{color:var(--bs-text-secondary);font-style:italic}.bs-header{background:linear-gradient(180deg,var(--bs-purple-dark) 0,#0000 100%);border-bottom:1px solid #d4af3733;justify-content:space-between;padding:var(--bs-spacing-md) var(--bs-spacing-xl)}.bs-back-link,.bs-header{align-items:center;display:flex}.bs-back-link{color:var(--bs-text-secondary);font-size:1rem;gap:var(--bs-spacing-sm);text-decoration:none;transition:color var(--bs-transition-fast)}.bs-back-link:hover{color:var(--bs-gold)}.bs-back-arrow{font-size:1.2rem}.bs-title{margin:0;text-align:center}.bs-header-spacer{width:120px}.bs-volume-controls{align-items:center;display:flex;gap:8px}.bs-volume-btn{background:#0000;border:none;cursor:pointer;font-size:1.3rem;padding:4px;transition:transform .2s ease}.bs-volume-btn:hover{transform:scale(1.1)}.bs-volume-slider{appearance:none;background:linear-gradient(to right,var(--bs-gold-dark),var(--bs-sea-teal));border-radius:3px;cursor:pointer;height:6px;outline:none;width:80px}.bs-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--bs-gold);border:2px solid var(--bs-parchment);border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:16px;width:16px}.bs-volume-slider::-moz-range-thumb{background:var(--bs-gold);border:2px solid var(--bs-parchment);border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:16px;width:16px}.bs-main{align-items:center;display:flex;flex:1 1;flex-direction:column;min-height:calc(100vh - 80px)}.bs-content-box,.bs-main{padding:var(--bs-spacing-xl)}.bs-content-box{background:var(--bs-bg-card);border:var(--bs-border-gold);border-radius:8px;box-shadow:var(--bs-shadow-lg),var(--bs-shadow-candle);margin:0 auto;max-width:800px;width:100%}.bs-btn{align-items:center;border:2px solid var(--bs-gold);border-radius:4px;cursor:pointer;display:inline-flex;font-family:var(--bs-font-heading);font-size:1.1rem;gap:var(--bs-spacing-sm);justify-content:center;letter-spacing:.05em;padding:var(--bs-spacing-sm) var(--bs-spacing-lg);text-decoration:none;transition:all var(--bs-transition-fast)}.bs-btn-primary{background:linear-gradient(135deg,var(--bs-gold-dark) 0,var(--bs-gold) 50%,var(--bs-gold-bright) 100%);color:var(--bs-purple-dark)}.bs-btn-primary:hover{box-shadow:var(--bs-shadow-glow);transform:translateY(-2px)}.bs-btn-secondary{background:#0000;color:var(--bs-gold)}.bs-btn-secondary:hover{background:#d4af371a}.bs-btn-danger{background:var(--bs-danger);border-color:var(--bs-danger-light);color:#fff}.bs-btn-danger:hover{background:var(--bs-danger-light)}.bs-btn-success{background:var(--bs-success);border-color:var(--bs-success-light);color:#fff}.bs-btn-success:hover{background:var(--bs-success-light)}.bs-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.bs-btn-large{font-size:1.3rem;padding:var(--bs-spacing-md) var(--bs-spacing-xl)}.bs-dice-area{gap:var(--bs-spacing-lg);padding:var(--bs-spacing-xl)}.bs-dice-area,.bs-dice-section{align-items:center;display:flex;flex-direction:column}.bs-dice-section{gap:var(--bs-spacing-sm)}.bs-dice-label{color:var(--bs-text-secondary);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}.bs-dice-row{flex-wrap:wrap;gap:var(--bs-spacing-md)}.bs-dice-row,.bs-die{display:flex;justify-content:center}.bs-die{align-items:center;background:var(--bs-parchment);border:3px solid var(--bs-wood-dark);border-radius:10px;box-shadow:inset 0 2px 4px #ffffff4d,0 4px 8px #0006;color:var(--bs-purple-dark);font-family:var(--bs-font-heading);font-size:2rem;height:60px;position:relative;width:60px}.bs-die-large{font-size:2.5rem;height:80px;width:80px}.bs-die-tide{border-color:var(--bs-gold);box-shadow:inset 0 2px 4px #ffffff4d,0 4px 8px #0006,0 0 20px #d4af3766}.bs-die-hidden{background:var(--bs-wood-dark);color:#0000}.bs-die-hidden:after{color:var(--bs-gold);content:"?";font-size:2rem}.bs-die-rolling{animation:bs-dice-shake .1s infinite}@keyframes bs-dice-shake{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-3px) rotate(-5deg)}75%{transform:translateX(3px) rotate(5deg)}}.bs-die-pips{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);inset:8px;position:absolute}.bs-pip{align-self:center;background:var(--bs-purple-dark);border-radius:50%;height:10px;justify-self:center;width:10px}.bs-pot-container{gap:var(--bs-spacing-md)}.bs-pot-container,.bs-pot-display{align-items:center;display:flex;flex-direction:column}.bs-pot-display{background:linear-gradient(135deg,var(--bs-teal-dark) 0,var(--bs-sea-teal) 50%,var(--bs-teal-light) 100%);border:4px solid var(--bs-gold);border-radius:50%;box-shadow:inset 0 -10px 20px #0000004d,0 0 30px #2a7b7b66,var(--bs-shadow-glow);height:150px;justify-content:center;position:relative;width:150px}.bs-pot-label{color:var(--bs-parchment);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.bs-pot-coins{color:var(--bs-gold-bright);font-family:var(--bs-font-heading);font-size:2.5rem;text-shadow:2px 2px 4px #00000080}.bs-pot-coins-label{color:var(--bs-gold-pale);font-size:.9rem}.bs-player-hud{align-items:center;background:var(--bs-bg-elevated);border:1px solid #d4af374d;border-radius:8px;display:flex;gap:var(--bs-spacing-md);padding:var(--bs-spacing-md)}.bs-player-avatar{align-items:center;border:2px solid var(--bs-gold);border-radius:50%;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.bs-player-info{display:flex;flex-direction:column;gap:2px}.bs-player-name{color:var(--bs-gold);font-family:var(--bs-font-heading);font-size:1.2rem}.bs-player-stats{color:var(--bs-text-secondary);display:flex;font-size:.9rem;gap:var(--bs-spacing-md)}.bs-stat{align-items:center;display:flex;gap:4px}.bs-stat-icon{font-size:1rem}.bs-player-hud-active{border-color:var(--bs-gold);box-shadow:0 0 15px #d4af374d}.bs-player-hud-eliminated{filter:grayscale(50%);opacity:.5}.bs-setup{gap:var(--bs-spacing-xl);margin:0 auto;max-width:600px}.bs-setup,.bs-setup-section{display:flex;flex-direction:column}.bs-setup-section{gap:var(--bs-spacing-md)}.bs-setup-label{color:var(--bs-gold);font-family:var(--bs-font-heading);font-size:1.2rem}.bs-player-config{background:var(--bs-bg-elevated);border:1px solid #d4af3733;border-radius:8px;display:flex;flex-direction:column;gap:var(--bs-spacing-sm);padding:var(--bs-spacing-md)}.bs-input{background:var(--bs-bg-card);border:1px solid var(--bs-text-muted);border-radius:4px;color:var(--bs-text-primary);font-family:var(--bs-font-body);font-size:1rem;padding:var(--bs-spacing-sm) var(--bs-spacing-md)}.bs-input:focus{border-color:var(--bs-gold);box-shadow:0 0 5px #d4af374d;outline:none}.bs-checkbox-row{align-items:center;display:flex;gap:var(--bs-spacing-sm)}.bs-select{background:var(--bs-bg-card);border:1px solid var(--bs-text-muted);border-radius:4px;color:var(--bs-text-primary);cursor:pointer;font-family:var(--bs-font-body);font-size:1rem;padding:var(--bs-spacing-sm) var(--bs-spacing-md)}.bs-select:focus{border-color:var(--bs-gold);outline:none}.bs-slider-container{background:var(--bs-bg-elevated);border:1px solid #d4af3733;border-radius:8px;display:flex;flex-direction:column;gap:var(--bs-spacing-sm);padding:.75rem}.bs-slider{appearance:none;background:linear-gradient(to right,var(--bs-purple-dark),var(--bs-sea-teal));border:2px solid var(--bs-gold-dark);border-radius:6px;cursor:pointer;height:12px;outline:none;width:100%}.bs-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,var(--bs-gold-dark) 0,var(--bs-gold) 50%,var(--bs-gold-bright) 100%);border:3px solid var(--bs-parchment);border-radius:50%;box-shadow:0 2px 6px #0006,0 0 10px #d4af374d;cursor:grab;height:28px;-webkit-transition:transform .1s ease;transition:transform .1s ease;width:28px}.bs-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.bs-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(.95)}.bs-slider::-moz-range-thumb{background:linear-gradient(135deg,var(--bs-gold-dark) 0,var(--bs-gold) 50%,var(--bs-gold-bright) 100%);border:3px solid var(--bs-parchment);border-radius:50%;box-shadow:0 2px 6px #0006,0 0 10px #d4af374d;cursor:grab;height:28px;width:28px}.bs-slider-value{color:var(--bs-text-muted);font-size:.85rem;font-style:italic;text-align:center}.bs-transition{justify-content:center;min-height:60vh;text-align:center}.bs-transition,.bs-transition-shield{align-items:center;display:flex;flex-direction:column}.bs-transition-shield{background:var(--bs-bg-card);border:var(--bs-border-gold);border-radius:12px;box-shadow:var(--bs-shadow-lg);gap:var(--bs-spacing-xl);padding:var(--bs-spacing-xl) calc(var(--bs-spacing-xl)*2)}.bs-anchor-icon{color:var(--bs-gold);font-size:4rem}.bs-transition-text{color:var(--bs-text-secondary);font-size:1.2rem}.bs-transition-name{font-family:var(--bs-font-heading);font-size:2.5rem;margin:0}.bs-privacy-warning{color:var(--bs-text-muted);font-size:.9rem;font-style:italic}.bs-voyage{flex-direction:column;gap:var(--bs-spacing-xl);margin:0 auto;max-width:900px}.bs-voyage,.bs-voyage-header{align-items:center;display:flex;width:100%}.bs-voyage-header{background:var(--bs-bg-elevated);border-radius:8px;justify-content:space-between;padding:var(--bs-spacing-md)}.bs-voyage-info{display:flex;flex-direction:column;gap:4px}.bs-round-info{color:var(--bs-text-muted);font-size:.9rem}.bs-voyage-main{grid-gap:var(--bs-spacing-xl);align-items:start;display:grid;gap:var(--bs-spacing-xl);grid-template-columns:1fr 200px 1fr;width:100%}.bs-voyage-left,.bs-voyage-right{display:flex;flex-direction:column;gap:var(--bs-spacing-md)}.bs-voyage-center{gap:var(--bs-spacing-lg)}.bs-declaration,.bs-voyage-center{align-items:center;display:flex;flex-direction:column}.bs-declaration{background:var(--bs-bg-elevated);border:1px solid #d4af374d;border-radius:8px;gap:var(--bs-spacing-md);padding:var(--bs-spacing-lg);width:100%}.bs-declaration-title{color:var(--bs-gold);font-family:var(--bs-font-heading);font-size:1.3rem}.bs-declaration-value{color:var(--bs-gold-bright);font-family:var(--bs-font-heading);font-size:3rem;text-shadow:2px 2px 4px #00000080}.bs-declaration-slider{width:100%}.bs-declaration-range{color:var(--bs-text-muted);display:flex;font-size:.8rem;justify-content:space-between}.bs-declaration-truth{border-radius:4px;font-size:.9rem;padding:var(--bs-spacing-xs) var(--bs-spacing-sm)}.bs-declaration-truth-honest{background:#2e8b5733;color:var(--bs-success-light)}.bs-declaration-truth-lie{background:#c23b2233;color:var(--bs-danger-light)}.bs-voyage-tracker{background:var(--bs-bg-card);border-radius:8px;display:flex;flex-direction:column;gap:var(--bs-spacing-sm);min-width:200px;padding:var(--bs-spacing-md)}.bs-tracker-title{border-bottom:1px solid #d4af3733;color:var(--bs-text-muted);font-size:.9rem;letter-spacing:.1em;padding-bottom:var(--bs-spacing-sm);text-transform:uppercase}.bs-tracker-item{align-items:center;display:flex;justify-content:space-between;padding:var(--bs-spacing-xs) 0}.bs-tracker-roll{color:var(--bs-text-secondary);font-size:.9rem}.bs-tracker-declared{color:var(--bs-gold);font-family:var(--bs-font-heading)}.bs-tracker-haul{border-top:1px solid #d4af3733;display:flex;justify-content:space-between;margin-top:var(--bs-spacing-sm);padding-top:var(--bs-spacing-sm)}.bs-tracker-haul-label{color:var(--bs-text-secondary)}.bs-tracker-haul-value{color:var(--bs-gold-bright);font-family:var(--bs-font-heading)}.bs-call-section{align-items:center;animation:bs-call-pulse 2s infinite;background:#c23b221a;border:2px solid var(--bs-danger);border-radius:8px;display:flex;flex-direction:column;gap:var(--bs-spacing-md);padding:var(--bs-spacing-lg)}@keyframes bs-call-pulse{0%,to{border-color:var(--bs-danger)}50%{border-color:var(--bs-danger-light)}}.bs-call-title{color:var(--bs-danger-light);font-family:var(--bs-font-heading);font-size:1.5rem}.bs-call-subtitle{color:var(--bs-text-secondary);font-size:.9rem}.bs-call-buttons{display:flex;gap:var(--bs-spacing-md)}.bs-call-dice-info{background:var(--bs-bg-elevated);border-radius:8px;flex-direction:column;margin:var(--bs-spacing-md) 0;padding:var(--bs-spacing-md)}.bs-call-dice-info,.bs-call-dice-row{display:flex;gap:var(--bs-spacing-sm)}.bs-call-dice-row{align-items:center}.bs-call-dice-label{color:var(--bs-text-secondary);font-size:.9rem;min-width:90px}.bs-die-hidden{align-items:center;background:var(--bs-purple-dark);border:2px solid var(--bs-gold-dark);border-radius:6px;color:var(--bs-gold);display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;width:40px}.bs-btn-scoundrel{animation:bs-scoundrel-glow 1.5s infinite;background:linear-gradient(135deg,var(--bs-danger) 0,var(--bs-danger-light) 100%);border-color:var(--bs-danger-light);color:#fff;font-size:1.3rem;padding:var(--bs-spacing-md) var(--bs-spacing-xl)}@keyframes bs-scoundrel-glow{0%,to{box-shadow:0 0 10px #c23b2280}50%{box-shadow:0 0 25px #e84c3dcc}}.bs-resolution{align-items:center;background:var(--bs-bg-card);border:var(--bs-border-gold);border-radius:12px;display:flex;flex-direction:column;gap:var(--bs-spacing-xl);padding:var(--bs-spacing-xl);text-align:center}.bs-resolution-verdict{font-family:var(--bs-font-heading);font-size:3rem}.bs-resolution-caught{color:var(--bs-danger-light)}.bs-resolution-truth{color:var(--bs-success-light)}.bs-resolution-details{display:flex;flex-direction:column;gap:var(--bs-spacing-sm)}.bs-resolution-dice{align-items:center;background:var(--bs-bg-elevated);border-radius:8px;flex-wrap:wrap;gap:var(--bs-spacing-sm);max-width:100%;padding:var(--bs-spacing-md)}.bs-decision,.bs-resolution-dice{display:flex;justify-content:center}.bs-decision{gap:var(--bs-spacing-lg)}.bs-btn-sail{background:linear-gradient(135deg,var(--bs-sea-teal) 0,var(--bs-teal-light) 100%);border-color:var(--bs-teal-light);color:#fff}.bs-btn-sail:hover{box-shadow:0 0 15px #2a7b7b80}.bs-btn-port{background:linear-gradient(135deg,var(--bs-wood-dark) 0,var(--bs-wood-medium) 100%);border-color:var(--bs-gold);color:var(--bs-gold)}.bs-btn-port:hover{box-shadow:var(--bs-shadow-glow)}.bs-btn-sink{background:#0000;border-color:var(--bs-text-muted);color:var(--bs-text-muted);font-size:.9rem}.bs-round-summary{align-items:center;display:flex;flex-direction:column;gap:var(--bs-spacing-xl);margin:0 auto;max-width:600px;padding:var(--bs-spacing-xl)}.bs-summary-title{color:var(--bs-gold);font-family:var(--bs-font-heading);font-size:2rem}.bs-summary-hauls{display:flex;flex-direction:column;gap:var(--bs-spacing-sm);width:100%}.bs-summary-row{align-items:center;background:var(--bs-bg-elevated);border-radius:4px;display:flex;justify-content:space-between;padding:var(--bs-spacing-sm) var(--bs-spacing-md)}.bs-summary-row-loser{background:#c23b221a;border:1px solid var(--bs-danger)}.bs-summary-player{align-items:center;display:flex;gap:var(--bs-spacing-sm)}.bs-summary-haul{color:var(--bs-gold);font-family:var(--bs-font-heading)}.bs-summary-message{color:var(--bs-text-secondary);font-style:italic;text-align:center}.bs-victory{align-items:center;display:flex;flex-direction:column;gap:var(--bs-spacing-xl);padding:var(--bs-spacing-xl);text-align:center}.bs-victory-crown{animation:bs-crown-bounce 1s ease infinite;font-size:5rem}@keyframes bs-crown-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bs-victory-title{color:var(--bs-gold-bright);font-family:var(--bs-font-heading);font-size:3rem;text-shadow:0 0 20px #d4af3780}.bs-victory-subtitle{color:var(--bs-text-secondary);font-size:1.2rem}.bs-standings{flex-direction:column;max-width:400px;width:100%}.bs-standing-row,.bs-standings{display:flex;gap:var(--bs-spacing-md)}.bs-standing-row{align-items:center;background:var(--bs-bg-elevated);border-radius:8px;padding:var(--bs-spacing-md)}.bs-standing-row-first{border:2px solid var(--bs-gold);box-shadow:var(--bs-shadow-glow)}.bs-standing-rank{align-items:center;border-radius:50%;display:flex;font-family:var(--bs-font-heading);font-size:1.2rem;height:36px;justify-content:center;width:36px}.bs-standing-rank-1{background:var(--bs-gold);color:var(--bs-purple-dark)}.bs-standing-rank-2{background:silver;color:var(--bs-purple-dark)}.bs-standing-rank-3{background:#cd7f32;color:#fff}.bs-standing-name{flex:1 1}.bs-standing-stash{color:var(--bs-gold);font-family:var(--bs-font-heading)}.bs-message{background:var(--bs-bg-elevated);border-left:4px solid var(--bs-gold);border-radius:0 8px 8px 0;color:var(--bs-text-secondary);font-style:italic;max-width:600px;padding:var(--bs-spacing-md) var(--bs-spacing-xl);text-align:center}.bs-players-list{display:flex;flex-direction:column;gap:var(--bs-spacing-sm)}.bs-players-title{color:var(--bs-text-muted);font-size:.9rem;letter-spacing:.1em;margin-bottom:var(--bs-spacing-sm);text-transform:uppercase}.bs-player-mini{align-items:center;background:var(--bs-bg-card);border-radius:4px;display:flex;gap:var(--bs-spacing-sm);padding:var(--bs-spacing-sm)}.bs-player-mini-dot{border-radius:50%;height:12px;width:12px}.bs-player-mini-name{flex:1 1;font-size:.9rem}.bs-player-mini-stats{color:var(--bs-text-muted);font-size:.8rem}.bs-fade-in{animation:bs-fade-in .5s ease}@keyframes bs-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bs-coin-transfer{animation:bs-coin-drop .5s ease}@keyframes bs-coin-drop{0%{opacity:0;transform:translateY(-20px)}60%{transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.bs-voyage-main{gap:var(--bs-spacing-lg);grid-template-columns:1fr}.bs-voyage-left,.bs-voyage-right{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media (max-width:600px){.bountiful-sea{font-size:16px}.bs-header{flex-direction:column;gap:var(--bs-spacing-sm)}.bs-header-spacer{display:none}.bs-title{font-size:1.8rem}.bs-main{padding:var(--bs-spacing-md)}.bs-decision{flex-direction:column}.bs-die{font-size:1.5rem;height:50px;width:50px}.bs-die-large{font-size:2rem;height:65px;width:65px}.bs-pot-display{height:120px;width:120px}.bs-pot-coins{font-size:2rem}}@-moz-document url-prefix(){.bs-call-section,.bs-die-rolling{animation:none}.bs-btn-scoundrel{animation:none;box-shadow:0 0 15px #c23b2299}.bs-victory-crown{animation:none}.bs-coin-transfer,.bs-fade-in{animation:none;opacity:1}}.kotch-game{--kotch-black:#0a0a0a;--kotch-dark:#1a1a1a;--kotch-gray-dark:#2a2a2a;--kotch-gray:#4a4a4a;--kotch-gray-light:#8a8a8a;--kotch-silver:silver;--kotch-white:#f5f5f5;--kotch-pure-white:#fff;--kotch-accent:#d4af37;--kotch-accent-dim:#8b7355;--kotch-accent-secondary:silver;--kotch-player1:#1a1a1a;--kotch-player2:#f5f5f5;--kotch-spearman:#6b8e23;--kotch-archer:#b8860b;--kotch-rider:#8b4513;--kotch-knight:#d4af37;--kotch-spy:#4a4a4a;--kotch-win:#2e7d32;--kotch-lose:#c62828;--kotch-draw:#757575;--kotch-card-width:100px;--kotch-card-height:140px;--kotch-card-radius:6px;--kotch-transition-fast:150ms ease;--kotch-transition:300ms ease;--kotch-transition-slow:500ms ease;--kotch-bg-primary:linear-gradient(135deg,var(--kotch-dark) 0%,var(--kotch-black) 100%);--kotch-bg-content:#0000;--kotch-bg-card:var(--kotch-gray-dark);--kotch-border-color:var(--kotch-gray-dark);--kotch-text-primary:var(--kotch-white);--kotch-text-secondary:var(--kotch-gray-light);--kotch-font-heading:"Segoe UI",system-ui,sans-serif;--kotch-font-body:"Segoe UI",system-ui,sans-serif;--kotch-header-border:1px solid var(--kotch-gray-dark)}.kotch-game.kotch-theme-tavern{--kotch-black:#1a0f0a;--kotch-dark:#2d1f17;--kotch-gray-dark:#3d2a1f;--kotch-gray:#5c4033;--kotch-gray-light:#8b7355;--kotch-silver:#c9a76c;--kotch-white:#f5e6d3;--kotch-pure-white:#fff8f0;--kotch-accent:#d4af37;--kotch-accent-dim:#a88c2d;--kotch-accent-secondary:#8b2500;--kotch-player1:#2d1f17;--kotch-player2:#f5e6d3;--kotch-win:#4a7c23;--kotch-lose:#8b2500;--kotch-draw:#5c4033;--kotch-bg-primary:#1a0f0a;--kotch-bg-content:#0000;--kotch-bg-card:#2d1f17e6;--kotch-border-color:#5c4033;--kotch-text-primary:#f5e6d3;--kotch-text-secondary:#c9a76c;--kotch-font-heading:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--kotch-font-body:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--kotch-header-border:2px solid #5c4033;--kotch-wood-light:#8b6914;--kotch-wood-medium:#5c4033;--kotch-wood-dark:#3d2a1f;--kotch-tavern-red:#8b2500;--kotch-tavern-gold:#d4af37}.kotch-theme-toggle{align-items:center;background:#0000;border:none;color:var(--kotch-text-secondary);cursor:pointer;display:flex;gap:.5rem;padding:.25rem;transition:color var(--kotch-transition-fast)}.kotch-theme-toggle:hover{color:var(--kotch-text-primary)}.theme-toggle-track{align-items:center;background:var(--kotch-gray-dark);border:1px solid var(--kotch-gray);border-radius:12px;display:flex;height:24px;justify-content:space-between;padding:0 4px;position:relative;width:48px}.kotch-theme-tavern .theme-toggle-track{background:var(--kotch-wood-dark);border-color:var(--kotch-tavern-gold)}.theme-toggle-thumb{background:var(--kotch-accent);border-radius:50%;box-shadow:0 2px 4px #0000004d;height:20px;left:2px;position:absolute;width:20px}.theme-toggle-icon{font-size:.7rem;opacity:.6;transition:opacity var(--kotch-transition-fast);z-index:1}.theme-toggle-elegant{color:var(--kotch-white)}.theme-toggle-tavern{color:var(--kotch-tavern-gold)}.kotch-theme-elegant .theme-toggle-elegant,.kotch-theme-tavern .theme-toggle-tavern{opacity:1}.theme-toggle-label{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.kotch-game,.theme-toggle-label{font-family:var(--kotch-font-body)}.kotch-game{background:var(--kotch-bg-primary);color:var(--kotch-text-primary);display:flex;flex-direction:column;min-height:100vh;position:relative}.kotch-game.kotch-theme-tavern{background:repeating-linear-gradient(90deg,#0000,#0000 2px,#00000008 0,#00000008 4px),linear-gradient(180deg,#2d1f17,#1a0f0a)}.kotch-game.kotch-theme-tavern:after,.kotch-game.kotch-theme-tavern:before{bottom:0;content:"";pointer-events:none;position:fixed;top:0;width:80px;z-index:0}.kotch-game.kotch-theme-tavern:before{background:linear-gradient(90deg,#1a0f0af2,#1a0f0ab3 50%,#0000);left:0}.kotch-game.kotch-theme-tavern:after{background:linear-gradient(-90deg,#1a0f0af2,#1a0f0ab3 50%,#0000);right:0}.kotch-header{align-items:center;border-bottom:var(--kotch-header-border);display:flex;justify-content:space-between;padding:1rem 2rem;position:relative;z-index:1}.kotch-theme-tavern .kotch-header{background:#1a0f0ae6;border-bottom:2px solid var(--kotch-tavern-gold);box-shadow:0 2px 8px #00000080}.kotch-back-link{color:var(--kotch-text-secondary);font-family:var(--kotch-font-body);font-size:.9rem;text-decoration:none;transition:color var(--kotch-transition-fast)}.kotch-back-link:hover{color:var(--kotch-text-primary)}.kotch-title{font-family:var(--kotch-font-heading);font-size:1.5rem;font-weight:300;letter-spacing:.3em;margin:0;text-transform:uppercase}.kotch-theme-tavern .kotch-title{color:var(--kotch-tavern-gold);font-weight:400;text-shadow:0 2px 4px #00000080}.kotch-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;position:relative;z-index:1}.kotch-theme-tavern .kotch-content{background:repeating-linear-gradient(0deg,#0000,#0000 20px,#8b69141a 0,#8b69141a 21px),radial-gradient(ellipse at center,#5c40334d 0,#2d1f1780 100%);border-left:4px solid #8b69144d;border-right:4px solid #8b69144d;box-shadow:inset 0 0 60px #0000004d,inset 4px 0 20px #0003,inset -4px 0 20px #0003}.kotch-setup{max-width:500px;width:100%}.kotch-setup h2{font-weight:300;letter-spacing:.2em;margin-bottom:2rem;text-align:center}.kotch-setup-section{background:var(--kotch-gray-dark);border:1px solid var(--kotch-gray);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.kotch-setup-section h3{color:var(--kotch-gray-light);font-size:.85rem;letter-spacing:.15em;margin:0 0 1rem;text-transform:uppercase}.kotch-input-group{margin-bottom:1rem}.kotch-input-group label{color:var(--kotch-gray-light);display:block;font-size:.8rem;margin-bottom:.5rem}.kotch-input{background:var(--kotch-dark);border:1px solid var(--kotch-gray);border-radius:4px;color:var(--kotch-white);font-size:1rem;padding:.75rem 1rem;transition:border-color var(--kotch-transition-fast);width:100%}.kotch-input:focus{border-color:var(--kotch-accent);outline:none}.kotch-checkbox-group{align-items:center;display:flex;gap:.75rem}.kotch-checkbox{accent-color:var(--kotch-accent);height:20px;width:20px}.kotch-select{background:var(--kotch-dark);border:1px solid var(--kotch-gray);border-radius:4px;color:var(--kotch-white);padding:.75rem 1rem;width:100%}.kotch-button,.kotch-select{cursor:pointer;font-size:1rem}.kotch-button{align-items:center;background:var(--kotch-white);border:none;border-radius:4px;color:var(--kotch-black);display:inline-flex;font-weight:600;justify-content:center;letter-spacing:.1em;padding:1rem 2rem;text-transform:uppercase;transition:all var(--kotch-transition-fast)}.kotch-button:hover{background:var(--kotch-accent);color:var(--kotch-black);transform:translateY(-2px)}.kotch-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.kotch-button-secondary{background:#0000;border:1px solid var(--kotch-gray-light);color:var(--kotch-white)}.kotch-button-secondary:hover{background:var(--kotch-gray-dark);border-color:var(--kotch-white)}.kotch-button-full{width:100%}.kotch-theme-tavern .kotch-button{background:linear-gradient(180deg,#d4af37,#a88c2d);border:2px solid #d4af37;border-radius:2px;box-shadow:0 2px 4px #0000004d;color:#1a0f0a;font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-button:hover{background:linear-gradient(180deg,#e5c44a,#d4af37);border-color:#e5c44a;box-shadow:0 4px 8px #0006}.kotch-theme-tavern .kotch-button-secondary{background:#0000;border:2px solid var(--kotch-tavern-gold);color:var(--kotch-tavern-gold)}.kotch-theme-tavern .kotch-button-secondary:hover{background:#d4af371a;border-color:var(--kotch-tavern-gold)}.kotch-battlefield{max-width:900px;width:100%}.kotch-battlefield,.kotch-opponent-area{display:flex;flex-direction:column;gap:1rem}.kotch-opponent-area{align-items:center}.kotch-player-area{flex-direction:column}.kotch-lanes{border-bottom:1px solid var(--kotch-gray-dark);border-top:1px solid var(--kotch-gray-dark);display:flex;gap:2rem;justify-content:center;padding:2rem 0}.kotch-lane{align-items:center;display:flex;flex-direction:column;gap:.75rem;min-width:120px}.kotch-lane-name{color:var(--kotch-gray-light);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.kotch-lane-slot{align-items:center;border:2px dashed var(--kotch-gray);border-radius:var(--kotch-card-radius);display:flex;height:calc(var(--kotch-card-height) + 20px);justify-content:center;position:relative;transition:all var(--kotch-transition-fast);width:calc(var(--kotch-card-width) + 20px)}.kotch-lane-slot.droppable{background:#d4af371a;border-color:var(--kotch-accent)}.kotch-lane-slot.occupied{border-color:var(--kotch-gray-light);border-style:solid}.kotch-lane-slot.win{background:#2e7d3226;border-color:var(--kotch-win)}.kotch-lane-slot.lose{background:#c6282826;border-color:var(--kotch-lose)}.kotch-lane-slot.draw{background:#75757526;border-color:var(--kotch-draw)}.kotch-lane-result{bottom:-24px;font-size:.7rem;font-weight:600;letter-spacing:.1em;position:absolute;text-transform:uppercase}.kotch-lane-result.win{color:var(--kotch-win)}.kotch-lane-result.lose{color:var(--kotch-lose)}.kotch-lane-result.draw{color:var(--kotch-draw)}.kotch-commit-zone{display:flex;gap:2rem;justify-content:center}.kotch-commit-slot{align-items:center;border:1px solid var(--kotch-gray);border-radius:var(--kotch-card-radius);cursor:pointer;display:flex;height:var(--kotch-card-height);justify-content:center;position:relative;transition:all var(--kotch-transition-fast);width:var(--kotch-card-width)}.kotch-commit-slot:hover:not(.occupied){border-color:var(--kotch-accent)}.kotch-commit-slot.occupied{border-color:var(--kotch-white)}.kotch-commit-slot-label{color:var(--kotch-gray-light);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.kotch-card{border-radius:var(--kotch-card-radius);cursor:pointer;height:var(--kotch-card-height);position:relative;transform-style:preserve-3d;transition:all var(--kotch-transition-fast);width:var(--kotch-card-width)}.kotch-card:hover{box-shadow:0 8px 20px #0006;transform:translateY(-4px)}.kotch-card.selected{box-shadow:0 12px 30px #d4af374d;outline:2px solid var(--kotch-accent);transform:translateY(-8px)}.kotch-card.disabled{cursor:not-allowed;opacity:.5}.kotch-card.disabled:hover{transform:none}.kotch-card-face{align-items:center;backface-visibility:hidden;border-radius:var(--kotch-card-radius);display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.kotch-card-back{background:var(--kotch-dark);border:2px solid var(--kotch-gray)}.kotch-card-back.basic{border-color:var(--kotch-gray)}.kotch-card-back.special{background:linear-gradient(135deg,var(--kotch-dark) 0,var(--kotch-gray-dark) 100%);border-color:var(--kotch-accent)}.kotch-card-back:after{border:1px solid var(--kotch-gray-light);border-radius:50%;content:"";height:30px;position:absolute;width:30px}.kotch-card-back.special:after{border-color:var(--kotch-accent)}.kotch-card-front{background:var(--kotch-white);border:2px solid var(--kotch-gray);color:var(--kotch-black);overflow:hidden;padding:8px;position:relative}.kotch-card-art{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.kotch-card-front.has-art{padding:0}.kotch-card-overlay{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;z-index:2}.kotch-card-front.has-art .kotch-card-overlay{background:linear-gradient(0deg,#000000d9 0,#0006 50%,#0000);justify-content:flex-end;padding:6px}.kotch-card-front.has-art .kotch-card-power{color:#fff;text-shadow:0 1px 3px #000c}.kotch-card-front.has-art .kotch-card-type-name{color:#ffffffe6}.kotch-card-front.has-art .kotch-card-name{color:#ffffffd9}.kotch-card-front.has-art .kotch-card-faction{color:#ffffffe6;text-shadow:0 1px 2px #00000080}.kotch-card-front.spearman{border-color:var(--kotch-spearman)}.kotch-card-front.archer{border-color:var(--kotch-archer)}.kotch-card-front.rider{border-color:var(--kotch-rider)}.kotch-card-front.knight{background:linear-gradient(135deg,#fff9e6,#fff);border-color:var(--kotch-knight)}.kotch-card-front.spy{background:linear-gradient(135deg,#e0e0e0,#fff);border-color:var(--kotch-spy)}.kotch-card-type-icon{font-size:1.5rem;margin-bottom:4px}.kotch-card-power{font-size:1.8rem;font-weight:700;line-height:1}.kotch-card-type-name{color:var(--kotch-gray);font-size:.55rem;letter-spacing:.1em;margin-top:4px;text-transform:uppercase}.kotch-card-name{color:var(--kotch-gray);font-size:.5rem;font-style:italic;margin-top:2px}.kotch-card-faction{color:var(--kotch-accent);font-size:.45rem;font-weight:600;letter-spacing:.15em;margin-top:2px;text-transform:uppercase}.kotch-card-front.faction-migora{background:linear-gradient(135deg,#fff9e6,#fff)}.kotch-card-front.faction-hydaria{background:linear-gradient(135deg,#ffebee,#fff)}.kotch-card-front.faction-motra{background:linear-gradient(135deg,#e0f7fa,#fff);border-color:#5bc0de}.kotch-card-front.faction-rigata{background:linear-gradient(135deg,#e8f5e9,#fff);border-color:#2e7d32}.kotch-card-front.faction-migora .kotch-card-faction{color:#d4af37}.kotch-card-front.faction-hydaria .kotch-card-faction{color:#c62828}.kotch-card-front.faction-motra .kotch-card-faction{color:#5bc0de}.kotch-card-front.faction-rigata .kotch-card-faction{color:#2e7d32}.kotch-card-ability-tooltip{background:var(--kotch-black);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0006;color:var(--kotch-white);left:50%;max-width:220px;min-width:180px;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:100}.kotch-card-ability-tooltip:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--kotch-black);bottom:-6px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.kotch-card:hover .kotch-card-ability-tooltip{opacity:1;visibility:visible}.kotch-card-ability-tooltip .ability-name{color:var(--kotch-accent);display:block;font-size:.75rem;font-weight:700;margin-bottom:4px}.kotch-card-ability-tooltip .ability-description{color:var(--kotch-gray-light);display:block;font-size:.65rem;line-height:1.4}.kotch-theme-tavern .kotch-card{border-radius:4px}.kotch-theme-tavern .kotch-card.selected{box-shadow:0 12px 30px #d4af3780;outline:3px solid var(--kotch-tavern-gold)}.kotch-theme-tavern .kotch-card-back{background-position:50%;background-size:cover;border:3px solid var(--kotch-wood-medium);box-shadow:inset 0 0 10px #00000080}.kotch-theme-tavern .kotch-card-back.basic{background-image:url(/static/media/KotchBackCoverRegular.e2c0069c6a0f958ff9a1.jpg);border-color:var(--kotch-wood-medium)}.kotch-theme-tavern .kotch-card-back.special{background-image:url(/static/media/KotchBackCover.37daa064b5ce093c8c3f.jpg);border-color:var(--kotch-tavern-gold);box-shadow:inset 0 0 10px #00000080,0 0 8px #d4af374d}.kotch-theme-tavern .kotch-card-back:after{display:none}.kotch-theme-tavern .kotch-card-front{background:linear-gradient(180deg,#f5e6d3,#e8d5be);border:3px solid var(--kotch-wood-medium);color:#2d1f17;font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-card-front.knight{background:linear-gradient(180deg,#fff9e6,#f5e6d3);border-color:var(--kotch-tavern-gold)}.kotch-theme-tavern .kotch-card-front.spy{background:linear-gradient(180deg,#e0d5c8,#d0c4b5);border-color:var(--kotch-tavern-red)}.kotch-theme-tavern .kotch-card-type-name{color:#5c4033;font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-card-name{color:#8b7355;font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-card-faction{color:var(--kotch-tavern-gold);font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-card-front.faction-migora{background:linear-gradient(180deg,#fff9e6,#f5e6d3);border-color:#d4af37}.kotch-theme-tavern .kotch-card-front.faction-hydaria{background:linear-gradient(180deg,#ffebee,#f5e6d3);border-color:#c62828}.kotch-theme-tavern .kotch-card-front.faction-motra{background:linear-gradient(180deg,#e0f7fa,#f5e6d3);border-color:#5bc0de}.kotch-theme-tavern .kotch-card-front.faction-rigata{background:linear-gradient(180deg,#e8f5e9,#f5e6d3);border-color:#2e7d32}.kotch-theme-tavern .kotch-card-front.faction-migora .kotch-card-faction{color:#d4af37}.kotch-theme-tavern .kotch-card-front.faction-hydaria .kotch-card-faction{color:#c62828}.kotch-theme-tavern .kotch-card-front.faction-motra .kotch-card-faction{color:#5bc0de}.kotch-theme-tavern .kotch-card-front.faction-rigata .kotch-card-faction{color:#2e7d32}.kotch-theme-tavern .kotch-card-ability-tooltip{background:var(--kotch-wood-dark);border:2px solid var(--kotch-tavern-gold);font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-card-ability-tooltip:before{border-top-color:var(--kotch-tavern-gold)}.kotch-theme-tavern .kotch-card-ability-tooltip .ability-name{color:var(--kotch-tavern-gold)}.kotch-theme-tavern .kotch-card-ability-tooltip .ability-description{color:#c9a76c}.kotch-theme-tavern .kotch-opponent-card{border-color:var(--kotch-wood-medium)}.kotch-theme-tavern .kotch-opponent-card.special{border-color:var(--kotch-tavern-gold);box-shadow:0 0 6px #d4af374d}.kotch-hand{background:var(--kotch-gray-dark);border-radius:8px;flex-wrap:wrap;gap:8px;min-height:calc(var(--kotch-card-height) + 2rem);padding:1rem}.kotch-hand,.kotch-hand-empty{display:flex;justify-content:center}.kotch-hand-empty{align-items:center;color:var(--kotch-gray-light);font-size:.9rem}.kotch-opponent-hand{display:flex;gap:4px;justify-content:center}.kotch-opponent-card{background:var(--kotch-dark);border:1px solid var(--kotch-gray);border-radius:4px;height:56px;width:40px}.kotch-opponent-card.special{border-color:var(--kotch-accent-dim)}.kotch-hand-count{color:var(--kotch-gray-light);font-size:.8rem;margin-top:.5rem;text-align:center}.kotch-match-display{background:var(--kotch-gray-dark);border-radius:8px;display:flex;gap:3rem;justify-content:center;padding:1rem 2rem}.kotch-score-block{text-align:center}.kotch-score-label{color:var(--kotch-gray-light);font-size:.7rem;letter-spacing:.15em;margin-bottom:.25rem;text-transform:uppercase}.kotch-score-value{font-size:1.5rem;font-weight:300}.kotch-score-value span{color:var(--kotch-gray-light)}.kotch-turn-indicator{align-items:center;background:var(--kotch-gray-dark);border-radius:8px;display:flex;gap:1rem;padding:.75rem 1.5rem}.kotch-role{align-items:center;border-radius:4px;display:flex;font-size:.85rem;gap:.5rem;letter-spacing:.1em;padding:.5rem 1rem;text-transform:uppercase}.kotch-role.attacker{background:var(--kotch-player1);color:var(--kotch-white)}.kotch-role.defender{background:var(--kotch-player2);color:var(--kotch-black)}.kotch-role.active{outline:2px solid var(--kotch-accent)}.kotch-role-icon{font-size:1rem}.kotch-transition{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;padding:3rem;text-align:center}.kotch-transition h2{font-size:2rem;font-weight:300;letter-spacing:.2em;margin:0}.kotch-transition p{color:var(--kotch-gray-light);font-size:1.1rem}.kotch-transition-role{align-items:center;border-radius:8px;display:inline-flex;font-size:1.2rem;gap:.75rem;letter-spacing:.15em;padding:1rem 2rem;text-transform:uppercase}.kotch-transition-role.attacker{background:var(--kotch-player1);border:1px solid var(--kotch-gray);color:var(--kotch-white)}.kotch-transition-role.defender{background:var(--kotch-player2);color:var(--kotch-black)}.kotch-results{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:600px;padding:3rem;text-align:center}.kotch-results h2{font-size:2rem;font-weight:300;letter-spacing:.2em;margin:0}.kotch-results-summary{display:flex;flex-direction:column;gap:1rem;width:100%}.kotch-result-row{align-items:center;background:var(--kotch-gray-dark);border-radius:4px;display:flex;justify-content:space-between;padding:1rem}.kotch-result-label{color:var(--kotch-gray-light);font-size:.9rem}.kotch-result-value{font-size:1.1rem;font-weight:600}.kotch-result-value.win{color:var(--kotch-win)}.kotch-result-value.lose{color:var(--kotch-lose)}.kotch-winner-banner{background:var(--kotch-accent);border-radius:8px;color:var(--kotch-black);font-size:1.3rem;font-weight:600;letter-spacing:.15em;padding:1.5rem 3rem;text-transform:uppercase}.kotch-action-buttons{display:flex;gap:1rem;margin-top:1rem}.kotch-round-resolution{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.kotch-lane-results{display:flex;gap:2rem}.kotch-lane-result-block{align-items:center;background:var(--kotch-gray-dark);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;min-width:120px;padding:1rem}.kotch-lane-result-block.win{border:1px solid var(--kotch-win)}.kotch-lane-result-block.lose{border:1px solid var(--kotch-lose)}.kotch-lane-result-block.draw{border:1px solid var(--kotch-draw)}.kotch-lane-result-lane{color:var(--kotch-gray-light);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.kotch-lane-result-cards{display:flex;font-size:.85rem;gap:.5rem}.kotch-lane-result-outcome{font-size:.8rem;font-weight:600}.kotch-message{background:var(--kotch-gray-dark);border:1px solid var(--kotch-gray);border-radius:8px;bottom:2rem;font-size:.95rem;left:50%;padding:1rem 2rem;position:fixed;transform:translateX(-50%);z-index:100}.kotch-ai-overlay{align-items:center;background:#0a0a0a80;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}.kotch-ai-overlay-content{padding:3rem;text-align:center}.kotch-ai-thinking-icon{animation:kotch-spin 2s linear infinite;color:var(--kotch-accent);font-size:3rem;margin-bottom:1.5rem}.kotch-ai-overlay-content h3{font-size:1.8rem;font-weight:300;letter-spacing:.15em;margin:0 0 .5rem}.kotch-ai-overlay-content p{color:var(--kotch-gray-light);font-size:1rem;margin:0}@keyframes kotch-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes kotch-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes kotch-card-flip{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(0deg)}}.kotch-fade-in{animation:kotch-fade-in .3s ease forwards}.kotch-card.flipping{animation:kotch-card-flip .6s ease}.kotch-theme-tavern .kotch-hand{background:#2d1f17cc;border:2px solid var(--kotch-wood-medium);border-radius:4px;box-shadow:inset 0 2px 8px #0000004d}.kotch-theme-tavern .kotch-hand-empty{color:var(--kotch-text-secondary);font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-match-display{background:#2d1f17e6;border:2px solid var(--kotch-wood-medium);border-radius:4px;box-shadow:0 2px 8px #0006}.kotch-theme-tavern .kotch-score-label{color:var(--kotch-text-secondary);font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-score-value{color:var(--kotch-tavern-gold)}.kotch-theme-tavern .kotch-lane-slot{background:#2d1f1799;border:2px solid var(--kotch-wood-medium);border-radius:4px}.kotch-theme-tavern .kotch-lane-slot.active{border-color:var(--kotch-tavern-gold);box-shadow:0 0 10px #d4af3733}.kotch-theme-tavern .kotch-lane-label{color:var(--kotch-text-secondary);font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-commit-zone{background:#2d1f1780;border:2px dashed var(--kotch-wood-medium);border-radius:4px}.kotch-theme-tavern .kotch-commit-slot{background:#1a0f0a80;border:2px dashed var(--kotch-wood-medium);border-radius:4px}.kotch-theme-tavern .kotch-commit-slot.filled{border-color:var(--kotch-wood-medium);border-style:solid}.kotch-theme-tavern .kotch-commit-slot.active{background:#d4af371a;border-color:var(--kotch-tavern-gold)}.kotch-theme-tavern .kotch-turn-indicator{background:#2d1f17e6;border:2px solid var(--kotch-wood-medium);border-radius:4px}.kotch-theme-tavern .kotch-player-indicator.active{color:var(--kotch-tavern-gold)}.kotch-theme-tavern .kotch-battle-result,.kotch-theme-tavern .kotch-match-result,.kotch-theme-tavern .kotch-round-result{background:#2d1f17f2;border:3px solid var(--kotch-tavern-gold);border-radius:4px;box-shadow:0 4px 20px #00000080}.kotch-theme-tavern .kotch-battle-result h2,.kotch-theme-tavern .kotch-match-result h2,.kotch-theme-tavern .kotch-round-result h3{color:var(--kotch-tavern-gold);font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-setup{background:#2d1f17e6;border:2px solid var(--kotch-wood-medium);border-radius:4px;padding:2rem}.kotch-theme-tavern .kotch-setup h2{color:var(--kotch-tavern-gold);font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-setup label{color:var(--kotch-text-secondary);font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-setup input,.kotch-theme-tavern .kotch-setup select{background:#1a0f0acc;border:2px solid var(--kotch-wood-medium);color:var(--kotch-text-primary);font-family:var(--kotch-font-body)}.kotch-theme-tavern .kotch-ai-overlay{background:#1a0f0a80}.kotch-theme-tavern .kotch-ai-thinking-icon{color:var(--kotch-tavern-gold)}.kotch-theme-tavern .kotch-ai-overlay-content h3{color:var(--kotch-text-primary);font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-ai-overlay-content p{color:var(--kotch-text-secondary);font-family:var(--kotch-font-body)}.kotch-theme-tavern .kotch-message{background:#2d1f17f2;border:2px solid var(--kotch-tavern-gold);color:var(--kotch-text-primary);font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-player-transition{background:#2d1f17f2;border:2px solid var(--kotch-tavern-gold);border-radius:4px}.kotch-theme-tavern .kotch-player-transition h2{color:var(--kotch-tavern-gold);font-family:var(--kotch-font-heading)}@media (max-width:768px){.kotch-header{padding:.75rem 1rem}.kotch-title{font-size:1.2rem;letter-spacing:.2em}.kotch-content{padding:1rem}.kotch-lanes{gap:1rem}.kotch-card{--kotch-card-width:70px;--kotch-card-height:98px}.kotch-match-display{gap:1.5rem;padding:.75rem 1rem}.kotch-hand{gap:4px;padding:.75rem}}.kotch-setup-menu{width:100%}.kotch-mode-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.kotch-mode-card{background:var(--kotch-dark);border:3px solid var(--kotch-gray);border-radius:8px;cursor:pointer;height:224px;overflow:hidden;padding:0;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:160px}.kotch-mode-card:hover{border-color:var(--kotch-accent);box-shadow:0 12px 30px #0006}.kotch-mode-card-image{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}.kotch-mode-card-overlay{align-items:center;background:linear-gradient(0deg,#000000e6 0,#0009 60%,#0000);bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;padding:1rem .5rem;position:absolute;right:0}.kotch-mode-card-label{color:var(--kotch-white);font-size:1rem;font-weight:600;letter-spacing:.1em;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.kotch-theme-tavern .kotch-mode-card{border-color:var(--kotch-wood-medium);border-radius:4px;border-width:4px}.kotch-theme-tavern .kotch-mode-card:hover{border-color:var(--kotch-tavern-gold);box-shadow:0 12px 30px #00000080,0 0 15px #d4af3733}.kotch-theme-tavern .kotch-mode-card-label{color:var(--kotch-tavern-gold);font-family:var(--kotch-font-heading)}@media (max-width:560px){.kotch-mode-cards{gap:1rem}.kotch-mode-card{height:182px;width:130px}.kotch-mode-card-label{font-size:.85rem}}.kotch-setup-form{width:100%}.kotch-setup-actions{display:flex;gap:1rem;margin-top:1.5rem}.kotch-setup-actions .kotch-button{flex:1 1}.kotch-button-primary{background:var(--kotch-accent);color:var(--kotch-black)}.kotch-button-primary:hover{background:#e5c44a}.kotch-difficulty-buttons{display:flex;gap:.5rem}.kotch-difficulty-btn{flex:1 1;font-size:.85rem;padding:.75rem}.kotch-difficulty-btn.active{background:var(--kotch-accent);color:var(--kotch-black)}.kotch-header-right{align-items:center;display:flex;gap:1rem}.kotch-online-indicator{color:#4caf50;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.kotch-volume-controls{align-items:center;display:flex;gap:.5rem}.kotch-volume-btn{background:#0000;border:none;cursor:pointer;font-size:1.1rem;opacity:.8;padding:.25rem;transition:opacity var(--kotch-transition)}.kotch-volume-btn:hover{opacity:1}.kotch-volume-slider{appearance:none;background:var(--kotch-gray-medium);border-radius:2px;cursor:pointer;height:4px;transition:background var(--kotch-transition);width:60px}.kotch-volume-slider:hover{background:var(--kotch-gray-light)}.kotch-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--kotch-white);border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:12px;width:12px}.kotch-volume-slider::-moz-range-thumb{background:var(--kotch-white);border:none;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:12px;width:12px}.kotch-theme-tavern .kotch-volume-slider{background:var(--kotch-wood-medium)}.kotch-theme-tavern .kotch-volume-slider:hover{background:var(--kotch-wood-light)}.kotch-theme-tavern .kotch-volume-slider::-webkit-slider-thumb{background:var(--kotch-tavern-gold)}.kotch-theme-tavern .kotch-volume-slider::-moz-range-thumb{background:var(--kotch-tavern-gold)}.kotch-lobby{max-width:500px;width:100%}.kotch-lobby h2{font-weight:300;letter-spacing:.2em;margin-bottom:2rem;text-align:center}.kotch-lobby h3{font-weight:400;letter-spacing:.15em;margin:0 0 1rem;text-align:center}.kotch-lobby-options{display:flex;flex-direction:column;gap:1.5rem}.kotch-lobby-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.kotch-lobby-divider{align-items:center;color:var(--kotch-gray-light);display:flex;font-size:.85rem;gap:1rem;letter-spacing:.1em;text-transform:uppercase}.kotch-lobby-divider:after,.kotch-lobby-divider:before{background:var(--kotch-gray);content:"";flex:1 1;height:1px}.kotch-lobby-join-form{display:flex;flex-direction:column;gap:1rem}.kotch-input-code{font-family:monospace;font-size:1.2rem;letter-spacing:.2em;text-align:center;text-transform:uppercase}.kotch-lobby-connected,.kotch-lobby-connecting,.kotch-lobby-error,.kotch-lobby-waiting{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.kotch-lobby-spinner{animation:kotch-spin 1s linear infinite;border:3px solid var(--kotch-gray-dark);border-radius:50%;border-top-color:var(--kotch-accent);height:40px;width:40px}.kotch-lobby-instruction{color:var(--kotch-gray-light);font-size:.9rem}.kotch-room-code-display{align-items:center;background:var(--kotch-gray-dark);border:2px solid var(--kotch-accent);border-radius:8px;display:flex;gap:.75rem;padding:1rem 1.5rem}.kotch-room-code{color:var(--kotch-accent);font-family:monospace;font-size:1.8rem;font-weight:700;letter-spacing:.15em}.kotch-copy-button{background:#0000;border:1px solid var(--kotch-gray);border-radius:4px;color:var(--kotch-gray-light);cursor:pointer;font-size:1rem;padding:.5rem .75rem;transition:all var(--kotch-transition-fast)}.kotch-copy-button:hover{border-color:var(--kotch-white);color:var(--kotch-white)}.kotch-lobby-waiting-indicator{align-items:center;color:var(--kotch-gray-light);display:flex;flex-direction:column;gap:1rem}.kotch-lobby-pulse{animation:kotch-pulse 1.5s ease-in-out infinite;background:var(--kotch-accent);border-radius:50%;height:12px;width:12px}@keyframes kotch-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.kotch-lobby-players{align-items:center;background:var(--kotch-gray-dark);border-radius:8px;display:flex;gap:1.5rem;justify-content:center;padding:1.5rem;width:100%}.kotch-lobby-player{align-items:center;display:flex;flex-direction:column;gap:.25rem}.kotch-lobby-player-icon{font-size:1.5rem}.kotch-lobby-you{color:var(--kotch-gray-light);font-size:.7rem}.kotch-lobby-vs{color:var(--kotch-gray-light);font-size:1rem;letter-spacing:.1em;text-transform:uppercase}.kotch-lobby-waiting-text{color:var(--kotch-gray-light);font-size:.9rem;font-style:italic}.kotch-error-message{background:#c628281a;border:1px solid #c628284d;border-radius:4px;color:var(--kotch-lose);padding:1rem}.kotch-theme-tavern .kotch-lobby{background:#2d1f17e6;border:2px solid var(--kotch-wood-medium);border-radius:4px;padding:2rem}.kotch-theme-tavern .kotch-lobby h2,.kotch-theme-tavern .kotch-lobby h3{color:var(--kotch-tavern-gold);font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-room-code-display{background:#1a0f0acc;border-color:var(--kotch-tavern-gold)}.kotch-theme-tavern .kotch-room-code{color:var(--kotch-tavern-gold)}.kotch-theme-tavern .kotch-lobby-players{background:#1a0f0a99;border:1px solid var(--kotch-wood-medium)}.kotch-theme-tavern .kotch-lobby-pulse{background:var(--kotch-tavern-gold)}.kotch-connection-lost{align-items:center;background:#0a0a0af2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:300}.kotch-connection-lost-content{max-width:400px;padding:3rem;text-align:center}.kotch-connection-lost-icon{color:var(--kotch-lose);font-size:4rem;margin-bottom:1.5rem}.kotch-connection-lost-content h3{color:var(--kotch-lose);font-size:1.8rem;font-weight:300;letter-spacing:.15em;margin:0 0 1rem}.kotch-connection-lost-content p{color:var(--kotch-gray-light);font-size:1rem;line-height:1.5;margin:0 0 2rem}.kotch-connection-lost-actions{display:flex;gap:1rem;justify-content:center}.kotch-theme-tavern .kotch-connection-lost{background:#1a0f0af2}.kotch-theme-tavern .kotch-connection-lost-icon{color:var(--kotch-tavern-red)}.kotch-theme-tavern .kotch-connection-lost-content h3{color:var(--kotch-tavern-red);font-family:var(--kotch-font-heading)}.kotch-theme-tavern .kotch-connection-lost-content p{color:var(--kotch-text-secondary);font-family:var(--kotch-font-body)}@-moz-document url-prefix(){.kotch-ai-thinking-icon{animation:none}.kotch-lobby-pulse{animation:none;opacity:.8}.kotch-card.flipping{animation:none}.kotch-fade-in{animation:none;opacity:1}}.kotch-loading-screen{align-items:center;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.kotch-loading-content{padding:2rem;text-align:center}.kotch-loading-title{color:#f5f5f5;font-family:Cinzel,Times New Roman,serif;font-size:3rem;font-weight:400;letter-spacing:.3em;margin:0 0 .5rem;text-transform:uppercase}.kotch-loading-subtitle{color:#8a8a8a;font-size:.9rem;letter-spacing:.15em;margin-bottom:2rem;text-transform:uppercase}.kotch-loading-bar-container{background:#2a2a2a;border-radius:2px;height:3px;margin:0 auto 1rem;overflow:hidden;width:200px}.kotch-loading-bar{animation:loading-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#d4af37,#f5f5f5 50%,#d4af37);background-size:200% 100%;border-radius:2px;height:100%}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kotch-loading-percent{color:#4a4a4a;font-size:.75rem;letter-spacing:.1em}@-moz-document url-prefix(){.kotch-loading-bar{animation:none;background:#d4af37}}.kotch-faction-picker{margin:1rem 0}.kotch-faction-picker-label{color:var(--kotch-white);font-family:Cinzel,Times New Roman,serif;font-size:1rem;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.kotch-faction-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.kotch-faction-card{background:#0009;border:1px solid var(--kotch-border);border-radius:8px;cursor:pointer;overflow:hidden;padding:.75rem;position:relative;text-align:left;transition:all .2s ease;width:140px}.kotch-faction-card:hover{border-color:var(--faction-color);box-shadow:0 0 10px #ffffff1a}.kotch-faction-card.selected{border-color:var(--faction-color);box-shadow:0 0 15px var(--faction-color)}.kotch-faction-card-accent{height:3px;left:0;position:absolute;right:0;top:0}.kotch-faction-card-content{display:flex;flex-direction:column;gap:.25rem;padding-top:.25rem}.kotch-faction-name{color:var(--kotch-white);font-family:Cinzel,Times New Roman,serif;font-size:.9rem;font-weight:600}.kotch-faction-theme{color:var(--kotch-accent);color:var(--faction-color,var(--kotch-accent));font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.kotch-faction-desc{color:#888;font-size:.7rem;line-height:1.3}.kotch-faction-ability{border-top:1px solid var(--kotch-border);margin-top:.5rem;padding-top:.5rem}.kotch-faction-ability-name{color:var(--kotch-accent);display:block;font-size:.7rem;font-weight:500}.kotch-faction-ability-desc{color:#666;display:block;font-size:.65rem}.kotch-faction-selected-indicator{background:#0000;border:2px solid;border-radius:50%;height:16px;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:16px}.kotch-faction-selected-indicator:after{color:var(--kotch-white);content:"✓";font-size:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.kotch-faction-pickers-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.kotch-lane-header{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.kotch-lane-reward{cursor:help;position:relative}.kotch-lane-reward-icon{font-size:.9rem;opacity:.7;transition:opacity .2s ease}.kotch-lane-reward:hover .kotch-lane-reward-icon{opacity:1}.kotch-lane-reward:after{background:#000000e6;border:1px solid var(--kotch-border);border-radius:4px;bottom:100%;color:var(--kotch-white);content:attr(title);font-size:.7rem;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:10}.kotch-lane-reward:hover:after{opacity:1}.kotch-card.revealed{animation:revealed-glow 2s ease-in-out infinite alternate;box-shadow:0 0 15px #ffd70099,0 0 30px #ffd7004d}@keyframes revealed-glow{0%{box-shadow:0 0 10px #ffd70066,0 0 20px #ffd70033}to{box-shadow:0 0 20px #ffd700b3,0 0 40px #ffd70066}}.kotch-card.revealed:before{content:"👁";font-size:.7rem;position:absolute;right:2px;top:2px;z-index:10}.kotch-deck-display{align-items:center;display:flex;flex-direction:column;gap:.25rem}.kotch-deck-display.opponent{position:absolute;right:1rem;top:1rem}.kotch-player-area{align-items:center;display:flex;gap:1rem;justify-content:center}.kotch-deck-pile{height:70px;position:relative;width:50px}.kotch-deck-card-back{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid var(--kotch-border);border-radius:4px;height:100%;position:absolute;width:100%}.kotch-deck-card-back.special{background:linear-gradient(135deg,#2a2010,#3a3020);border-color:var(--kotch-accent)}.kotch-deck-card-back.stack-2{left:1px;opacity:.7;top:-2px}.kotch-deck-card-back.stack-3{left:2px;opacity:.4;top:-4px}.kotch-deck-special-indicator{color:var(--kotch-accent);font-size:1.5rem;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%)}.kotch-deck-empty{align-items:center;border:1px dashed var(--kotch-border);border-radius:4px;color:#666;display:flex;font-size:.6rem;height:100%;justify-content:center;width:100%}.kotch-deck-info{align-items:center;display:flex;flex-direction:column;gap:.15rem}.kotch-deck-count{color:var(--kotch-white);font-size:.8rem;font-weight:600}.kotch-deck-faction-badge{border-radius:3px;color:#000;font-size:.55rem;font-weight:600;letter-spacing:.05em;padding:.1rem .35rem;text-transform:uppercase}.faction-migora{--faction-color:#d4af37}.faction-hydaria{--faction-color:#c62828}.faction-motra{--faction-color:#64b5f6}.faction-rigata{--faction-color:#228b22}.faction-vera{--faction-color:#9c27b0}.kotch-card-front.faction-migora{border-color:#d4af37}.kotch-card-front.faction-hydaria{border-color:#c62828}.kotch-card-front.faction-motra{border-color:#64b5f6}.kotch-card-front.faction-rigata{border-color:#228b22}.kotch-card-front.faction-vera{border-color:#9c27b0}.story-reader{font-family:Iowan Old Style,Palatino Linotype,URW Palladio L,P052,serif;min-height:100vh;position:relative;transition:background-color .6s ease,color .6s ease}.story-reader.dark-mode{background:#0d0d0d;color:#e8e8e8}.story-reader.light-mode{background:#fafaf8;color:#1a1a1a}.orb-controls{display:flex;gap:1rem;position:fixed;right:2rem;top:2rem;z-index:100}.orb{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.dark-mode .orb{background:#ffffff14;box-shadow:0 4px 12px #0000004d;color:#e8e8e8}.light-mode .orb{background:#0000000a;box-shadow:0 2px 8px #0000001a;color:#1a1a1a}.orb:hover{transform:scale(1.1)}.orb:active{transform:scale(.95)}.volume-orb{align-items:center;cursor:default;display:flex;gap:.75rem;padding:0 1rem;position:relative;width:auto}.volume-icon{font-size:1.2rem}.volume-slider{appearance:none;background:#0000;cursor:pointer;height:4px;outline:none;width:80px}.dark-mode .volume-slider{background:#fff3}.light-mode .volume-slider{background:#00000026}.volume-slider::-webkit-slider-thumb{appearance:none;border-radius:50%;cursor:pointer;height:14px;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px}.dark-mode .volume-slider::-webkit-slider-thumb{background:#e8e8e8}.light-mode .volume-slider::-webkit-slider-thumb{background:#1a1a1a}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{border:none;border-radius:50%;cursor:pointer;height:14px;-moz-transition:all .2s ease;transition:all .2s ease;width:14px}.dark-mode .volume-slider::-moz-range-thumb{background:#e8e8e8}.light-mode .volume-slider::-moz-range-thumb{background:#1a1a1a}.chapter-nav{display:flex;flex-direction:column;gap:1.5rem;left:2rem;position:fixed;top:50%;transform:translateY(-50%);z-index:100}.chapter-dot{border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:12px}.dark-mode .chapter-dot{background:#ffffff4d}.light-mode .chapter-dot{background:#0003}.chapter-dot:hover{transform:scale(1.5)}.dark-mode .chapter-dot.active{background:#e8e8e8;box-shadow:0 0 12px #e8e8e899}.light-mode .chapter-dot.active{background:#1a1a1a;box-shadow:0 0 8px #1a1a1a4d}.dot-label{border-radius:4px;font-size:.85rem;font-weight:500;left:2rem;letter-spacing:.5px;opacity:0;padding:.25rem .75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;white-space:nowrap}.dark-mode .dot-label{background:#ffffff1a;color:#e8e8e8}.light-mode .dot-label{background:#0000000d;color:#1a1a1a}.chapter-dot:hover .dot-label{opacity:1}.story-main{margin:0 auto;max-width:680px;min-height:100vh;padding:6rem 2rem 50vh}.story-article{animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.story-header-minimal{border-bottom:1px solid;margin-bottom:4rem;padding-bottom:2rem}.dark-mode .story-header-minimal{border-color:#ffffff1a}.light-mode .story-header-minimal{border-color:#0000001a}.story-title-minimal{font-size:1rem;font-weight:400;letter-spacing:2px;margin:0 0 1rem;opacity:.6;text-transform:uppercase}.chapter-title{font-size:2.5rem;font-weight:300;letter-spacing:-.5px;line-height:1.2;margin:0}.story-prose{font-size:1.125rem;letter-spacing:.01em;line-height:1.8}.story-prose:first-letter{float:left;font-size:3.5em;font-weight:400;line-height:.85;margin:.1em .1em 0 0}.story-prose p{-webkit-hyphens:auto;hyphens:auto;margin-bottom:1.5rem;text-align:justify}.story-prose em{font-style:italic;opacity:.9}.story-prose strong{font-weight:600}.story-prose blockquote{border-left:3px solid;font-style:italic;margin:2rem 0;opacity:.85;padding-left:1.5rem}.dark-mode .story-prose blockquote{border-color:#ffffff4d}.light-mode .story-prose blockquote{border-color:#0003}.story-prose br{content:"";display:block;margin-top:.5rem}.story-prose .verse-marker{font-weight:600;margin-bottom:1rem;margin-top:2rem;opacity:.8}.ballad-gif{margin:2rem 0 3rem;text-align:center}.ballad-gif img{border:1px solid;border-radius:8px;height:auto;max-width:100%}.dark-mode .ballad-gif img{border-color:#ffffff1a}.light-mode .ballad-gif img{border-color:#0000001a}.hoverable-character{border-bottom:1px dotted;cursor:help;position:relative;text-decoration:none;transition:all .2s ease}.dark-mode .hoverable-character{border-color:#fff6}.light-mode .hoverable-character{border-color:#0000004d}.hoverable-character:hover{opacity:.7}.character-card-modal{align-items:center;animation:modalFade .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.character-card-content{animation:cardSlide .3s ease;border:1px solid;border-radius:8px;max-width:400px;padding:2rem;position:relative;text-align:center;width:100%}.dark-mode .character-card-content{background:#0d0d0dfa;border-color:#fff3;box-shadow:0 20px 60px #000c}.light-mode .character-card-content{background:#fafaf8fa;border-color:#00000026;box-shadow:0 20px 60px #0000004d}@keyframes cardSlide{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.character-image{border:2px solid;border-radius:50%;height:200px;margin:0 auto 1.5rem;object-fit:cover;width:200px}.dark-mode .character-image{border-color:#fff3}.light-mode .character-image{border-color:#0000001a}.character-card-content h3{font-size:1.5rem;font-weight:400;letter-spacing:.5px;margin:0 0 1rem}.character-card-content p{font-size:1rem;line-height:1.7;margin:0;opacity:.85}.close-card{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:32px}.dark-mode .close-card{background:#ffffff1a;color:#e8e8e8}.light-mode .close-card{background:#0000000d;color:#1a1a1a}.close-card:hover{transform:scale(1.1)}.dark-mode .close-card:hover{background:#fff3}.light-mode .close-card:hover{background:#0000001a}.loading{align-items:center;display:flex;font-size:1.2rem;justify-content:center;letter-spacing:1px;min-height:100vh}@media (max-width:768px){.orb-controls{gap:.5rem;right:1rem;top:1rem}.orb{font-size:1.2rem;height:40px;width:40px}.volume-orb{padding:0 .75rem}.volume-slider{width:60px}.chapter-nav{gap:1rem;left:1rem}.chapter-dot{height:10px;width:10px}.dot-label{display:none}.story-main{padding:4rem 1.5rem}.story-header-minimal{margin-bottom:3rem}.story-title-minimal{font-size:.85rem}.chapter-title{font-size:2rem}.story-prose{font-size:1rem;line-height:1.7}.story-prose:first-letter{font-size:3em}.character-tooltip{max-width:240px;padding:1rem}}@media (max-width:480px){.story-main{padding:3rem 1rem}.chapter-title{font-size:1.75rem}.story-prose{font-size:.95rem;text-align:left}}@media print{.chapter-nav,.character-tooltip,.orb-controls{display:none}.story-reader{background:#fff;color:#000}.story-main{max-width:100%;padding:0}}@-moz-document url-prefix(){.orb{backdrop-filter:none}.dark-mode .orb{background:#282828f2}.light-mode .orb{background:#f0f0f0f2}.character-card-modal{backdrop-filter:none;background:#000000d9}}.story-library{font-family:Iowan Old Style,Palatino Linotype,URW Palladio L,P052,serif;min-height:100vh;padding:6rem 2rem;position:relative;transition:background-color .6s ease,color .6s ease}.story-library.dark-mode{background:#0d0d0d;color:#e8e8e8}.story-library.light-mode{background:#fafaf8;color:#1a1a1a}.library-header{align-items:center;display:flex;gap:2rem;position:fixed;right:2rem;top:2rem;z-index:100}.library-header h1{font-size:1rem;font-weight:400;letter-spacing:2px;margin:0;opacity:.6;text-transform:uppercase}.mode-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.dark-mode .mode-toggle{background:#ffffff14;box-shadow:0 4px 12px #0000004d;color:#e8e8e8}.light-mode .mode-toggle{background:#0000000a;box-shadow:0 2px 8px #0000001a;color:#1a1a1a}.mode-toggle:hover{transform:scale(1.1)}.mode-toggle:active{transform:scale(.95)}.library-subtitle{margin:0 auto 4rem;max-width:680px;text-align:center}.library-subtitle p{font-size:1.3rem;font-style:italic;letter-spacing:.5px;margin:0;opacity:.7}.bookshelf{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1200px}.book{border:1px solid;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:400px;padding:3rem 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dark-mode .book{background:#ffffff08;border-color:#ffffff1a}.light-mode .book{background:#00000005;border-color:#00000014}.book:hover{transform:translateY(-8px)}.dark-mode .book:hover{background:#ffffff0d;border-color:#fff3;box-shadow:0 12px 40px #0006}.light-mode .book:hover{background:#00000008;border-color:#00000026;box-shadow:0 12px 40px #0000001a}.book.placeholder{cursor:default;opacity:.4}.book.placeholder:hover{transform:none}.book-cover{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.book-title{font-family:Cinzel,Georgia,serif;font-size:2rem;font-weight:300;letter-spacing:1px;margin-bottom:.75rem}.book-subtitle{font-size:1rem;font-style:italic;letter-spacing:.5px;margin-bottom:2rem;opacity:.7}.book-ornament{font-size:2rem;margin:2rem 0;opacity:.5}.book-description{border-top:1px solid;margin-top:2rem;padding-top:2rem}.dark-mode .book-description{border-color:#ffffff1a}.light-mode .book-description{border-color:#0000001a}.book-description p{font-size:.95rem;line-height:1.6;margin:0 0 1.5rem;opacity:.85}.read-button{background:#0000;border:1px solid;border-radius:4px;cursor:pointer;font-family:Georgia,serif;font-size:.9rem;font-weight:500;letter-spacing:.5px;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.dark-mode .read-button{border-color:#ffffff4d;color:#e8e8e8}.light-mode .read-button{border-color:#0003;color:#1a1a1a}.read-button:hover{transform:translateY(-2px)}.dark-mode .read-button:hover{background:#ffffff0d;border-color:#ffffff80}.light-mode .read-button:hover{background:#00000008;border-color:#0000004d}@media (max-width:768px){.story-library{padding:4rem 1.5rem}.library-header{gap:1rem;right:1rem;top:1rem}.library-header h1{font-size:.85rem}.mode-toggle{font-size:1.2rem;height:40px;width:40px}.library-subtitle p{font-size:1.1rem}.bookshelf{gap:2rem;grid-template-columns:1fr}.book{min-height:350px;padding:2rem 1.5rem}.book-title{font-size:1.7rem}.book-subtitle{font-size:.95rem}}@media (max-width:480px){.story-library{padding:3rem 1rem}.library-header h1{display:none}.book{min-height:320px}.book-title{font-size:1.5rem}}@-moz-document url-prefix(){.mode-toggle{backdrop-filter:none}.dark-mode .mode-toggle{background:#282828f2}.light-mode .mode-toggle{background:#f0f0f0f2}}.poem-water-page{background:#0a0e27;color:#fff;font-family:Amiri,Scheherazade New,serif;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.video-background{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}.background-video{filter:blur(8px) brightness(.7);height:100%;object-fit:cover;transform:scale(1.1);width:100%}.video-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#0a0e27d9,#0f1734bf 50%,#0a0e27d9);height:100%;left:0;position:absolute;top:0;width:100%}.poem-content-wrapper{margin:0 auto;max-width:1800px;min-height:100vh;padding:6rem 4rem;position:relative;z-index:1}.poem-title-section{margin-bottom:6rem;padding:3rem 0;text-align:center}.poem-main-title{-webkit-text-fill-color:#0000;text-fill-color:#0000;animation:shimmer 8s linear infinite;background:linear-gradient(135deg,#e0f7ff,#a7d8f0 25%,#6eb6d4 50%,#a7d8f0 75%,#e0f7ff);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Scheherazade New,Amiri,serif;font-size:clamp(4rem,12vw,10rem);font-weight:700;letter-spacing:.05em;margin-bottom:2rem;text-shadow:0 0 60px #a0d8ef80}@keyframes shimmer{0%{background-position:0}to{background-position:200%}}.title-ornament{background:linear-gradient(90deg,#0000,#6eb6d4,#a7d8f0,#6eb6d4,#0000);border-radius:2px;box-shadow:0 0 20px #6eb6d499;height:3px;margin:0 auto;width:200px}.poem-verses-container{margin:0 auto;max-width:1600px;padding:0 2rem}.poem-verse-line{grid-gap:3rem;align-items:center;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a,0 0 60px #6eb6d426;display:grid;gap:3rem;grid-template-columns:1fr auto 1fr;margin-bottom:2.5rem;padding:2rem 3rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.poem-verse-line:hover{background:#ffffff1f;border-color:#a7d8f04d;box-shadow:0 12px 48px #0006,inset 0 1px 0 #ffffff26,0 0 80px #6eb6d440;transform:translateY(-2px)}.verse-right{color:#e0f7ff;direction:rtl;font-size:clamp(1.8rem,3.5vw,3.2rem);font-weight:400;letter-spacing:.02em;line-height:1.9;text-align:right;text-align:justify;word-spacing:.1em}.verse-separator{color:#6eb6d4;font-size:2rem;opacity:.6;text-shadow:0 0 20px #6eb6d4cc;-webkit-user-select:none;user-select:none}.verse-left{color:#e0f7ff;direction:rtl;font-size:clamp(1.8rem,3.5vw,3.2rem);font-weight:400;letter-spacing:.02em;line-height:1.9;text-align:right;text-align:justify;word-spacing:.1em}.refrain-marker{align-items:center;display:flex;justify-content:center;margin:3rem 0;padding:1rem 0}.refrain-line{background:linear-gradient(90deg,#0000,#6eb6d4,#a7d8f0,#6eb6d4,#0000);border-radius:2px;box-shadow:0 0 15px #6eb6d480;height:2px;width:60%}.stanza-divider{align-items:center;display:flex;height:4rem;justify-content:center;margin:4rem 0;position:relative}.stanza-divider:before{color:#6eb6d4;content:"◆";font-size:1.5rem;text-shadow:0 0 20px #6eb6d4cc}.poem-closing{margin-top:4rem;padding:6rem 0 4rem;text-align:center}.closing-ornament{animation:pulse 3s ease-in-out infinite;color:#6eb6d4;font-size:3rem;text-shadow:0 0 30px #6eb6d4cc}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (max-width:1400px){.poem-content-wrapper{padding:5rem 3rem}.verse-left,.verse-right{font-size:clamp(1.6rem,3vw,2.8rem)}.poem-verse-line{gap:2rem;padding:1.8rem 2.5rem}}@media (max-width:1024px){.poem-content-wrapper{padding:4rem 2rem}.poem-main-title{font-size:clamp(3rem,10vw,7rem)}.verse-left,.verse-right{font-size:clamp(1.4rem,2.8vw,2.4rem)}.poem-verse-line{gap:1.5rem;padding:1.5rem 2rem}}@media (max-width:768px){.poem-content-wrapper{padding:3rem 1.5rem}.poem-title-section{margin-bottom:4rem}.poem-main-title{font-size:clamp(2.5rem,8vw,5rem)}.poem-verse-line{gap:1rem;grid-template-columns:1fr;padding:1.5rem}.verse-separator{display:none}.verse-left,.verse-right{font-size:clamp(1.3rem,2.5vw,2rem);text-align:right}.verse-left{border-top:1px solid #6eb6d44d;padding-top:1rem}}@media (max-width:480px){.poem-content-wrapper{padding:2rem 1rem}.poem-main-title{font-size:clamp(2rem,7vw,4rem)}.verse-left,.verse-right{font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.8}.poem-verse-line{margin-bottom:2rem;padding:1.2rem 1rem}}@media (min-width:1920px){.poem-content-wrapper{max-width:2200px}.verse-left,.verse-right{font-size:clamp(2.2rem,3.5vw,3.5rem)}.poem-verse-line{gap:4rem;padding:2.5rem 4rem}}@media print{.video-background{display:none}.poem-water-page{background:#fff;color:#000}.verse-left,.verse-right{color:#000}}::selection{background:#6eb6d466;color:#fff}::-moz-selection{background:#6eb6d466;color:#fff}@-moz-document url-prefix(){.video-overlay{backdrop-filter:none;background:linear-gradient(135deg,#0a0e27eb,#0f1734e0 50%,#0a0e27eb)}.poem-verse-line{backdrop-filter:none;background:#1e2850d9}.poem-main-title{animation:none;background-position:50%}.closing-ornament{animation:none;opacity:.8}}.not-found-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.not-found-container:before{animation:moveGrid 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;position:absolute;width:200%}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.not-found-content{max-width:600px;padding:2rem;position:relative;text-align:center;z-index:1}.not-found-404{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:10rem;font-weight:800;line-height:1;margin:0;text-shadow:0 10px 30px #0000004d}.not-found-title{color:#fff;font-size:2.5rem;font-weight:600;margin:1rem 0}.not-found-message{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.not-found-links{margin-top:3rem}.not-found-button{background:#fff;border:none;border-radius:50px;box-shadow:0 5px 20px #0003;color:#667eea;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.not-found-button:hover{box-shadow:0 8px 30px #0000004d;transform:translateY(-2px)}.not-found-home-link{text-decoration:none}.not-found-suggestions{color:#fff;margin-top:2rem}.not-found-suggestions p{margin-bottom:1rem;opacity:.9}.suggestion-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.suggestion-link{border:2px solid #ffffff4d;border-radius:25px;color:#fff;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.suggestion-link:hover{background:#ffffff1a;border-color:#ffffff80}.not-found-decoration{height:300px;left:50%;opacity:.1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.orbit-ring{border:3px solid #fff;height:100%;width:100%}.orbit-dot,.orbit-ring{border-radius:50%;position:absolute}.orbit-dot{background:#fff;height:20px;left:50%;top:-10px;transform:translateX(-50%);width:20px}@media (max-width:768px){.not-found-404{font-size:6rem}.not-found-title{font-size:1.8rem}.not-found-message{font-size:1rem}.not-found-button{font-size:1rem;padding:.8rem 2rem}.suggestion-links{align-items:center;flex-direction:column}.suggestion-link{text-align:center;width:200px}}@-moz-document url-prefix(){.not-found-container:before{animation:none}}:root{--bg-deepest:#050505;--bg-deep:#0a0a0a;--bg-base:#0d0d0d;--bg-elevated:#141414;--bg-surface:#1a1a1a;--bg-hover:#222;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-muted:#666;--text-dim:#444;--border-subtle:#2a2a2a;--border-medium:#3a3a3a;--border-strong:#4a4a4a;--home-bg:linear-gradient(135deg,#0a0a0a,#0d0d12 50%,#0a0a0a);--home-glow:#ffffff08;--home-card-bg:#141414cc;--home-card-border:#ffffff14;--home-card-hover:#ffffff1f;--pro-bg:#0a0a0a;--pro-bg-section:#0d0d0d;--pro-bg-card:#141414;--pro-bg-card-hover:#1a1a1a;--pro-text-primary:#f5f5f5;--pro-text-secondary:#a0a0a0;--pro-text-muted:#666;--pro-accent:#3b82f6;--pro-accent-hover:#60a5fa;--pro-accent-subtle:#3b82f626;--pro-border:#2a2a2a;--pro-divider:#1f1f1f;--cr-bg-deep:#0a0f0b;--cr-bg-section:#0d1510;--cr-bg-card:#141f17;--cr-bg-card-hover:#1a2b1e;--cr-bg-drawer:#111a13;--cr-text-primary:#e8e4dc;--cr-text-secondary:#a09a8a;--cr-text-muted:#6b6558;--cr-accent-gold:#c9a227;--cr-accent-gold-hover:#dbb732;--cr-accent-gold-subtle:#c9a22726;--cr-accent-amber:#d4a373;--cr-accent-emerald:#2d5016;--cr-accent-emerald-light:#3d6b1e;--cr-border:#2a3a2c;--cr-border-gold:#c9a2274d;--cr-glow:#c9a2271a;--cr-shadow:#0006;--font-display:"Cinzel",serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-accent:"Playfair Display",serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-medium:350ms ease;--transition-slow:500ms ease;--transition-reveal:800ms cubic-bezier(0.4,0,0.2,1);--radius-sm:4px;--radius-base:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-base:0 4px 6px #0000004d;--shadow-md:0 6px 12px #0006;--shadow-lg:0 10px 25px #00000080;--shadow-xl:0 20px 40px #0009;--shadow-glow-gold:0 0 20px #c9a2274d;--shadow-glow-blue:0 0 20px #3b82f64d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}.App,body{background:var(--bg-deep)}.App{min-height:100vh;position:relative}.btn{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--font-size-base);font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all var(--transition-base)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--pro-accent);color:#fff}.btn-primary:hover{background:var(--pro-accent-hover);box-shadow:var(--shadow-glow-blue)}.btn-secondary{background:#0000;border:1px solid var(--border-medium);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.mode-selector{align-items:center;background:var(--bg-deep);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.mode-selector .ambient-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}.mode-selector .ambient-gradient{background:radial-gradient(ellipse 80% 50% at 50% 0,#3b82f614 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 100%,#c9a2270d 0,#0000 50%);inset:0;position:absolute}.mode-selector .ambient-stars{inset:0;position:absolute}.mode-selector .star{background:var(--text-muted);border-radius:50%;height:2px;position:absolute;width:2px}.mode-selector .constellation{inset:0;pointer-events:none;position:absolute}.mode-selector .constellation-star{background:var(--text-muted);border-radius:50%;height:3px;opacity:.2;position:absolute;transform:translate(-50%,-50%);transition:all .6s ease;width:3px}.mode-selector .code-constellation.active .constellation-star{background:var(--pro-accent);box-shadow:0 0 4px var(--pro-accent),0 0 8px var(--pro-accent),0 0 16px #3b82f680;height:4px;opacity:1;width:4px}.mode-selector .inkwell-constellation.active .constellation-star{background:var(--cr-accent-gold);box-shadow:0 0 4px var(--cr-accent-gold),0 0 8px var(--cr-accent-gold),0 0 16px #c9a22780;height:4px;opacity:1;width:4px}.mode-selector .constellation.active .constellation-star:first-child{transition-delay:0s}.mode-selector .constellation.active .constellation-star:nth-child(2){transition-delay:25ms}.mode-selector .constellation.active .constellation-star:nth-child(3){transition-delay:.05s}.mode-selector .constellation.active .constellation-star:nth-child(4){transition-delay:75ms}.mode-selector .constellation.active .constellation-star:nth-child(5){transition-delay:.1s}.mode-selector .constellation.active .constellation-star:nth-child(6){transition-delay:.125s}.mode-selector .constellation.active .constellation-star:nth-child(7){transition-delay:.15s}.mode-selector .constellation.active .constellation-star:nth-child(8){transition-delay:.175s}.mode-selector .constellation.active .constellation-star:nth-child(9){transition-delay:.2s}.mode-selector .constellation.active .constellation-star:nth-child(10){transition-delay:.225s}.mode-selector .constellation.active .constellation-star:nth-child(11){transition-delay:.25s}.mode-selector .constellation.active .constellation-star:nth-child(12){transition-delay:.275s}.mode-selector .constellation.active .constellation-star:nth-child(13){transition-delay:.3s}.mode-selector .constellation.active .constellation-star:nth-child(14){transition-delay:.325s}.mode-selector .constellation.active .constellation-star:nth-child(15){transition-delay:.35s}.mode-selector .constellation.active .constellation-star:nth-child(16){transition-delay:.375s}.mode-selector .constellation.active .constellation-star:nth-child(17){transition-delay:.4s}.mode-selector .constellation.active .constellation-star:nth-child(18){transition-delay:.425s}.mode-selector .constellation.active .constellation-star:nth-child(19){transition-delay:.45s}.mode-selector .constellation.active .constellation-star:nth-child(20){transition-delay:.475s}.mode-selector .constellation.active .constellation-star:nth-child(21){transition-delay:.5s}.mode-selector .constellation.active .constellation-star:nth-child(22){transition-delay:.525s}.mode-selector .constellation.active .constellation-star:nth-child(23){transition-delay:.55s}.mode-selector-content{align-items:center;display:flex;flex-direction:column;gap:3rem;max-width:900px;position:relative;text-align:center;width:100%;z-index:1}.mode-selector .selector-header{align-items:center;display:flex;flex-direction:column;gap:.5rem}.mode-selector .name{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:500;letter-spacing:.05em}.mode-selector .former-name{color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.mode-selector .mode-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);max-width:700px;width:100%}@media (max-width:640px){.mode-selector .mode-cards{grid-template-columns:1fr;max-width:340px}}.mode-selector .mode-card{align-items:center;background:var(--home-card-bg);border:1px solid var(--home-card-border);border-radius:var(--radius-lg);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:1.25rem;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;text-decoration:none;transition:all var(--transition-medium)}.mode-selector .mode-card:before{background:linear-gradient(135deg,#ffffff05,#0000 50%);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-base)}.mode-selector .mode-card:hover:before{opacity:1}.mode-selector .mode-card:hover{border-color:var(--home-card-hover);box-shadow:var(--shadow-lg)}.mode-selector .mode-card.professional:hover{border-color:#3b82f64d;box-shadow:0 20px 40px #3b82f61a}.mode-selector .mode-card.creative:hover{border-color:#c9a2274d;box-shadow:0 20px 40px #c9a2271a}.mode-selector .card-portrait{height:100px;position:relative;width:100px}.mode-selector .portrait-frame{border:2px solid var(--border-subtle);border-radius:50%;height:100%;overflow:hidden;transition:border-color var(--transition-base);width:100%}.mode-selector .mode-card:hover .portrait-frame{border-color:var(--border-medium)}.mode-selector .portrait-frame img{filter:grayscale(20%);height:100%;object-fit:cover;transition:filter var(--transition-base);width:100%}.mode-selector .mode-card:hover .portrait-frame img{filter:grayscale(0)}.mode-selector .portrait-glow{border-radius:50%;inset:-4px;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-base)}.mode-selector .mode-card.professional .portrait-glow{background:radial-gradient(circle,#3b82f64d 0,#0000 70%)}.mode-selector .mode-card.creative .portrait-glow{background:radial-gradient(circle,#c9a2274d 0,#0000 70%)}.mode-selector .mode-card:hover .portrait-glow{opacity:1}.mode-selector .card-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.mode-selector .card-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:500;letter-spacing:.02em}.mode-selector .card-tagline{display:flex;flex-direction:column;gap:.125rem}.mode-selector .tagline-word{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.mode-selector .card-indicator{bottom:1rem;opacity:0;position:absolute;right:1rem;transform:translateX(-8px);transition:all var(--transition-base)}.mode-selector .mode-card:hover .card-indicator{opacity:1;transform:translateX(0)}.mode-selector .indicator-arrow{color:var(--text-muted);font-size:var(--font-size-lg)}.mode-selector .mode-card.professional:hover .indicator-arrow{color:var(--pro-accent)}.mode-selector .mode-card.creative:hover .indicator-arrow{color:var(--cr-accent-gold)}.mode-selector .selector-footer{align-items:center;display:flex;flex-direction:column;gap:1rem}.mode-selector .thank-you{color:var(--text-muted);font-size:var(--font-size-sm)}.mode-selector .ai-link{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);padding:.5rem 1rem;text-decoration:none;transition:all var(--transition-base)}.mode-selector .ai-link:hover{background:var(--bg-elevated);border-color:var(--border-medium);color:var(--text-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:#3b82f64d;color:var(--text-primary)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.3df8f992.css.map*/