.tutorial-tip{background:var(--script-bg);color:var(--script-text-primary);padding:.75rem 1rem;border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:.85rem;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:.5rem;animation:tipSlideIn .25s ease-out;width:100%;max-width:600px;margin:.75rem auto;box-sizing:border-box;text-align:center;position:relative}.tutorial-tip:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--script-bg)}.tutorial-tip-caret-none:after{display:none}@keyframes tipSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tutorial-tip-content{flex:1;text-align:center}.tutorial-tip-close{background:none!important;background-color:transparent!important;border:none!important;box-shadow:none!important;color:var(--script-text-primary)!important;font-size:1.25rem;cursor:pointer;padding:0!important;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutorial-tip-close:hover{opacity:.7;background:none!important;transform:none!important}:root{--font-size-xs: .7rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: .05em;--letter-spacing-normal: .1em;--letter-spacing-wide: .15em;--line-height-tight: 1;--line-height-snug: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--spacing-xs: .25rem;--spacing-sm: .375rem;--spacing-md: .625rem;--spacing-lg: .875rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--close-btn-size: 32px;--close-btn-padding: 0;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 20px rgba(0, 0, 0, .3);--shadow-inset: inset 0 0 5px rgba(0, 0, 0, .1);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--font-mono: "Courier New", Courier, monospace;--main-bg: #0d1b2a;--main-surface: #1b263b;--main-surface-alt: #152031;--main-text: #e0e1dd;--main-text-secondary: #b0c4de;--main-text-muted: #778da9;--main-text-error: #f77f00;--main-nav-bg: #2d4059;--main-placeholder-bg: #324a63;--pack-primary: #333;--pack-bg: #f4f4f4;--pack-surface: #ffffff;--pack-accent: #555;--pack-btn-text: #ffffff;--pack-text: #333;--pack-text-secondary: #555;--pack-text-muted: #999;--pack-card-gradient-start: #333;--pack-card-gradient-end: #555;--pack-card-border: #333;--pack-card-text: #ffffff;--script-bg: #faebd7;--script-surface: #fdf7ef;--script-surface-alt: #faf0e0;--script-text-primary: #5c4033;--script-text-secondary: #8b6957;--script-text-muted: #c4aead;--script-placeholder-bg: #f0dec5}*{box-sizing:border-box}body{font-family:var(--font-mono);margin:0;padding:0;background:var(--bg-color);line-height:1.2;transition:background .3s;overflow-y:scroll}h1{text-align:center;font-family:var(--font-mono);color:var(--text-primary);margin-bottom:1.25rem}h2{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:.75rem}.container{min-height:100vh;display:flex;flex-direction:column}#content-area,#game-area{flex:1;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-bar{background:var(--bg-color);padding:.625rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.nav-bar-centered,.nav-bar-link{justify-content:center}.nav-bar-link{text-decoration:none;cursor:pointer}.nav-bar-link:hover{opacity:.8}.nav-logo{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em}.nav-back{color:var(--text-primary);text-decoration:none;font-size:1rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.nav-back:hover{opacity:.7}.nav-spacer{width:4.5rem}.nav-help-btn{background:transparent;color:var(--primary-color);border:none;padding:.5rem 1rem .5rem 0;margin-left:-.5rem;font-size:.9rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:opacity var(--transition-base);display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono)}.nav-help-btn:hover{opacity:.7;transform:none;filter:none}.nav-help-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1}.nav-menu-btn{background:transparent;color:var(--primary-color);border:none;padding:.5rem 0 .5rem 1rem;font-size:.9rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:opacity var(--transition-base);display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono)}.nav-menu-btn:hover{opacity:.7;transform:none;filter:none}.nav-menu-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1}.nav-left,.nav-right,.nav-center{display:flex;align-items:center}.nav-left{justify-content:flex-start;flex:0 0 auto}.nav-center{justify-content:center;flex:1 1 auto}.nav-right{justify-content:flex-end;flex:0 0 auto}.nav-results-link{background:transparent;color:var(--primary-color);border:none;padding:.5rem 1rem;font-size:.9rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:opacity var(--transition-base)}.nav-results-link:hover{opacity:.7;transform:none;filter:none}.nav-results-link,.nav-help-btn,.nav-back-button{width:auto!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0003!important;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}.modal-container{background:var(--main-surface);border-radius:var(--radius-xl);max-width:600px;max-height:80vh;width:90%;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:1rem 1.25rem;border-bottom:2px solid var(--main-text-secondary);display:flex;justify-content:space-between;align-items:center;background:var(--main-bg)}.modal-title{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--main-text);margin:0}.modal-close-btn{background:transparent!important;border:none!important;font-size:2rem;line-height:1;cursor:pointer;color:var(--main-text)!important;padding:var(--close-btn-padding)!important;width:var(--close-btn-size);height:var(--close-btn-size);display:flex;align-items:center;justify-content:center;box-shadow:none!important}.modal-close-btn:hover{opacity:.7!important;transform:none!important;filter:none!important;background:transparent!important}.modal-content{padding:1.25rem;overflow-y:auto;flex:1;background:var(--main-surface)}.countdown-container{display:flex;flex-direction:column;align-items:center;gap:.125rem;margin-bottom:.75rem}.countdown-label{font-size:.7rem;letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;font-family:var(--font-mono)}.timer-display{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;color:var(--primary-color)}@media (max-width: 600px){body{margin:0;padding:0}.nav-bar{padding:.5rem 1rem;gap:.5rem}.nav-logo{font-size:1.25rem}.modal-container{max-height:90vh;width:95%}.modal-header{padding:.75rem 1rem}.modal-content{padding:1rem}}[data-theme=main]{background:var(--main-bg);color:var(--main-text);--primary-color: var(--main-text);--bg-color: var(--main-bg);--game-content-bg: var(--main-bg);--container-bg: var(--main-surface);--accent-color: var(--main-text-secondary);--btn-text: var(--main-surface);--highlight: #e2e2e2;--placeholder-bg: var(--main-placeholder-bg);--text-primary: var(--main-text);--text-secondary: var(--main-text-secondary);--text-muted: var(--main-text-muted);--text-error: var(--main-text-error)}[data-theme=main] .nav-bar,[data-theme=main] .game-footer{background:var(--main-nav-bg)}[data-theme=main] .nav-logo,[data-theme=main] .nav-back,[data-theme=main] .script-title,[data-theme=main] .character-name{color:var(--main-text)}[data-theme=main] .script-subtitle,[data-theme=main] .dialogue-text{color:var(--main-text-secondary)}[data-theme=main] .nav-help-btn,[data-theme=main] .nav-results-link,[data-theme=main] .nav-menu-btn{color:var(--main-text)}[data-theme=pack]{background:var(--pack-bg);color:var(--pack-text);--primary-color: var(--pack-primary);--bg-color: var(--pack-bg);--game-content-bg: var(--pack-bg);--container-bg: var(--pack-surface);--accent-color: var(--pack-accent);--btn-text: var(--pack-btn-text);--highlight: #e2e2e2;--placeholder-bg: #e0e0e0;--text-primary: var(--pack-text);--text-secondary: var(--pack-text-secondary);--text-muted: var(--pack-text-muted);--text-error: #c00}[data-theme=pack] .nav-bar,[data-theme=pack] .game-footer{background:var(--pack-bg)}[data-theme=pack] .nav-logo,[data-theme=pack] .nav-back{color:var(--pack-text)}[data-theme=pack] .nav-help-btn,[data-theme=pack] .nav-results-link,[data-theme=pack] .nav-menu-btn{color:var(--pack-primary)}[data-theme=pack] button{background:var(--pack-primary);color:var(--pack-btn-text)}[data-theme=main] button{background:transparent;color:var(--main-text);border-color:var(--main-text)}[data-theme=pack] .nav-help-btn,[data-theme=pack] .nav-results-link,[data-theme=pack] .nav-menu-btn{background:transparent}.pack-row[data-theme=pack]{background:linear-gradient(135deg,var(--pack-card-gradient-start),var(--pack-card-gradient-end));border-color:var(--pack-card-border)}.pack-row[data-theme=pack] .pack-row-name,.pack-row[data-theme=pack] .pack-row-count{color:var(--pack-card-text)}[data-theme=script]{background:var(--script-bg);color:var(--script-text-primary);--placeholder-bg: var(--script-placeholder-bg)}[data-theme=script] .script-area{background:var(--script-bg)}[data-theme=script] .script-line:nth-child(2n):before{background:var(--script-surface-alt)}[data-theme=script] .character-name{color:#000;font-weight:600}[data-theme=script] .dialogue-text{color:#000;font-weight:500}[data-theme=script] .script-then{color:var(--script-text-muted)}.game-container{display:flex;flex-direction:column;height:100%;min-height:0;flex:1}.script-title-section{background:var(--game-content-bg);padding:.625rem 1.5rem;text-align:center;position:relative}.title-flower{position:absolute;top:4px;right:4px;width:36px;height:36px;background-size:contain;background-repeat:no-repeat}.script-title{font-family:var(--font-mono);color:var(--primary-color);font-size:.9rem;letter-spacing:.05em;margin-bottom:.125rem}.script-subtitle{font-family:var(--font-mono);font-size:.9rem;font-weight:700;font-style:normal;color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;margin-top:0}.script-subtitle-link{cursor:pointer;text-decoration:underline;transition:color .2s}.script-subtitle-link:hover{color:var(--primary-color)}.script-area{flex:0 0 auto;padding:0;overflow:hidden;position:relative;max-height:200px;transition:max-height .4s cubic-bezier(.165,.84,.44,1)}.script-area.no-transition{transition:none!important}.script-area.playing-0,.script-area.playing-1,.script-area.playing-2,.script-area.playing-3{max-height:1000px}.script-area.playing-4,.script-area.playing-5{max-height:2000px}.script-content{max-width:700px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:0}.script-then{font-family:var(--font-mono);font-size:.8rem;font-weight:600;font-style:italic;text-transform:uppercase;letter-spacing:.15em;text-align:center;margin:0 0 .5rem}.game-footer{background:var(--bg-color);padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.375rem;flex:1;position:relative;box-shadow:0 -8px 16px #0003;z-index:5}#game-controls{display:flex;flex-direction:column;align-items:center;width:100%}.pack-header-row{display:block;text-align:center;margin-bottom:1.25rem;width:100%;max-width:600px;margin-left:auto;margin-right:auto;font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--primary-color);letter-spacing:.05em;text-transform:uppercase}.pack-header-movies-link{color:inherit!important;text-decoration:underline;cursor:pointer;transition:opacity .2s;display:inline-block}.pack-header-movies-link:hover{opacity:.7}.footer-controls{display:flex;align-items:center;gap:1.5rem;width:100%;max-width:600px;margin-left:auto;margin-right:auto;justify-content:space-between}.footer-selectors{display:flex;gap:1.5rem;justify-content:center;align-items:flex-end;width:100%;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:1rem}.selector-with-tip{flex:1;display:flex;flex-direction:column}.selector-with-tip .tutorial-tip{max-width:none;margin:0 0 .5rem}.footer-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.button-row{display:inline-flex;gap:.5rem;align-items:center}.dice-button{width:48px;min-width:48px;padding:0;display:flex;align-items:center;justify-content:center;align-self:stretch;background:var(--primary-color);color:var(--btn-text);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .2s,transform .1s}.dice-button:hover:not(:disabled){opacity:.9}.dice-button:active:not(:disabled){transform:scale(.95)}.dice-button:disabled{opacity:.5;cursor:not-allowed}.dice-button svg{width:24px;height:24px;transition:transform .1s linear}.footer-meta{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-left:auto;margin-right:auto;gap:1.5rem}.footer-attempts{font-family:var(--font-mono);font-size:.9rem;font-weight:700;font-style:normal;color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em}.footer-more-movies{font-family:var(--font-mono);font-size:.9rem;font-weight:700;font-style:normal;color:var(--primary-color);text-decoration:underline;text-transform:uppercase;letter-spacing:.05em;transition:opacity var(--transition-base)}.footer-more-movies:hover{opacity:1}.footer-button-wrapper{flex-shrink:0}.script-line{padding:1rem 1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;position:relative}.script-line:nth-child(2n):before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);z-index:-1}.character-name{text-align:center;font-weight:600;margin-bottom:.375rem;text-transform:uppercase;width:50%;margin-left:auto;margin-right:auto;font-family:var(--font-mono)}.dialogue-text{width:70%;margin-left:auto;margin-right:auto;white-space:pre-wrap;font-family:var(--font-mono);font-size:.95rem;line-height:1.5;color:#000;font-weight:500}.context-line{color:inherit}.shimmer-text{color:transparent;background-color:var(--placeholder-bg);border-radius:3px;display:inline;font:inherit;text-transform:inherit;letter-spacing:inherit}.character-placeholder{display:inline-block;background-color:var(--placeholder-bg);border-radius:3px;padding:0 .5rem;font:inherit;text-transform:inherit;letter-spacing:inherit}.reveal-animate{animation:revealFadeIn .5s ease-out forwards}@keyframes revealFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.controls-top{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.25rem}.controls-bottom{text-align:center;margin-top:1.25rem}select{font-family:var(--font-mono);font-size:.9rem;background:transparent;border:none;border-bottom:2px solid var(--primary-color);border-radius:0;padding:.375rem 2rem .375rem .375rem;cursor:pointer;color:var(--primary-color);font-weight:700;text-transform:uppercase;letter-spacing:.05em;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.4;min-height:2.25rem;position:relative}.select-wrapper{position:relative;display:inline-block;flex:1}.select-wrapper select{width:100%;padding-right:2.5rem}.select-wrapper:after{content:"▼";position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.75rem;color:var(--primary-color);font-family:var(--font-mono)}.select-wrapper.correct:after{content:"✓";font-size:1.2rem;font-weight:700}select:focus{outline:none;border-bottom-color:var(--primary-color)}select:disabled{opacity:.5;cursor:not-allowed;border-bottom-color:var(--primary-color)}.movie-select-wrapper{text-align:center;margin-bottom:1rem;padding:.375rem 0 0}.form-error{font-family:var(--font-mono);font-size:.9rem;color:var(--text-error);margin-top:.5rem;display:none}button{background:var(--primary-color);color:var(--btn-text);border:none;cursor:pointer;padding:.625rem 1.5rem;font-size:.9rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-md);transition:all var(--transition-base)}button:hover{filter:brightness(1.2);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}button:disabled:hover{filter:none;transform:none}button:active{transform:translateY(0)}.char-select-inline{display:inline-block;min-width:280px;text-align:center;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;font-size:.9rem;background:transparent;border:none;border-bottom:2px solid #ccc;border-radius:0;padding:.375rem 1.75rem .375rem .375rem;cursor:pointer;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .375rem center;background-size:.9em;white-space:normal;line-height:1.4}.char-select-inline:disabled{opacity:.5;cursor:not-allowed;border-bottom-color:#000}.message-overlay{position:relative;margin-top:.75rem;width:auto;min-width:220px;max-width:90%;margin-left:auto;margin-right:auto;padding:.5rem 1.25rem;border-radius:var(--radius-md);text-align:center;font-weight:700;font-size:.85rem;box-shadow:0 4px 12px #0000004d;transition:opacity .5s ease,transform .3s ease;opacity:1;pointer-events:none}.message-overlay[style*="display: none"],.message-overlay.fading{opacity:0;transform:translateY(10px)}.success{background:#d4edda;color:#155724}.error{background:#f8d7da;color:#721c24}#share-container{text-align:center;margin-top:0;flex-direction:column;align-items:center;gap:.75rem}#share-btn{background:var(--primary-color);color:var(--btn-text);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}#share-btn:hover{filter:brightness(1.2)}#share-preview{font-family:var(--font-mono);background:#fff;padding:.75rem;border:1px solid #ccc;border-radius:var(--radius-md);white-space:pre-wrap;text-align:center;min-width:180px;box-shadow:inset 0 0 5px #0000001a}.back-link{display:inline-block;margin-bottom:.75rem;color:var(--primary-color);text-decoration:none}.back-link:hover{text-decoration:underline}#movies-loading{text-align:center;padding:1.5rem;color:var(--main-text-secondary);font-size:.9rem}#movies-list{display:flex;flex-direction:column;gap:.625rem}.movie-item{display:flex;gap:.75rem;padding:.625rem;background:var(--main-surface);border-radius:var(--radius-md)}.movie-poster-thumb{width:50px;height:75px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.movie-poster-placeholder{width:50px;height:75px;background:var(--main-surface-alt);border-radius:var(--radius-md);flex-shrink:0}.movie-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.375rem}.movie-title{font-weight:700;font-size:.9rem;color:var(--main-text)}.movie-links{display:flex;gap:.75rem;flex-wrap:wrap}.movie-imdb-link{display:inline-block;margin-top:.375rem;padding:0;background:transparent;color:var(--main-text-secondary);text-decoration:underline;border-radius:0;font-weight:700;font-size:.8rem;transition:opacity var(--transition-base);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.movie-imdb-link:hover{opacity:.7;text-decoration:underline}.movie-no-link{font-size:.8rem;color:var(--main-text-muted);font-style:italic}@media (max-width: 600px){.script-title-section{padding:.75rem 1rem .5rem}.script-title{font-size:1.5rem;letter-spacing:.05em}.script-area,.script-content{padding:0 .75rem}h1{font-size:1.25rem;margin-bottom:.75rem}.character-name{width:80%}.dialogue-text{width:90%}.controls-top{flex-direction:column;align-items:stretch;gap:.375rem}select{width:100%;font-size:16px}.script-line{padding:.75rem 1rem;margin-left:-.75rem;margin-right:-.75rem}button{width:100%;max-width:280px}.game-footer{padding:1rem .75rem}.footer-selectors{flex-direction:column;gap:.5rem;margin-bottom:.75rem}.selector-with-tip{width:100%}.select-wrapper{max-width:none;width:100%}.select-wrapper select,.footer-actions #guess-btn{width:100%}.button-row{width:100%;justify-content:space-between}.dice-button{width:44px;height:auto;flex-shrink:0;align-self:stretch}.movie-item{padding:.5rem}}#share-container{flex:1;display:flex!important;flex-direction:column;justify-content:flex-start;width:100%}.scene-toggle{font-family:var(--font-mono)!important;font-size:1rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--primary-color)!important;background:transparent!important;border:none!important;cursor:pointer;padding:0!important;margin-top:0!important;margin-bottom:.25rem!important;text-decoration:none!important;transition:opacity var(--transition-base)!important;border-radius:0!important;box-shadow:none!important;font-style:normal!important}.scene-toggle:hover{opacity:.7!important;filter:none!important;transform:none!important;background:transparent!important}.scene-toggle-text{text-decoration:underline}.scene-toggle .caret{font-size:.7rem;margin-left:.25rem;text-decoration:none}.completion-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding-bottom:.75rem}.completion-header{display:flex;flex-direction:column;align-items:center;gap:.375rem;width:100%;text-align:center}.completion-title{font-size:1.25rem;text-align:center;margin:0;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-color);line-height:1.2}.completion-answer{font-family:var(--font-mono);font-size:.9rem;color:var(--primary-color);margin-top:.375rem;line-height:1.4;font-weight:500}.completion-answer strong{color:var(--primary-color);text-transform:uppercase;font-weight:700}.completion-row{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;margin:.75rem 0}.completion-flower{width:64px;height:64px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:sway 4s ease-in-out infinite;transform-origin:center center}.completion-badge-wrapper{animation:popIn .6s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.completion-flower.emoji-badge{font-size:2.5rem!important;display:flex;align-items:center;justify-content:center;background:none}.stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;background:transparent;border:none;border-radius:var(--radius-2xl);padding:.375rem}.stat-value{font-size:1.25rem;font-weight:700;color:var(--primary-color);font-family:var(--font-mono);line-height:1;margin-bottom:3px}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);font-weight:700;text-align:center;line-height:1.2}.share-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem;justify-content:center}#share-btn{width:auto;min-width:180px}.completion-footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:auto;padding-top:1.25rem;border-top:none;padding-bottom:1.25rem}#countdown-wrapper .countdown-container{background:transparent!important;border:none!important;padding:0!important}#countdown-wrapper .countdown-label{color:var(--text-muted)!important;font-size:.75rem!important;margin-bottom:.25rem!important}#countdown-wrapper .timer-display{color:var(--text-primary)!important;font-size:1.5rem!important}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.confetti{pointer-events:none;position:fixed;z-index:9999}@media (max-width: 400px){.completion-row{gap:.625rem}.stat-box{width:60px;height:60px}.completion-flower{width:56px;height:56px}.stat-value{font-size:1.1rem}}@media (max-width: 350px){.completion-row{gap:.375rem}.stat-box{width:52px;height:52px}.completion-flower{width:48px;height:48px}.stat-value{font-size:1rem}.stat-label{font-size:.55rem}}.menu-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;pointer-events:none}.menu-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;cursor:pointer;pointer-events:auto}.menu-panel{position:absolute;top:0;left:0;bottom:0;width:260px;max-width:80vw;background:var(--main-bg);display:flex;flex-direction:column;animation:slideIn .3s ease-out;box-shadow:2px 0 8px #0003;pointer-events:auto;--primary-color: var(--main-text);--bg-color: var(--main-bg);--text-primary: var(--main-text);--text-secondary: var(--main-text-secondary)}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;border-bottom:1px solid rgba(255,255,255,.1);background:var(--main-bg)}.menu-title{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--main-text);margin:0;letter-spacing:.1em}.menu-close-btn{background:transparent;border:none;color:var(--main-text);cursor:pointer;padding:var(--close-btn-padding);width:var(--close-btn-size);height:var(--close-btn-size);display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.menu-close-btn:hover{opacity:.7}.menu-content{flex:1;overflow-y:auto;padding:.375rem 0;background:var(--main-bg)}.menu-packs-section{padding:.375rem 0}.menu-pack-item{width:100%;background:transparent;border:none;padding:.625rem 1.25rem;text-align:left;cursor:pointer;transition:background .2s ease;display:flex;flex-direction:column;gap:.125rem}.menu-pack-item:hover{background:#ffffff0d}.menu-pack-item:active{background:#ffffff1a}.menu-pack-name{font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.menu-pack-count{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);letter-spacing:.03em}.menu-divider{height:1px;background:#ffffff1a;margin:.375rem 1.25rem}.menu-links-section{padding:.375rem 0}.menu-link-item{width:100%;background:transparent;border:none;padding:.625rem 1.25rem;text-align:left;font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--main-text);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:background .2s ease;display:flex;align-items:center;gap:.625rem}.menu-link-item:hover{background:#ffffff0d}.menu-link-item:active{background:#ffffff1a}.menu-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;background:var(--main-bg)}.menu-countdown-label{font-family:var(--font-mono);font-size:.7rem;color:var(--main-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.375rem}.menu-countdown{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--main-primary);letter-spacing:.05em}@media (max-width: 768px){.menu-panel{width:240px}.menu-header{padding:.875rem 1rem .625rem}.menu-title{font-size:1rem}.menu-pack-item,.menu-link-item{padding:.5rem 1rem}.menu-pack-name{font-size:.85rem}.menu-pack-count{font-size:.65rem}.menu-link-item{font-size:.75rem}.menu-footer{padding:.875rem 1rem}.menu-countdown{font-size:1rem}}.category-section{margin-bottom:1rem;max-width:700px;margin-left:auto;margin-right:auto}.category-section:last-child{margin-bottom:0}.category-heading{font-family:var(--font-mono);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin:0 0 .5rem;padding:0 1.5rem}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;width:100%}.pack-card{aspect-ratio:3/4;background-color:var(--container-bg);border:1px solid #ccc;border-radius:var(--radius-xl);padding:.75rem;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;border-color:var(--text-primary);position:relative}.pack-card h3{margin:0 0 .25rem;color:var(--text-primary);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.pack-card .movie-count{color:var(--text-secondary);font-size:.9rem}.pack-list-container{display:flex;flex-direction:column;gap:.375rem;width:100%}.pack-row{display:flex;align-items:center;justify-content:space-between;background-color:var(--container-bg);border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:.5rem .875rem;text-decoration:none;color:inherit;transition:transform .1s,filter .1s;min-height:2.75rem}.pack-row:hover{filter:brightness(.95);transform:translate(4px)}.pack-row-content{display:flex;flex-direction:column;gap:.125rem;align-items:flex-start;text-align:left}.pack-row-name{font-family:var(--font-mono);font-weight:700;font-size:.9rem;text-transform:uppercase;color:var(--text-primary);line-height:1.2}.pack-row-count{font-size:.75rem;font-weight:600;color:#888;line-height:1.2;margin-left:0}.pack-row-badge{width:28px;height:28px;margin-left:.75rem;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;animation:sway 4s ease-in-out infinite;transform-origin:center center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.pack-row-badge.beetle-badge{width:40px;height:40px;margin-right:-6px}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.pack-row-badge .completion-badge{position:static;width:100%;height:100%;filter:none}.pack-row-badge .emoji-badge{font-size:20px}.completion-badge{position:absolute;top:4px;right:4px;z-index:10;width:36px;height:36px;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.completion-badge.emoji-badge{background-image:none;display:flex;align-items:center;justify-content:center;font-size:26px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.pack-card{overflow:hidden}@media (max-width: 600px){.pack-grid{grid-template-columns:1fr}}.stats-container{max-width:400px;margin:0 auto;padding:1.25rem}.section-heading{font-size:.9rem;color:var(--primary-color);margin-bottom:.75rem;text-transform:lowercase;letter-spacing:.05em}.streak-section{text-align:center;margin-bottom:1rem}.streak-text{font-size:.9rem;font-weight:700;color:var(--primary-color);text-transform:lowercase;letter-spacing:.05em}.calendar-section{margin-bottom:2rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem;max-width:315px;margin:0 auto}.calendar-day{width:40px;height:40px;border:none;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:#ffffff1a;position:relative;transition:all var(--transition-base)}.calendar-day.empty{background:transparent}.calendar-day:hover:not(.empty){transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.calendar-flower{width:100%;height:100%;background-size:70%;background-position:center;background-repeat:no-repeat}.results-section{margin-bottom:1.25rem}.empty-state{text-align:center;color:var(--accent-color);font-style:italic;padding:1.25rem}.results-list{list-style:none;padding:0;margin:0}.result-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;color:var(--primary-color)}.flower-bullet{width:18px;height:18px;background-size:contain;background-position:center;background-repeat:no-repeat;flex-shrink:0}.result-text{flex:1}@media (max-width: 600px){.stats-container{padding:.75rem}.calendar-grid{gap:.15rem;max-width:252px}.calendar-day{width:32px;height:32px}.streak-text,.result-item{font-size:.8rem}.flower-bullet{width:16px;height:16px}}.legal-container{max-width:800px;margin:0 auto;padding:1.25rem 1.5rem;font-family:var(--font-mono);line-height:1.5;color:var(--text-primary)}.legal-section{margin-bottom:2rem}.legal-footer{text-align:center;margin-top:2.5rem;color:var(--text-secondary);font-size:.85rem}