:root{--color-black:#0a0a0f;--color-darker:#0f0f18;--color-dark:#1a1a2e;--color-mid:#2d2d44;--color-light:#4a4a6a;--color-primary:#e94560;--color-primary-dark:#c73e54;--color-primary-glow:#e9456066;--color-secondary:#0f3460;--color-secondary-light:#16213e;--color-accent-gold:#f4a261;--color-accent-blue:#4cc9f0;--color-accent-green:#2ec4b6;--color-accent-purple:#7b2cbf;--color-text:#eaeaea;--color-text-dim:#a0a0a0;--color-text-bright:#fff;--mood-danger:#e94560;--mood-mystery:#4cc9f0;--mood-hope:#f4a261;--mood-tension:#7cb518;--mood-power:#7b2cbf;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px var(--color-primary-glow);--font-display:"Bangers",cursive;--font-comic:"Comic Neue",cursive;--font-typewriter:"Special Elite",cursive;--font-marker:"Permanent Marker",cursive;--font-tech:"Orbitron",sans-serif;--font-body:"Montserrat Alternates",sans-serif;--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--z-base:1;--z-panels:10;--z-input:100;--z-overlay:500;--z-modal:1000}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background-color:#0a0a0f;background-color:var(--color-black);color:#eaeaea;color:var(--color-text);font-family:Montserrat Alternates,sans-serif;font-family:var(--font-body);line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Bangers,cursive;font-family:var(--font-display);font-weight:400;letter-spacing:.05em;line-height:1.2}p{margin-bottom:1rem;margin-bottom:var(--space-md)}strong{color:#e94560;color:var(--color-primary);font-weight:700}a{color:#4cc9f0;color:var(--color-accent-blue);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#e94560;color:var(--color-primary)}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{background:#0000;border:none;color:inherit;font-family:inherit;font-size:inherit;outline:none}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::selection{background-color:#e94560;background-color:var(--color-primary);color:#fff;color:var(--color-text-bright)}:focus-visible{outline:2px solid #e94560;outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:480px){html{font-size:14px}}@media (min-width:1200px){html{font-size:18px}}.comic-menu{align-items:flex-start;background:var(--color-black);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding-bottom:var(--space-xl);padding-top:var(--space-xl);position:relative;width:100%}.menu-background{overflow:hidden}.halftone-bg,.menu-background{bottom:0;left:0;position:absolute;right:0;top:0}.halftone-bg{background-image:radial-gradient(circle,var(--color-dark) 1px,#0000 1px);background-size:20px 20px;opacity:.3}.speed-lines-bg{bottom:0;left:0;position:absolute;right:0;top:0}.speed-line-bg{animation:speedLineBg 4s ease-out infinite;background:linear-gradient(90deg,#0000,var(--color-primary),#0000);height:2px;opacity:0;position:absolute}.speed-line-bg.line-0{animation-delay:0s;top:10%}.speed-line-bg.line-1{animation-delay:.5s;top:25%}.speed-line-bg.line-2{animation-delay:1s;top:40%}.speed-line-bg.line-3{animation-delay:.3s;top:60%}.speed-line-bg.line-4{animation-delay:.8s;top:85%}@keyframes speedLineBg{0%{left:-20%;opacity:0;width:0}10%{opacity:.3;width:40%}to{left:120%;opacity:0;width:0}}.ink-spots{bottom:0;left:0;position:absolute;right:0;top:0}.ink-spot{background:var(--color-primary);border-radius:50%;filter:blur(60px);opacity:.1;position:absolute}.ink-spot.spot-1{animation:spotFloat 8s ease-in-out infinite;height:400px;left:-10%;top:-10%;width:400px}.ink-spot.spot-2{animation:spotFloat 8s ease-in-out 2s infinite;bottom:-5%;height:300px;right:-5%;width:300px}.ink-spot.spot-3{animation:spotFloat 8s ease-in-out 4s infinite;height:200px;right:20%;top:50%;width:200px}@keyframes spotFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.menu-content{max-width:600px;opacity:0;padding:var(--space-xl);position:relative;text-align:center;transform:translateY(20px);transition:all var(--transition-slow);width:100%;z-index:10}.menu-content.show{opacity:1;transform:translateY(0)}.title-section{margin-bottom:var(--space-2xl);position:relative}.title-burst{animation:burstPulse 3s ease-in-out infinite;background:radial-gradient(circle,var(--color-primary-glow) 0,#0000 60%);height:300px;left:50%;margin:-150px 0 0 -150px;opacity:.3;position:absolute;top:50%;width:300px}.game-title{margin:0 0 var(--space-sm) 0;position:relative}.title-line-1{animation:titleGlitch 5s ease-in-out infinite;color:var(--color-primary);letter-spacing:.1em;text-shadow:4px 4px 0 var(--color-black),-2px -2px 0 var(--color-primary-dark)}.title-line-1,.title-line-2{display:block;font-family:var(--font-display);font-size:4rem;font-size:calc(4rem*var(--text-scale, 1))}.title-line-2{color:var(--color-text-bright);letter-spacing:.15em;text-shadow:4px 4px 0 var(--color-black),-2px -2px 0 var(--color-mid)}@keyframes titleGlitch{0%,90%,to{text-shadow:4px 4px 0 var(--color-black),-2px -2px 0 var(--color-primary-dark)}92%{text-shadow:-4px 4px 0 var(--color-black),2px -2px 0 var(--color-accent-blue)}94%{text-shadow:4px -4px 0 var(--color-black),-2px 2px 0 var(--color-accent-gold)}}.title-subtitle{color:var(--color-accent-gold);font-family:var(--font-tech);font-size:1rem;font-size:calc(1rem*var(--text-scale, 1));letter-spacing:.3em;margin-bottom:var(--space-sm)}.title-tagline{color:var(--color-text-dim);font-family:var(--font-body);font-size:.9rem;font-size:calc(.9rem*var(--text-scale, 1));font-style:italic}.cover-preview{margin-bottom:var(--space-2xl)}.cover-frame{background:var(--color-dark);border:4px solid var(--color-mid);box-shadow:var(--shadow-lg);display:inline-block;padding:8px;transform:rotate(-2deg);transition:transform var(--transition-normal)}.cover-frame:hover{transform:rotate(0deg) scale(1.02)}.cover-inner{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-darker) 100%);border:2px solid var(--color-mid);height:220px;overflow:hidden;position:relative;width:160px}.cover-image{background:radial-gradient(circle at 30% 40%,var(--color-primary-glow) 0,#0000 50%),linear-gradient(180deg,var(--color-dark) 0,var(--color-black) 100%);bottom:40px;left:0;position:absolute;right:0;top:0}.cover-silhouette{background:var(--color-black);bottom:0;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);height:120px;opacity:.8;width:80px}.cover-silhouette,.cover-time-effect{left:50%;position:absolute;transform:translateX(-50%)}.cover-time-effect{animation:timeRipple 2s ease-out infinite;border:2px solid var(--color-primary);border-radius:50%;height:60px;opacity:.5;top:20%;width:60px}@keyframes timeRipple{0%{opacity:.8;transform:translateX(-50%) scale(.5)}to{opacity:0;transform:translateX(-50%) scale(1.5)}}.cover-banner{background:var(--color-primary);bottom:0;font-size:.6rem;font-size:calc(.6rem*var(--text-scale, 1));left:0;letter-spacing:.1em;padding:var(--space-sm);right:0}.cover-banner,.cover-price{color:var(--color-black);font-family:var(--font-display);position:absolute}.cover-price{background:var(--color-accent-gold);font-size:.7rem;font-size:calc(.7rem*var(--text-scale, 1));padding:2px 6px;right:8px;top:8px}.briefing-panel{background:var(--color-darker);border:3px solid var(--color-primary);margin-bottom:var(--space-lg);position:relative}.panel-header{align-items:center;background:var(--color-primary);display:flex;gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-md)}.header-icon{color:var(--color-black);font-size:.8rem}.header-text{color:var(--color-black);font-family:var(--font-tech);font-size:.75rem;font-size:calc(.75rem*var(--text-scale, 1));letter-spacing:.15em}.panel-content{padding:var(--space-lg)}.panel-content p{color:var(--color-text);font-family:var(--font-body);line-height:1.6;margin:0 0 var(--space-md) 0}.rules-list{flex-direction:column}.rule,.rules-list{display:flex;gap:var(--space-sm)}.rule{align-items:center;color:var(--color-text-dim);font-family:var(--font-typewriter);font-size:.85rem;font-size:calc(.85rem*var(--text-scale, 1))}.rule-icon{color:var(--color-primary);font-weight:700}.style-cards-section{margin-bottom:var(--space-xl);width:100%}.style-cards-header{margin-bottom:var(--space-md);text-align:center}.style-cards-label{color:var(--color-text-dim);font-family:var(--font-tech);font-size:.75rem;font-size:calc(.75rem*var(--text-scale, 1));letter-spacing:.2em}.style-cards-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:400px}.style-card{align-items:center;background:var(--color-darker);border:3px solid var(--color-mid);cursor:pointer;display:flex;flex-direction:column;padding:var(--space-md) var(--space-sm);position:relative;transition:all var(--transition-fast)}.style-card:hover{border-color:var(--color-light);transform:translateY(-2px)}.style-card.selected{background:var(--color-dark);border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.style-card-preview{align-items:center;border:2px solid var(--color-mid);border-radius:8px;display:flex;height:50px;justify-content:center;margin-bottom:var(--space-sm);position:relative;transition:all var(--transition-fast);width:50px}.style-card:hover .style-card-preview{transform:scale(1.05)}.style-card.selected .style-card-preview{border-color:var(--color-primary)}.style-card-check{animation:checkPop .3s ease-out;color:var(--color-black);font-size:1.2rem;text-shadow:0 0 10px #fffc}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.style-card-name{color:var(--color-text);font-family:var(--font-display);font-size:.9rem;font-size:calc(.9rem*var(--text-scale, 1));letter-spacing:.05em;margin-bottom:2px;transition:color var(--transition-fast)}.style-card.selected .style-card-name{color:var(--color-primary)}.style-card-subtitle{color:var(--color-text-dim);font-family:var(--font-body);font-size:.6rem;font-size:calc(.6rem*var(--text-scale, 1));line-height:1.2;text-align:center}.start-button{background:var(--color-primary);border:none;cursor:pointer;display:inline-block;overflow:hidden;padding:var(--space-lg) var(--space-2xl);position:relative;transition:all var(--transition-fast)}.start-button:hover{box-shadow:0 0 30px var(--color-primary-glow);transform:scale(1.05)}.start-button:active{transform:scale(.98)}.button-bg{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.start-button:hover .button-bg{left:100%}.button-text{position:relative;z-index:1}.text-main{font-family:var(--font-display);font-size:1.5rem;font-size:calc(1.5rem*var(--text-scale, 1));letter-spacing:.05em}.text-main,.text-sub{color:var(--color-black);display:block}.text-sub{font-family:var(--font-tech);font-size:.7rem;font-size:calc(.7rem*var(--text-scale, 1));letter-spacing:.1em;margin-top:var(--space-xs);opacity:.7}.button-burst{background:#ffffff4d;border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.start-button:active .button-burst{height:300px;width:300px}.menu-footer{margin-top:var(--space-xl)}.footer-line{background:linear-gradient(90deg,#0000,var(--color-mid),#0000);height:1px;margin:0 auto var(--space-md);width:100px}.footer-credits{align-items:center;color:var(--color-text-dim);display:flex;font-family:var(--font-body);font-size:.75rem;font-size:calc(.75rem*var(--text-scale, 1));gap:var(--space-sm);justify-content:center}.separator{color:var(--color-primary)}.page-curl{background:linear-gradient(135deg,#0000 50%,var(--color-dark) 50%);bottom:0;box-shadow:-2px -2px 5px #0000004d;height:60px;position:absolute;right:0;width:60px}.theme-popArt .ink-spot{background:var(--color-secondary)}.theme-popArt .cover-inner{background:linear-gradient(135deg,gold,#ff1744)}.theme-popArt .halftone-bg{background-image:radial-gradient(circle,var(--color-secondary) 2px,#0000 2px);background-size:12px 12px;opacity:.2}.theme-manga .ink-spot{background:var(--color-text-bright);opacity:.05}.theme-manga .speed-line-bg{background:linear-gradient(90deg,#0000,var(--color-text-bright),#0000);opacity:.1}.theme-manga .halftone-bg{background-image:linear-gradient(45deg,var(--color-mid) 25%,#0000 25%),linear-gradient(-45deg,var(--color-mid) 25%,#0000 25%);background-size:8px 8px;opacity:.15}.theme-vintage .ink-spot{background:var(--color-accent-gold)}.theme-vintage .title-line-1{text-shadow:3px 3px 0 var(--color-black),-1px -1px 0 var(--color-secondary)}.theme-vintage .halftone-bg{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");opacity:1}@media (max-width:768px){.menu-content{padding:var(--space-lg)}.title-line-1,.title-line-2{font-size:3rem;font-size:calc(3rem*var(--text-scale, 1))}.title-subtitle{font-size:.85rem;font-size:calc(.85rem*var(--text-scale, 1));letter-spacing:.2em}.cover-inner{height:190px;width:140px}.panel-content{padding:var(--space-md)}.text-main{font-size:1.25rem;font-size:calc(1.25rem*var(--text-scale, 1))}.selector-main-title{font-size:1.5rem}.style-cards-grid{gap:var(--space-xs);max-width:350px}.style-card{padding:var(--space-sm)}.style-card-preview{height:44px;width:44px}.style-card-name{font-size:.8rem;font-size:calc(.8rem*var(--text-scale, 1))}.style-card-subtitle{font-size:.55rem;font-size:calc(.55rem*var(--text-scale, 1))}}@media (max-width:480px){.menu-content{padding:var(--space-md)}.title-line-1,.title-line-2{font-size:2.5rem;font-size:calc(2.5rem*var(--text-scale, 1))}.title-subtitle{font-size:.75rem;font-size:calc(.75rem*var(--text-scale, 1))}.cover-inner{height:165px;width:120px}.cover-banner{font-size:.5rem;font-size:calc(.5rem*var(--text-scale, 1));padding:var(--space-xs)}.panel-content p{font-size:.9rem;font-size:calc(.9rem*var(--text-scale, 1))}.rule{font-size:.8rem;font-size:calc(.8rem*var(--text-scale, 1))}.start-button{padding:var(--space-md) var(--space-xl)}.text-main{font-size:1.1rem;font-size:calc(1.1rem*var(--text-scale, 1))}.text-sub{font-size:.6rem;font-size:calc(.6rem*var(--text-scale, 1))}.page-curl{height:40px;width:40px}.selector-main-title{font-size:1.3rem}.selector-subtitle{font-size:.8rem}.style-cards-grid{gap:6px;max-width:300px}.style-card{padding:var(--space-xs) 4px}.style-card-preview{height:38px;margin-bottom:var(--space-xs);width:38px}.style-card-check{font-size:1rem;font-size:calc(1rem*var(--text-scale, 1))}.style-card-name{font-size:.7rem;font-size:calc(.7rem*var(--text-scale, 1))}.style-card-subtitle{font-size:.5rem;font-size:calc(.5rem*var(--text-scale, 1))}.style-cards-label{font-size:.65rem;font-size:calc(.65rem*var(--text-scale, 1))}}.image-lightbox-overlay{align-items:center;animation:lightboxFadeIn .2s ease-out;background:#000000f2;box-sizing:border-box;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;margin:0;padding:0;position:fixed;top:0;width:100vw;z-index:2000}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-image-container{max-height:85%;max-width:95%;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}.lightbox-close-btn,.lightbox-image-container{align-items:center;display:flex;justify-content:center}.lightbox-close-btn{background:#000000b3;border:2px solid var(--color-mid);border-radius:50%;color:var(--color-text-bright);cursor:pointer;height:44px;position:absolute;right:var(--space-sm);top:var(--space-sm);transition:all var(--transition-fast);width:44px;z-index:10}.lightbox-close-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-black)}.lightbox-zoom-level{background:#000000b3;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-family:var(--font-tech);font-size:.9rem;font-size:calc(.9rem*var(--text-scale, 1));font-weight:700;left:50%;letter-spacing:.05em;padding:var(--space-xs) var(--space-md);pointer-events:none;position:absolute;top:var(--space-sm);transform:translateX(-50%);z-index:10}.lightbox-image{-webkit-user-drag:none;max-height:85%;max-width:95%;object-fit:contain;-webkit-user-select:none;user-select:none;will-change:transform}@media (max-width:768px){.lightbox-image{max-height:100%;max-width:100%}.lightbox-image-container{max-height:90%;max-width:100%}}.comic-panel{margin:0 auto;margin-bottom:var(--space-md);max-width:800px;opacity:0;position:relative;transform:translateX(20px) scale(.98);transition:all var(--transition-slow) ease-out;width:100%}.comic-panel.visible{opacity:1;transform:translateX(0) scale(1)}.comic-panel.latest{animation:panelAppear .6s ease-out}@keyframes panelAppear{0%{opacity:0;transform:translateX(30px) scale(.95)}50%{transform:translateX(-5px) scale(1.01)}to{opacity:1;transform:translateX(0) scale(1)}}.panel-splash .panel-image-container{min-height:60vh}.panel-large .panel-image-container{min-height:45vh}.panel-action .panel-image-container{min-height:35vh}.panel-medium .panel-image-container{min-height:30vh}.panel-standard .panel-image-container{min-height:25vh}.panel-border{background:var(--color-darker);border:4px solid var(--color-black);box-shadow:inset 0 0 0 2px var(--color-mid),var(--shadow-lg);overflow:hidden;position:relative}.panel-inner{height:100%;position:relative;width:100%}.panel-image-container{background:var(--color-dark);overflow:hidden;position:relative;width:100%}.panel-image-container.tappable{cursor:zoom-in}.panel-image-container.tappable:after{animation:zoomHintAppear 3s ease-out;background:#000000b3;border-radius:var(--radius-sm);bottom:var(--space-sm);content:"🔍";font-size:.9rem;opacity:0;padding:var(--space-xs) var(--space-sm);pointer-events:none;position:absolute;right:var(--space-sm);z-index:5}@keyframes zoomHintAppear{0%,10%{opacity:0;transform:scale(.8)}20%,70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.panel-image{filter:contrast(1.1) saturate(.8);height:100%;min-height:inherit;object-fit:cover;opacity:0;transition:opacity var(--transition-normal);width:100%}.panel-image.loaded{opacity:1}.theme-noir .panel-image{filter:contrast(1.1) saturate(.8)}.theme-popArt .panel-image{filter:contrast(1.2) saturate(1.4) brightness(1.05)}.theme-manga .panel-image{filter:contrast(1.3) saturate(.1) brightness(1.1)}.theme-vintage .panel-image{filter:contrast(.95) saturate(.7) sepia(.3) brightness(.95)}.halftone-overlay{background-image:radial-gradient(circle,#00000026 1px,#0000 0);background-size:4px 4px;bottom:0;left:0;mix-blend-mode:multiply;pointer-events:none;position:absolute;right:0;top:0}.theme-popArt .halftone-overlay{background-image:radial-gradient(circle,#0000001f 3px,#0000 0);background-size:8px 8px}.theme-manga .halftone-overlay{background-image:linear-gradient(45deg,#00000014 25%,#0000 0),linear-gradient(-45deg,#00000014 25%,#0000 0),linear-gradient(45deg,#0000 75%,#00000014 0),linear-gradient(-45deg,#0000 75%,#00000014 0);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px}.theme-vintage .halftone-overlay{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");mix-blend-mode:overlay}.vignette-overlay{background:radial-gradient(ellipse at center,#0000 50%,#0009 100%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.theme-popArt .vignette-overlay{background:radial-gradient(ellipse at center,#0000 60%,#0000004d 100%)}.theme-manga .vignette-overlay{background:linear-gradient(0deg,#0000,#0000)}.theme-vintage .vignette-overlay{background:radial-gradient(ellipse at center,#0000 40%,#1a151080 100%)}.story-text-container{animation:storyTextAppear .5s ease-out;background:var(--color-darker);padding:var(--space-md)}@keyframes storyTextAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.story-text-box{background:linear-gradient(135deg,var(--color-dark) 0,var(--color-darker) 100%);border-left:2px solid var(--color-primary);border:2px solid var(--color-primary);border-left-width:4px;padding:var(--space-lg);position:relative}.story-text-box:before{background:var(--color-darker);color:var(--color-primary);content:"\25C6";font-size:.8rem;font-size:calc(.8rem*var(--text-scale, 1));left:var(--space-md);padding:0 var(--space-sm);position:absolute;top:-12px}.story-text{color:var(--color-text);font-family:var(--font-typewriter);font-size:1rem;font-size:calc(1rem*var(--text-scale, 1));line-height:1.8}.story-text p{margin:0 0 var(--space-md) 0}.story-text p:last-child{margin-bottom:0}.story-text strong{color:var(--color-primary);font-family:var(--font-tech);font-size:.85rem;font-size:calc(.85rem*var(--text-scale, 1));letter-spacing:.1em;text-transform:uppercase}.story-text em{color:var(--color-text-bright);font-style:italic}.story-text ol,.story-text ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.story-text li{margin-bottom:var(--space-xs)}.player-action-container{padding:var(--space-sm) var(--space-md);padding-bottom:0}.player-action-box{background:var(--color-secondary);border-left:3px solid var(--color-accent-gold);border:3px solid var(--color-accent-gold);border-left-width:5px;padding:var(--space-sm) var(--space-md);position:relative}.player-action-box:before{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--color-accent-gold);bottom:-8px;content:"";height:0;left:20px;position:absolute;width:0}.action-label{color:var(--color-accent-gold);font-family:var(--font-tech);font-size:.65rem;font-size:calc(.65rem*var(--text-scale, 1));letter-spacing:.15em}.player-action-box .action-text{color:var(--color-text-bright);font-family:var(--font-marker);font-size:1rem;font-size:calc(1rem*var(--text-scale, 1));line-height:1.4;margin:0}.image-generating{align-items:center;background:var(--color-darker);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;min-height:30vh;position:absolute;right:0;top:0}.sketch-animation{height:120px;margin-bottom:var(--space-lg);position:relative;width:120px}.sketch-line{background:var(--color-primary);opacity:.6;position:absolute}.sketch-line-1{animation:sketchDraw 1.5s ease-in-out infinite;height:2px;left:10%;top:20%;width:80%}.sketch-line-2{animation:sketchDraw 1.5s ease-in-out .3s infinite;height:60%;left:25%;top:20%;width:2px}.sketch-line-3{animation:sketchDraw 1.5s ease-in-out .6s infinite;height:2px;left:20%;top:70%;width:60%}.sketch-line-4{animation:sketchDraw 1.5s ease-in-out .9s infinite;height:40%;right:25%;top:40%;width:2px}@keyframes sketchDraw{0%,to{opacity:0;transform:scaleX(0)}50%{opacity:.8;transform:scaleX(1)}}.generating-text{align-items:center;color:var(--color-primary);display:flex;font-family:var(--font-tech);font-size:.8rem;font-size:calc(.8rem*var(--text-scale, 1));gap:var(--space-sm);letter-spacing:.2em}.generating-dots span{animation:dotPulse 1.4s infinite}.generating-dots span:nth-child(2){animation-delay:.2s}.generating-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3}40%{opacity:1}}.image-error{align-items:center;background:repeating-linear-gradient(45deg,var(--color-darker),var(--color-darker) 10px,var(--color-dark) 10px,var(--color-dark) 20px);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;min-height:30vh;position:absolute;right:0;top:0}.error-pattern{border:3px solid var(--color-primary);height:80px;margin-bottom:var(--space-md);position:relative;width:80px}.error-pattern:after,.error-pattern:before{background:var(--color-primary);content:"";position:absolute}.error-pattern:before{height:3px;left:0;top:50%;transform:translateY(-50%) rotate(45deg);width:100%}.error-pattern:after{height:3px;left:0;top:50%;transform:translateY(-50%) rotate(-45deg);width:100%}.error-text{color:var(--color-primary);font-family:var(--font-tech);font-size:.75rem;font-size:calc(.75rem*var(--text-scale, 1));letter-spacing:.15em}.panel-number{background:var(--color-black);border:2px solid var(--color-mid);height:24px;opacity:.5;position:absolute;right:var(--space-sm);top:var(--space-sm);width:24px}.mood-glow{bottom:-2px;left:-2px;opacity:0;pointer-events:none;position:absolute;right:-2px;top:-2px;transition:opacity var(--transition-normal);z-index:-1}.comic-panel.latest .mood-glow{animation:glowPulse 2s ease-in-out infinite;opacity:1}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.6}}.mood-danger .mood-glow{box-shadow:0 0 30px var(--mood-danger)}.mood-mystery .mood-glow{box-shadow:0 0 30px var(--mood-mystery)}.mood-hope .mood-glow{box-shadow:0 0 30px var(--mood-hope)}.mood-tension .mood-glow{box-shadow:0 0 30px var(--mood-tension)}.mood-power .mood-glow{box-shadow:0 0 30px var(--mood-power)}@media (max-width:768px){.panel-splash .panel-image-container{min-height:50vh}.panel-large .panel-image-container{min-height:40vh}.panel-action .panel-image-container{min-height:30vh}.panel-medium .panel-image-container{min-height:25vh}.panel-standard .panel-image-container{min-height:22vh}.story-text-container{padding:var(--space-sm)}.story-text-box{padding:var(--space-md)}.story-text{font-size:.9rem;font-size:calc(.9rem*var(--text-scale, 1));line-height:1.7}.player-action-box{max-width:90%;padding:var(--space-sm) var(--space-md)}.player-action-box .action-text{font-size:1rem;font-size:calc(1rem*var(--text-scale, 1))}}@media (max-width:480px){.panel-border{border-width:3px}.story-text{font-size:.85rem;font-size:calc(.85rem*var(--text-scale, 1))}.player-action-box .action-text{font-size:.9rem;font-size:calc(.9rem*var(--text-scale, 1))}}.panel-strip{position:relative;width:100%}.strip-header{align-items:center;display:flex;gap:var(--space-md);justify-content:center;padding:var(--space-md) var(--space-lg)}.header-line{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);flex:1 1;height:2px;max-width:100px}.strip-title{color:var(--color-primary);font-family:var(--font-display);font-size:1rem;font-size:calc(1rem*var(--text-scale, 1));letter-spacing:.2em;text-align:center;white-space:nowrap}.panel-indicators{display:flex;gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-md)}.indicator{background:var(--color-mid);border:2px solid var(--color-mid);border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all var(--transition-fast);width:10px}.indicator:hover{background:var(--color-light);border-color:var(--color-light)}.indicator.active{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.2)}.panels-container{width:100%}.panel-wrapper{display:none;min-height:200px;width:100%}.panel-wrapper.current{display:block}.panel-content-scroll{min-height:200px;padding:0 var(--space-md);padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom))}.panel-counter{align-items:center;background:#1a1a2ee6;border:2px solid var(--color-mid);border-radius:var(--radius-md);display:flex;font-family:var(--font-tech);font-size:.85rem;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);position:fixed;right:var(--space-lg);top:var(--space-lg);z-index:var(--z-panels)}.counter-current{color:var(--color-primary);font-weight:700}.counter-separator{color:var(--color-mid)}.counter-total{color:var(--color-text-dim)}.strip-footer{padding:var(--space-md);text-align:center}.footer-text{animation:footerPulse 1.5s ease-in-out infinite;background:#0a0a0fe6;border:1px solid var(--color-primary);color:var(--color-primary);display:inline-block;font-family:var(--font-display);font-size:1rem;font-size:calc(1rem*var(--text-scale, 1));letter-spacing:.15em;padding:var(--space-xs) var(--space-md)}@keyframes footerPulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:768px){.strip-header{padding:var(--space-sm) var(--space-md)}.strip-title{font-size:.85rem;font-size:calc(.85rem*var(--text-scale, 1))}.panel-content-scroll{padding:0 var(--space-sm)}.panel-counter{font-size:.75rem;padding:var(--space-xs) var(--space-sm);right:var(--space-md);top:var(--space-md)}}@media (max-width:480px){.strip-header{padding:var(--space-xs) var(--space-sm)}.strip-title{font-size:.75rem;font-size:calc(.75rem*var(--text-scale, 1))}.panel-indicators{padding:var(--space-xs)}.indicator{height:8px;width:8px}.panel-content-scroll{padding:0 var(--space-xs)}.panel-counter{font-size:.7rem;right:var(--space-sm);top:var(--space-sm)}.footer-text{font-size:.85rem;font-size:calc(.85rem*var(--text-scale, 1))}}@media (max-height:500px) and (orientation:landscape){.panel-indicators,.strip-header{padding:var(--space-xs)}}.action-input-container{background:var(--color-darker);border:3px solid var(--color-primary);padding:var(--space-lg);position:relative;transition:all var(--transition-normal)}.action-input-container.disabled{border-color:var(--color-mid);opacity:.6}.action-input-container.loading{border-color:var(--color-accent-blue)}.input-decoration{border:2px solid var(--color-primary);height:12px;position:absolute;width:12px}.input-decoration.top-left{border-bottom:none;border-right:none;left:-3px;top:-3px}.input-decoration.top-right{border-bottom:none;border-left:none;right:-3px;top:-3px}.input-decoration.bottom-left{border-right:none;border-top:none;bottom:-3px;left:-3px}.input-decoration.bottom-right{border-left:none;border-top:none;bottom:-3px;right:-3px}.action-form{flex-direction:column}.action-form,.action-label{display:flex;gap:var(--space-sm)}.action-label{align-items:center;margin-bottom:var(--space-xs)}.label-text{font-family:var(--font-tech);font-size:.7rem;font-size:calc(.7rem*var(--text-scale, 1));letter-spacing:.15em}.label-arrow,.label-text{color:var(--color-primary)}.label-arrow{animation:arrowBounce 1s ease-in-out infinite;font-size:.6rem}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.input-wrapper{display:flex;gap:var(--space-sm)}.action-input{background:var(--color-dark);border:2px solid var(--color-mid);color:var(--color-text-bright);flex:1 1;font-family:var(--font-marker);font-size:1rem;font-size:calc(1rem*var(--text-scale, 1));padding:var(--space-md);transition:all var(--transition-fast)}.action-input:focus{border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.action-input::placeholder{color:var(--color-light);font-family:var(--font-comic)}.action-input:disabled{background:var(--color-darker);cursor:not-allowed}.action-button{align-items:center;background:var(--color-primary);color:#000;display:flex;font-family:var(--font-display);font-size:1.2rem;font-size:calc(1.2rem*var(--text-scale, 1));font-weight:700;gap:var(--space-sm);justify-content:center;letter-spacing:.05em;min-width:80px;padding:var(--space-md) var(--space-lg);text-shadow:0 1px 0 #ffffff4d;transition:all var(--transition-fast)}.action-button:hover:not(:disabled){background:var(--color-primary-dark);transform:scale(1.05)}.action-button:active:not(:disabled){transform:scale(.98)}.action-button:disabled{background:var(--color-mid);color:var(--color-text-dim);cursor:not-allowed;text-shadow:none}.button-text{color:inherit;font-weight:700}.button-icon{color:inherit;font-size:1rem}.action-button:not(:disabled) .button-icon,.action-button:not(:disabled) .button-text{color:#000}.button-loading{display:flex;gap:4px}.loading-dot{animation:loadingDot 1.2s ease-in-out infinite;background:#000;border-radius:50%;height:6px;width:6px}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.input-help{margin-top:var(--space-xs)}.help-text{color:var(--color-text-dim);font-family:var(--font-body);font-size:.75rem;font-size:calc(.75rem*var(--text-scale, 1));font-style:italic}.loading-bar{background:var(--color-dark);bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.loading-progress{animation:loadingSlide 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-accent-blue),var(--color-primary));height:100%;width:30%}@keyframes loadingSlide{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@media (max-width:768px){.action-input-container{padding:var(--space-md)}.action-input{font-size:max(16px,1rem);font-size:max(16px,calc(1rem*var(--text-scale, 1)))}.action-button,.action-input{padding:var(--space-sm) var(--space-md)}.action-button{font-size:1rem;font-size:calc(1rem*var(--text-scale, 1));min-width:70px}.label-text{font-size:.65rem;font-size:calc(.65rem*var(--text-scale, 1))}}@media (max-width:480px){.action-input-container{padding:var(--space-sm)}.input-wrapper{flex-direction:column}.action-button{width:100%}.input-decoration{display:none}}.comic-loading{align-items:center;background:var(--color-black);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.loading-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.ink-splatter{background:var(--color-primary);border-radius:50%;filter:blur(40px);opacity:.1;position:absolute}.splatter-1{animation:splatterPulse 4s ease-in-out infinite;height:300px;left:-10%;top:10%;width:300px}.splatter-2{animation:splatterPulse 4s ease-in-out 1s infinite;bottom:20%;height:250px;right:-5%;width:250px}.splatter-3{animation:splatterPulse 4s ease-in-out 2s infinite;height:200px;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes splatterPulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.15;transform:scale(1.2)}}.speed-lines{bottom:0;left:0;position:absolute;right:0;top:0}.speed-line{animation:speedLineShoot 2s ease-out infinite;background:linear-gradient(90deg,#0000,var(--color-primary),#0000);height:1px;opacity:0;position:absolute}.line-0{animation-delay:0s;top:10%}.line-1{animation-delay:.2s;top:20%}.line-2{animation-delay:.4s;top:30%}.line-3{animation-delay:.1s;top:40%}.line-4{animation-delay:.3s;top:50%}.line-5{animation-delay:.5s;top:60%}.line-6{animation-delay:.15s;top:70%}.line-7{animation-delay:.35s;top:80%}.line-8{animation-delay:.25s;top:90%}.line-9{animation-delay:.45s;top:15%}.line-10{animation-delay:.55s;top:45%}.line-11{animation-delay:.05s;top:75%}@keyframes speedLineShoot{0%{left:-10%;opacity:0;width:0}20%{opacity:.5;width:30%}to{left:110%;opacity:0;width:0}}.loading-content{padding:var(--space-xl);position:relative;text-align:center;z-index:10}.book-animation{align-items:center;display:flex;justify-content:center;margin-bottom:var(--space-xl)}.book{height:160px;perspective:1000px;position:relative;transform:translateX(60px);width:120px}.book-cover{align-items:center;animation:bookOpen 3s ease-in-out infinite;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:3px solid var(--color-black);display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;transform-origin:left center;width:100%;z-index:3}.cover-title{color:var(--color-black);font-family:var(--font-display);font-size:.9rem;font-size:calc(.9rem*var(--text-scale, 1));letter-spacing:.05em}.cover-subtitle{color:var(--color-black);font-family:var(--font-tech);font-size:.6rem;font-size:calc(.6rem*var(--text-scale, 1));letter-spacing:.1em;opacity:.8}.book-pages,.page{height:100%;position:absolute;width:100%}.page{background:var(--color-text);border:2px solid var(--color-mid);transform-origin:left center}.page-1{animation:pageFlip 3s ease-in-out infinite;animation-delay:.5s;z-index:2}.page-2{animation:pageFlip 3s ease-in-out infinite;animation-delay:.8s;z-index:1}.page-3{z-index:0}@keyframes bookOpen{0%,to{transform:rotateY(0)}30%,70%{transform:rotateY(-160deg)}}@keyframes pageFlip{0%,to{transform:rotateY(0)}20%,80%{transform:rotateY(-150deg)}}.loading-text-container{margin-bottom:var(--space-xl)}.loading-title{font-family:var(--font-tech);font-size:1rem;font-size:calc(1rem*var(--text-scale, 1));letter-spacing:.15em;margin:0 0 var(--space-sm) 0}.loading-dots,.loading-title{color:var(--color-primary)}.loading-subtitle{color:var(--color-text-dim);font-family:var(--font-body);font-size:.85rem;font-size:calc(.85rem*var(--text-scale, 1));margin:0}.progress-container{margin:0 auto var(--space-xl);max-width:300px}.progress-track{background:var(--color-dark);border-radius:2px;height:4px;overflow:hidden;position:relative}.progress-fill{animation:progressSlide 2s ease-in-out infinite;background:var(--color-primary);border-radius:2px;width:30%}.progress-glow{animation:progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--color-primary-glow),#0000);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes progressSlide{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@keyframes progressGlow{0%,to{opacity:0}50%{opacity:1}}.corner-decoration{color:var(--color-mid);font-size:1.5rem;opacity:.5;position:absolute}.corner-decoration.top-left{left:var(--space-lg);top:var(--space-lg)}.corner-decoration.top-right{right:var(--space-lg);top:var(--space-lg)}.corner-decoration.bottom-left{bottom:var(--space-lg);left:var(--space-lg)}.corner-decoration.bottom-right{bottom:var(--space-lg);right:var(--space-lg)}@media (max-width:480px){.book{height:140px;transform:translateX(50px);width:100px}.cover-title{font-size:.75rem;font-size:calc(.75rem*var(--text-scale, 1))}.cover-subtitle{font-size:.5rem;font-size:calc(.5rem*var(--text-scale, 1))}.loading-title{font-size:.85rem;font-size:calc(.85rem*var(--text-scale, 1))}.corner-decoration{font-size:1rem}}.comic-export-overlay{align-items:center;background:#000000f2;display:flex;inset:0;justify-content:center;padding:8px;position:fixed;z-index:2000}.comic-export-modal{background:var(--color-darker);border:3px solid var(--color-primary);display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;overflow:hidden;width:100%}.modal-header{background:var(--color-primary);flex-shrink:0;justify-content:space-between;padding:12px 20px}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{color:#000;font-family:var(--font-display);font-size:1.4rem;font-size:calc(1.4rem*var(--text-scale, 1));gap:10px;margin:0}.loading-area{align-items:center;color:var(--color-text-dim);display:flex;flex-direction:column;padding:60px}.spinner{animation:spin 1s linear infinite;border:3px solid var(--color-mid);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.preview-area{flex:1 1;flex-direction:column;padding:12px}.preview-area,.preview-wrapper{display:flex;min-height:0;overflow:hidden}.preview-wrapper{align-items:center;background:var(--color-black);border:2px solid var(--color-mid);flex:1 1;justify-content:center;padding:10px}.preview-scaler{flex-shrink:0;position:relative}.nav-bar{align-items:center;display:flex;flex-shrink:0;gap:20px;justify-content:center;padding:12px}.nav-btn{background:var(--color-dark);border:2px solid var(--color-mid);color:var(--color-text);cursor:pointer;font-family:var(--font-tech);font-size:.75rem;font-size:calc(.75rem*var(--text-scale, 1));padding:8px 16px}.nav-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.nav-btn:disabled{cursor:not-allowed;opacity:.3}.nav-info{color:var(--color-primary);font-family:var(--font-tech);font-size:.9rem;font-size:calc(.9rem*var(--text-scale, 1))}.actions-bar{background:var(--color-dark);border-top:2px solid var(--color-mid);display:flex;flex-shrink:0;gap:12px;justify-content:center;padding:16px}.actions-bar .action-btn{align-items:center;border:none;cursor:pointer;display:flex;font-family:var(--font-tech);font-size:.8rem;font-size:calc(.8rem*var(--text-scale, 1));gap:8px;justify-content:center;padding:12px 24px}.actions-bar .action-btn svg{flex-shrink:0}.actions-bar .action-btn.primary{background:var(--color-primary);color:#000}.actions-bar .action-btn.primary:hover{background:var(--color-primary-dark)}.actions-bar .action-btn.secondary{background:#000;border:2px solid var(--color-primary);color:var(--color-primary)}.actions-bar .action-btn.secondary:hover{background:var(--color-primary);color:#000}.actions-bar .action-btn.tertiary{background:#0000;border:none;color:var(--color-text)}.actions-bar .action-btn.tertiary:hover{background:var(--color-mid);color:var(--color-text-bright)}.progress-area{max-width:300px;width:100%}.progress-bar{background:var(--color-mid);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-accent-gold));height:100%;transition:width .3s}.progress-text{color:var(--color-text-dim);display:block;font-family:var(--font-tech);font-size:.7rem;font-size:calc(.7rem*var(--text-scale, 1));text-align:center}.hidden-area{left:-9999px;position:fixed;top:0}.comic-page{background:var(--color-black);box-sizing:border-box;flex-shrink:0}.cover-page{background:linear-gradient(180deg,var(--color-darker) 0,var(--color-black) 100%);border:8px solid var(--color-primary);box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.cover-top-banner{background:var(--color-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:15px 30px}.banner-logo{color:#000;font-family:var(--font-display);font-size:36px}.banner-issue{color:#000;font-family:var(--font-tech);font-size:24px}.cover-title-area{flex-shrink:0;padding:40px 20px 30px;text-align:center}.cover-title{line-height:.85;margin:0}.title-line1{color:var(--color-primary);text-shadow:6px 6px 0 var(--color-black),-3px -3px 0 var(--color-primary-dark)}.title-line1,.title-line2{word-wrap:break-word;display:block;font-family:var(--font-display);font-size:90px;line-height:1;overflow-wrap:break-word}.title-line2{color:#fff;text-shadow:6px 6px 0 var(--color-black)}.title-sub{color:var(--color-accent-gold);font-family:var(--font-tech);font-size:28px;letter-spacing:.2em;margin-top:15px}.cover-image-container{border:8px solid var(--color-mid);flex:1 1;margin:30px 50px;min-height:0;overflow:hidden;position:relative}.cover-img{filter:contrast(1.1) saturate(.9);height:100%;object-fit:cover;width:100%}.cover-placeholder{align-items:center;background:var(--color-dark);color:var(--color-light);display:flex;font-family:var(--font-tech);font-size:48px;height:100%;justify-content:center;width:100%}.cover-overlay{background:radial-gradient(ellipse at center,#0000 50%,#0006 100%),radial-gradient(circle,#00000014 1px,#0000 0);background-size:100% 100%,4px 4px;inset:0;pointer-events:none;position:absolute}.cover-tagline{color:var(--color-text-dim);flex-shrink:0;font-family:var(--font-typewriter);font-size:32px;letter-spacing:.15em;padding:25px;text-align:center}.cover-bottom-banner{background:var(--color-dark);color:var(--color-light);flex-shrink:0;font-family:var(--font-tech);font-size:18px;letter-spacing:.2em;padding:18px;text-align:center}.story-page{background:var(--color-darker);border:6px solid var(--color-mid);box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.page-header{background:var(--color-dark);border-bottom:3px solid var(--color-mid);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 24px}.header-title{color:var(--color-primary);letter-spacing:.1em}.header-page,.header-title{font-family:var(--font-tech);font-size:18px}.header-page{color:var(--color-light)}.panels-area{flex:1 1;margin:12px;position:relative}.panel-container{box-sizing:border-box;padding:6px;position:absolute}.panel-frame{background:var(--color-dark);border:5px solid var(--color-black);box-shadow:0 4px 12px #0009;overflow:hidden}.panel-frame,.panel-image-area{height:100%;position:relative;width:100%}.panel-img{filter:contrast(1.05) saturate(.9);height:100%;object-fit:cover;width:100%}.panel-placeholder{align-items:center;color:var(--color-mid);display:flex;font-family:var(--font-tech);font-size:64px;height:100%;justify-content:center;width:100%}.panel-halftone{background-image:radial-gradient(circle,#00000014 1px,#0000 0);background-size:4px 4px;inset:0;pointer-events:none;position:absolute}.panel-num{background:#0a0a0fe6;border:2px solid var(--color-primary);color:var(--color-primary);font-family:var(--font-tech);font-size:14px;left:10px;padding:5px 12px}.action-box,.panel-num{position:absolute;top:10px;z-index:10}.action-box{align-items:flex-start;background:var(--color-accent-gold);box-shadow:3px 3px 0 #0006;color:#000;display:flex;gap:8px;max-height:30%;max-width:75%;overflow-y:auto;padding:8px 12px;right:10px}.action-arrow{flex-shrink:0;font-size:12px;margin-top:2px}.action-text{font-size:14px;line-height:1.25}.action-text,.narrative-box{font-family:var(--font-comic);font-weight:700}.narrative-box{background:#fffffff2;border-top:3px solid var(--color-black);bottom:0;color:#000;font-size:13px;left:0;line-height:1.35;max-height:45%;overflow-y:auto;padding:10px 14px;position:absolute;right:0;z-index:10}.page-footer{background:linear-gradient(90deg,#0000,var(--color-mid),#0000);flex-shrink:0;height:16px}.back-page{align-items:center;background:linear-gradient(180deg,var(--color-darker) 0,var(--color-black) 100%);border:8px solid var(--color-primary);box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:80px 50px;position:relative;text-align:center;width:100%}.corner{border:5px solid var(--color-mid);height:50px;position:absolute;width:50px}.corner.tl{border-right:none;left:30px}.corner.tl,.corner.tr{border-bottom:none;top:30px}.corner.tr{border-left:none;right:30px}.corner.bl{border-right:none;left:30px}.corner.bl,.corner.br{border-top:none;bottom:30px}.corner.br{border-left:none;right:30px}.result-icon{font-size:120px;margin-bottom:25px}.result-title{font-size:72px;margin:0 0 35px}.result-line{height:5px;margin-bottom:50px;width:200px}.stats{display:flex;gap:80px;justify-content:center;margin-bottom:50px}.stat-val{display:block;font-family:var(--font-display);font-size:80px}.stat-label{font-size:16px;letter-spacing:.15em}.result-message{color:var(--color-text);font-family:var(--font-typewriter);font-size:26px;line-height:1.6;margin:0 0 50px;max-width:600px}.the-end{font-family:var(--font-display);font-size:90px;letter-spacing:.12em;margin-bottom:60px}.back-footer{margin-top:auto}.back-brand{color:var(--color-primary);font-family:var(--font-display);font-size:40px;letter-spacing:.1em;margin-bottom:10px}.back-tagline{color:var(--color-light);font-family:var(--font-body);font-size:18px}@media (max-width:500px){.preview-area{padding:8px}.actions-bar{flex-direction:column}.action-btn{width:100%}}.mission-complete-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:var(--space-lg);position:fixed;right:0;top:0;transition:opacity var(--transition-slow);z-index:var(--z-modal)}.mission-complete-overlay.visible{opacity:1}.complete-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.burst-effect{animation:burstPulse 3s ease-in-out infinite;background:radial-gradient(circle,var(--color-primary-glow) 0,#0000 70%);height:600px;left:50%;margin:-300px 0 0 -300px;opacity:.3;position:absolute;top:50%;width:600px}@keyframes burstPulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.4;transform:scale(1.2)}}.speed-lines-radial{height:100%;transform:translate(-50%,-50%);width:100%}.radial-line,.speed-lines-radial{left:50%;position:absolute;top:50%}.radial-line{animation:radialSpin 20s linear infinite;background:linear-gradient(90deg,#0000 0,var(--color-primary) 50%,#0000 100%);height:1px;opacity:.2;transform-origin:left center;width:50%}@keyframes radialSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.complete-card{background:var(--color-darker);max-width:500px;opacity:0;padding:var(--space-2xl);position:relative;text-align:center;transform:scale(.9);transition:all var(--transition-slow);width:100%}.complete-card.show{opacity:1;transform:scale(1)}.card-border{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.border-corner{border:3px solid var(--color-primary);height:20px;position:absolute;width:20px}.border-corner.tl{border-bottom:none;border-right:none;left:-3px;top:-3px}.border-corner.tr{border-bottom:none;border-left:none;right:-3px;top:-3px}.border-corner.bl{border-right:none;border-top:none;bottom:-3px;left:-3px}.border-corner.br{border-left:none;border-top:none;bottom:-3px;right:-3px}.result-perfect .border-corner,.result-perfect .result-icon{border-color:#10b981;color:#10b981}.result-perfect .icon-glow{box-shadow:0 0 40px #10b98180}.result-altered .border-corner,.result-altered .result-icon{border-color:var(--color-accent-blue);color:var(--color-accent-blue)}.result-altered .icon-glow{box-shadow:0 0 40px #4cc9f080}.result-innovative .border-corner,.result-innovative .result-icon{border-color:var(--color-accent-gold);color:var(--color-accent-gold)}.result-innovative .icon-glow{box-shadow:0 0 40px #f4a26180}.result-rules .border-corner,.result-rules .result-icon{border-color:#f59e0b;color:#f59e0b}.result-rules .icon-glow{box-shadow:0 0 40px #f59e0b80}.result-failed .border-corner,.result-failed .result-icon{border-color:var(--color-primary);color:var(--color-primary)}.result-failed .icon-glow{box-shadow:0 0 40px var(--color-primary-glow)}.result-corrupted .border-corner,.result-corrupted .result-icon{border-color:#dc2626;color:#dc2626}.result-corrupted .icon-glow{box-shadow:0 0 40px #dc262680}.result-abandoned .border-corner,.result-abandoned .result-icon{border-color:#6b7280;color:#6b7280}.result-abandoned .icon-glow{box-shadow:0 0 40px #6b728080}.result-icon-container{margin-bottom:var(--space-lg);position:relative}.result-icon{display:block;font-size:4rem;font-size:calc(4rem*var(--text-scale, 1));position:relative;z-index:1}.icon-glow{animation:iconPulse 2s ease-in-out infinite;border-radius:50%;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}@keyframes iconPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.result-header{margin-bottom:var(--space-lg)}.result-title{color:var(--color-text-bright);font-family:var(--font-display);font-size:2rem;font-size:calc(2rem*var(--text-scale, 1));letter-spacing:.1em;margin:0 0 var(--space-xs) 0}.result-subtitle{color:var(--color-text-dim);font-family:var(--font-tech);font-size:.8rem;font-size:calc(.8rem*var(--text-scale, 1));letter-spacing:.15em}.result-divider{align-items:center;display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg)}.divider-line{background:linear-gradient(90deg,#0000,var(--color-mid),#0000);flex:1 1;height:1px;max-width:100px}.divider-icon{color:var(--color-primary);font-size:.8rem;font-size:calc(.8rem*var(--text-scale, 1))}.result-description{margin-bottom:var(--space-xl)}.result-description p{color:var(--color-text);font-family:var(--font-body);line-height:1.6;margin:0}.mission-stats{display:flex;gap:var(--space-xl);justify-content:center;margin-bottom:var(--space-xl)}.stat{text-align:center}.stat-value{color:var(--color-primary);display:block;font-family:var(--font-display);font-size:2rem;font-size:calc(2rem*var(--text-scale, 1))}.stat-label{color:var(--color-text-dim);font-family:var(--font-tech);font-size:.65rem;font-size:calc(.65rem*var(--text-scale, 1));letter-spacing:.1em}.complete-actions{flex-direction:column;gap:var(--space-md)}.action-btn,.complete-actions{align-items:center;display:flex}.action-btn{border:none;cursor:pointer;font-family:var(--font-tech);gap:var(--space-sm);justify-content:center;letter-spacing:.1em;min-width:200px;padding:var(--space-md) var(--space-xl);transition:all var(--transition-fast)}.action-btn,.action-btn.comic-export-btn{font-size:.85rem;font-size:calc(.85rem*var(--text-scale, 1))}.action-btn.comic-export-btn{background:linear-gradient(135deg,var(--color-accent-gold) 0,#e88a2a 100%);color:var(--color-black);overflow:hidden;padding:var(--space-md) var(--space-2xl);position:relative}.action-btn.comic-export-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-btn.comic-export-btn:hover:before{left:100%}.action-btn.comic-export-btn:hover{box-shadow:0 0 20px #f4a26180;transform:scale(1.05)}.action-btn.primary{background:var(--color-primary);color:var(--color-black)}.action-btn.primary:hover{background:var(--color-primary-dark);transform:scale(1.05)}.action-btn.secondary{background:#0000;border:2px solid var(--color-mid);color:var(--color-text-dim)}.action-btn.secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.action-btn svg{flex-shrink:0}.card-footer{border-top:1px solid var(--color-mid);margin-top:var(--space-xl);padding-top:var(--space-md)}.footer-brand{color:var(--color-mid);font-family:var(--font-display);font-size:.8rem;font-size:calc(.8rem*var(--text-scale, 1));letter-spacing:.15em}@media (max-width:480px){.mission-complete-overlay{padding:var(--space-md)}.complete-card{padding:var(--space-lg)}.result-icon{font-size:3rem;font-size:calc(3rem*var(--text-scale, 1))}.result-title{font-size:1.5rem;font-size:calc(1.5rem*var(--text-scale, 1))}.mission-stats{gap:var(--space-lg)}.stat-value{font-size:1.5rem;font-size:calc(1.5rem*var(--text-scale, 1))}.action-btn{min-width:180px;padding:var(--space-sm) var(--space-lg)}.action-btn,.action-btn.comic-export-btn{font-size:.8rem;font-size:calc(.8rem*var(--text-scale, 1))}.action-btn.comic-export-btn{padding:var(--space-sm) var(--space-xl)}}.comic-game{background:var(--color-black);min-height:100vh;min-height:100dvh;position:relative;width:100%}.comic-strip-area{width:100%}.action-area{animation:actionAreaAppear .5s ease-out;background:var(--color-black);padding:var(--space-lg);padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom));padding-top:var(--space-md)}@keyframes actionAreaAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.error-message{align-items:center;background:#e9456033;border:1px solid var(--color-primary);color:var(--color-primary);display:flex;font-family:var(--font-tech);font-size:.8rem;font-size:calc(.8rem*var(--text-scale, 1));gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.error-icon{font-size:1rem}.mission-buttons{gap:var(--space-sm);margin:var(--space-md) auto 0;max-width:320px}.mission-btn,.mission-buttons{display:flex;justify-content:center}.mission-btn{align-items:center;background:var(--color-darker);border:2px solid var(--color-mid);flex:1 1;flex-direction:column;font-family:var(--font-tech);gap:2px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.mission-btn svg{flex-shrink:0}.mission-btn .btn-text,.mission-btn svg{color:var(--color-text-dim);transition:color var(--transition-fast)}.mission-btn .btn-text{font-size:.6rem;font-size:calc(.6rem*var(--text-scale, 1));letter-spacing:.05em;text-transform:uppercase}.mission-btn:hover:not(:disabled){background:var(--color-dark);border-color:var(--color-primary)}.mission-btn:hover:not(:disabled) .btn-text,.mission-btn:hover:not(:disabled) svg{color:var(--color-primary)}.mission-btn:disabled{opacity:.5}.home-btn{border-color:var(--color-mid)}.home-btn .btn-text,.home-btn svg{color:var(--color-primary)}.home-btn:hover:not(:disabled){background:var(--color-dark);border-color:var(--color-primary)}.home-btn:hover:not(:disabled) .btn-text,.home-btn:hover:not(:disabled) svg{color:var(--color-primary)}.end-mission-btn{border-color:var(--color-mid)}.end-mission-btn .btn-text,.end-mission-btn svg{color:var(--color-primary)}.end-mission-btn:hover:not(:disabled){background:var(--color-dark);border-color:var(--color-primary)}.end-mission-btn:hover:not(:disabled) .btn-text,.end-mission-btn:hover:not(:disabled) svg{color:var(--color-primary)}.new-mission-btn{border-color:var(--color-mid)}.new-mission-btn .btn-text,.new-mission-btn svg{color:var(--color-primary)}.new-mission-btn:hover:not(:disabled){background:var(--color-dark);border-color:var(--color-primary)}.new-mission-btn:hover:not(:disabled) .btn-text,.new-mission-btn:hover:not(:disabled) svg{color:var(--color-primary)}.confirm-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:var(--z-modal)}.confirm-dialog{background:var(--color-darker);border:3px solid var(--color-accent-gold);max-width:400px;padding:var(--space-xl);text-align:center;width:100%}.confirm-title{color:var(--color-accent-gold);font-family:var(--font-display);font-size:1.5rem;font-size:calc(1.5rem*var(--text-scale, 1));letter-spacing:.05em;margin:0 0 var(--space-md) 0}.confirm-text{color:var(--color-text);font-family:var(--font-body);font-size:.9rem;font-size:calc(.9rem*var(--text-scale, 1));line-height:1.6;margin:0 0 var(--space-xl) 0}.confirm-buttons{display:flex;gap:var(--space-md)}.confirm-btn{cursor:pointer;flex:1 1;font-family:var(--font-tech);font-size:.8rem;font-size:calc(.8rem*var(--text-scale, 1));letter-spacing:.1em;padding:var(--space-md);transition:all var(--transition-fast)}.confirm-cancel{background:#0000;border:2px solid var(--color-mid);color:var(--color-text-dim)}.confirm-cancel:hover{border-color:var(--color-text);color:var(--color-text)}.confirm-end{background:var(--color-accent-gold);border:2px solid var(--color-accent-gold);color:var(--color-black)}.confirm-end:hover{background:#e88a2a;border-color:#e88a2a}.home-dialog{border-color:var(--color-accent-blue)}.home-dialog .confirm-title{color:var(--color-accent-blue)}.confirm-home{background:var(--color-accent-blue);border:2px solid var(--color-accent-blue);color:var(--color-black)}.confirm-home:hover{background:#3ab8e0;border-color:#3ab8e0}.new-mission-dialog{border-color:var(--color-accent-green)}.new-mission-dialog .confirm-title{color:var(--color-accent-green)}.confirm-new-mission{background:var(--color-accent-green);border:2px solid var(--color-accent-green);color:var(--color-black)}.confirm-new-mission:hover{background:#26a69a;border-color:#26a69a}.back-dialog{border-color:var(--color-primary)}.back-dialog .confirm-title{color:var(--color-primary)}.confirm-back{background:var(--color-primary);border:2px solid var(--color-primary);color:var(--color-black)}.confirm-back:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.swipe-hint{align-items:center;animation:hintFade 3s ease-in-out infinite;background:#1a1a2ee6;border-radius:var(--radius-md);color:var(--color-text-dim);display:flex;font-family:var(--font-tech);font-size:.75rem;font-size:calc(.75rem*var(--text-scale, 1));gap:var(--space-sm);justify-content:center;margin:var(--space-sm) auto var(--space-lg);padding:var(--space-sm) var(--space-md);width:-webkit-fit-content;width:fit-content}.hint-icon{animation:hintArrow 1s ease-in-out infinite;color:var(--color-primary)}.swipe-hint .hint-icon:first-child{animation-direction:normal}.swipe-hint .hint-icon:last-child{animation-direction:reverse}@keyframes hintFade{0%,to{opacity:.5}50%{opacity:1}}@keyframes hintArrow{0%,to{transform:translateX(0)}50%{transform:translateX(-5px)}}.page-edge{background:linear-gradient(to right,var(--color-dark),var(--color-black));bottom:0;pointer-events:none;position:fixed;top:0;width:10px;z-index:var(--z-base)}.page-edge.left{background:linear-gradient(to right,var(--color-dark),#0000);left:0}.page-edge.right{background:linear-gradient(to left,var(--color-dark),#0000);right:0}@media (max-width:768px){.action-area{padding:var(--space-md);padding-bottom:max(var(--space-md),env(safe-area-inset-bottom))}.page-edge{width:5px}.new-mission-btn{font-size:.7rem;max-width:180px}}@media (max-width:480px){.action-area{padding:var(--space-sm);padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom))}.page-edge{display:none}.error-message{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}}@media (max-height:500px) and (orientation:landscape){.action-area{padding:var(--space-sm)}.new-mission-btn{margin-top:var(--space-sm)}}.zoom-indicator{align-items:center;animation:zoomIndicatorAppear .2s ease-out;background:#0a0a0fe6;border:2px solid var(--color-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-xs);left:50%;padding:var(--space-md) var(--space-xl);pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes zoomIndicatorAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.zoom-icon{align-items:baseline;color:var(--color-primary);display:flex;font-family:var(--font-display)}.zoom-icon-small{font-size:1rem}.zoom-icon-large{font-size:1.6rem}.zoom-value{color:var(--color-text-bright);font-family:var(--font-tech);font-size:1.2rem;letter-spacing:.05em}.app{background-color:var(--color-black);min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}
/*# sourceMappingURL=main.766822a3.css.map*/