*{margin:0;padding:0;box-sizing:border-box}.hidden{display:none!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#2b292b;color:#e8e3d8;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.game-container{max-width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem}header h1{font-family:Glass Antiqua,cursive;font-size:1.75rem;font-weight:400;color:#c9a961;letter-spacing:.05em}.mode-selector{display:flex;gap:.5rem;background:#ffffff0d;padding:.25rem;border-radius:25px}.mode-btn{padding:.5rem 1.5rem;border:none;background:transparent;color:#fff9;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.mode-btn:hover{color:#ffffffe6}.mode-btn.active{background:#c9a961;color:#2b2b2b}.stats{display:flex;gap:2rem;font-size:1rem}.stats .score{font-size:.9rem;font-weight:500;color:#e8e3d8;background:#0000004d;padding:.4rem .75rem;border-radius:4px}#score{font-weight:700;color:#c9a961}main{flex:1;display:flex;flex-direction:column;padding:0;gap:0;overflow:hidden}.draw-pile-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;min-height:0}.draw-pile-area h2{font-size:1.2rem;font-weight:400;color:#e8e3d8;margin-bottom:1rem}.draw-pile{display:flex;justify-content:center;align-items:center;flex:1;width:100%;max-height:100%;padding:1rem}.draw-pile .movie-card{width:auto;height:auto;max-height:calc(100vh - 380px);max-height:calc(100dvh - 380px);max-width:calc(100vw - 2rem)}.draw-pile .movie-card .poster{width:auto;height:100%;max-height:calc(100vh - 380px);max-height:calc(100dvh - 380px);max-width:calc(100vw - 2rem);aspect-ratio:2/3;object-fit:contain}.hint{margin-top:1rem;color:#e8e3d899;font-size:.9rem;flex-shrink:0}.hint-plus{display:inline-block;background:#c9a96133;color:#c9a961;padding:0 .4rem;border-radius:4px;font-weight:700}.deselect-btn{margin-top:.75rem;padding:.5rem 1.5rem;font-size:.9rem;background:#e8e3d81a;border:1px solid rgba(232,227,216,.3);border-radius:20px;color:#e8e3d8;cursor:pointer;transition:all .2s;flex-shrink:0}.deselect-btn:hover{background:#c9a961;border-color:#c9a961;color:#1a1612}.deselect-btn.hidden{display:none}.timeline-container{flex:0 0 auto;background:#000;border-radius:0;padding:0;display:flex;flex-direction:column;position:relative}.timeline-scroll{flex:1;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;background:#000;position:relative;border-top:6px solid black;border-bottom:6px solid black;padding:2rem 0}.timeline{display:flex;align-items:center;gap:.75rem;padding:0 2rem;margin:0 auto;position:relative;z-index:5;height:fit-content;width:100%;min-width:fit-content;justify-content:center}@keyframes sprocket-scroll{0%{background-position:0 0}to{background-position:-30px 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.timeline:before{content:"";position:absolute;top:-2rem;left:0;right:0;width:100%;height:1.4rem;background:repeating-linear-gradient(to right,#e8e3d8 0px 20px,#000 20px 30px);z-index:0;pointer-events:none;will-change:background-position;animation:sprocket-scroll var(--sprocket-duration, 0s) linear infinite;animation-play-state:var(--sprocket-play-state, paused)}.timeline:after{content:"";position:absolute;bottom:-2rem;left:0;right:0;width:100%;height:1.4rem;background:repeating-linear-gradient(to right,#dcded9 0px 20px,#000 20px 30px);z-index:0;pointer-events:none;will-change:background-position;animation:sprocket-scroll var(--sprocket-duration, 0s) linear infinite;animation-play-state:var(--sprocket-play-state, paused)}.movie-card{width:130px;flex-shrink:0;cursor:default;transition:transform .2s,box-shadow .2s;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.movie-card.dragging{opacity:.5;transform:scale(1.05);z-index:1000}.movie-card.selected{transform:scale(1.05);box-shadow:0 0 25px #4ecca399}.movie-card.selected .poster{border-color:#4ecca3}.movie-card.in-pile{cursor:grab}.movie-card .poster{width:100%;aspect-ratio:2/3;border-radius:12px;object-fit:cover;background:#1a1a2e;position:relative}.movie-card:before{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 20px #0006,inset 0 0 10px #0003;pointer-events:none;z-index:2}.in-pile.movie-card:before{display:none}.movie-card .year{position:absolute;top:175px;left:50%;transform:translate(-50%);background:#c9aa61;color:#2b2b2b;padding:.25rem .5rem;border-radius:12px;font-weight:700;box-shadow:0 2px 8px #c9aa61b7;display:flex;flex-direction:row;align-items:center;text-align:center;line-height:1.2;white-space:nowrap;z-index:4;font-size:.8rem;letter-spacing:-.5px}.movie-card.in-pile .year{display:none}.movie-card .title{text-align:center;margin-top:.5rem;font-size:1.2rem;font-weight:500;color:#e8e3d8;line-height:1.3;overflow:hidden;flex-shrink:0}.movie-card .director{text-align:center;font-size:.85rem;color:#e8e3d899;margin-top:.2rem}.timeline-scroll .movie-card .title,.timeline-scroll .movie-card .director{display:none}.drop-zone{width:15px;height:180px;border-radius:0;display:flex;align-items:center;justify-content:center;transition:all .1s;flex-shrink:0;cursor:pointer}@media (hover: hover){.drop-zone:hover{border-color:#c9a961;background:#c9a96133;width:140px;box-shadow:0 0 15px #c9a96180}.drop-zone:hover:after{color:#c9a961;font-size:2.5rem;text-shadow:0 0 10px rgba(201,169,97,.8)}}.drop-zone.drag-over{border-color:#c9a961;background:#c9a96133;width:140px;box-shadow:0 0 15px #c9a96180}.drop-zone:after{content:"+";font-size:2rem;color:#ffffff40;font-weight:300;transition:all .2s}.drop-zone.drag-over:after{color:#c9a961;font-size:2.5rem;text-shadow:0 0 10px rgba(201,169,97,.8)}.drop-zone.awaiting-placement{border-color:#c9a96180;animation:pulse-zone 1.5s ease-in-out infinite}.drop-zone.awaiting-placement:after{color:#c9a961b3}@keyframes pulse-zone{0%,to{background:#c9a9610d;box-shadow:none}50%{background:#c9a96126;box-shadow:0 0 10px #c9a96133}}@keyframes entrance{0%{opacity:0;transform:scale(.8) translateY(20px)}60%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes entrance-draw-pile{0%{opacity:0;transform:scale(.7) rotateY(-15deg);filter:blur(4px)}60%{transform:scale(1.03) rotateY(3deg)}to{opacity:1;transform:scale(1) rotateY(0);filter:blur(0)}}.movie-card.entrance{animation:entrance .5s cubic-bezier(.34,1.56,.64,1)}.movie-card.in-pile.entrance{animation:entrance-draw-pile .6s cubic-bezier(.34,1.56,.64,1)}@keyframes correct{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 30px #c9a961cc}to{transform:scale(1)}}@keyframes wrong{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.movie-card.correct{animation:correct .5s ease}.movie-card.correct .poster{border-color:#c9a961}.movie-card.wrong{animation:wrong .5s ease}.movie-card.wrong .poster{border-color:#8b4545}.game-over{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.game-over.hidden{display:none}.game-over-content{position:relative;background:#2b2b2b;padding:2rem 2.5rem;border-radius:8px;text-align:center;width:95vw;height:calc(100vh - 2rem);height:calc(100dvh - 2rem);max-width:1200px;max-height:900px;display:flex;flex-direction:column;overflow:hidden}.game-over-content h2{font-size:2.2rem;margin-bottom:.5rem;color:#c9a961}.final-score{font-family:Glass Antiqua,cursive;font-size:1.4rem;color:#d4c8a8;margin-bottom:.75rem}.final-score .score-value{color:#c9a961}.game-over-content.perfect-score h2{font-size:2.5rem;background:linear-gradient(135deg,gold,#ffb347,gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:perfect-glow 2s ease-in-out infinite;text-shadow:none}.game-over-content.perfect-score{border-color:gold;box-shadow:inset 0 0 0 4px #2b2b2b,inset 0 0 0 6px gold,0 0 40px #ffd7004d,0 20px 60px #00000080}.game-over-content.perfect-score .vintage-corner svg{stroke:gold}@keyframes perfect-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.game-over-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem;flex-shrink:0}#play-again,.share-btn{padding:.75rem 2rem;font-size:1rem;border:none;border-radius:25px;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s}#play-again{background:#c9a961;color:#2b2b2b}#play-again:hover{transform:translateY(-2px);box-shadow:0 5px 20px #c9a96166}.share-btn{background:#8b7355;display:none}.share-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8b735566}@media (max-width: 768px),(hover: none){.share-btn{display:block}}.poster-grid-container{border-radius:8px;background:#0003;padding:.75rem;flex:1;display:flex;flex-direction:column;min-height:0}.poster-grid{display:grid;grid-template-columns:repeat(auto-fit,60px);gap:8px;padding:8px;flex:1;align-content:center;justify-content:center;overflow:hidden}.poster-grid-item{position:relative;aspect-ratio:2/3;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.poster-grid-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #c9a96180;z-index:1}.poster-grid-item img{width:100%;height:100%;object-fit:cover}.poster-grid-item .year-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;font-size:.65rem;padding:4px 2px;text-align:center;font-weight:700}.poster-grid-item.failed{border:2px solid #8b4545;box-shadow:0 0 15px #8b454599}.poster-grid-item .failed-overlay{position:absolute;inset:0;background:#8b454580;display:flex;align-items:center;justify-content:center;z-index:1}.poster-grid-item .x-mark{font-size:clamp(2rem,5vw,3.5rem);color:#fff;font-weight:700;text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px rgba(139,69,69,1);animation:pulse-x 1s ease-in-out infinite}@keyframes pulse-x{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timeline-scroll::-webkit-scrollbar{height:10px}.timeline-scroll::-webkit-scrollbar-track{background:#000}.timeline-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:0}.timeline-scroll::-webkit-scrollbar-thumb:hover{background:#555}.game-over-content::-webkit-scrollbar,.poster-grid::-webkit-scrollbar{width:8px}.game-over-content::-webkit-scrollbar-track,.poster-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.game-over-content::-webkit-scrollbar-thumb,.poster-grid::-webkit-scrollbar-thumb{background:#c9a9614d;border-radius:4px}.game-over-content::-webkit-scrollbar-thumb:hover,.poster-grid::-webkit-scrollbar-thumb:hover{background:#c9a96180}@media (max-width: 768px){header{flex-direction:column;gap:.5rem;padding:.25rem 1rem}.mode-selector{gap:.25rem;padding:.2rem}.mode-btn{padding:.4rem 1rem;font-size:.8rem}header>:first-child,header>:nth-child(2){display:inline-flex}header>:first-child{flex:0 0 auto}header>:nth-child(2){flex:1;justify-content:flex-end}header{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;gap:.5rem;align-items:center}header .logo-dropdown{grid-column:1;grid-row:1}header .mode-selector{grid-column:2;grid-row:1;justify-self:center}header .stats{grid-column:3;grid-row:1;justify-content:flex-end}.stats{gap:1rem}.stats .score{font-size:.8rem;padding:.3rem .5rem}main{padding:0}.draw-pile .movie-card,.draw-pile .movie-card .poster{max-height:calc(100vh - 420px);max-height:calc(100dvh - 420px)}.timeline-container{padding:0;border-radius:0}.timeline-scroll{padding:1.5rem 0}.timeline:before,.timeline:after{height:1.4rem}.timeline{padding:0 1rem;gap:.5rem}.movie-card{width:100px}.movie-card .year{top:135px}.drop-zone{width:15px;height:150px}.drop-zone.drag-over{width:110px}.deselect-btn{padding:.4rem 1rem;font-size:.85rem}.game-over{padding:.5rem}.game-over-content{padding:1rem;width:100%;height:100%;max-width:100%;max-height:100%}.game-over-content h2{font-size:1.5rem;margin-bottom:.5rem}.game-over-content.perfect-score h2{font-size:2rem}.poster-grid-container{padding:.5rem}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px}.poster-grid-item .x-mark{font-size:2rem}.game-over-actions{flex-direction:row;gap:.75rem}#play-again,.share-btn{padding:.6rem 1.5rem;font-size:.9rem;width:100%}}@media (hover: none){.movie-card:hover{transform:none}.hint{font-size:.85rem}@keyframes entrance-draw-pile{0%{opacity:0;transform:scale(.85) translateY(15px);filter:blur(2px)}60%{transform:scale(1.02) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}}.challenge-indicator{background:linear-gradient(135deg,#c9a961,#8b7355);color:#1a1a1a;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:700;text-align:center;animation:pulse-challenge 2s infinite}.challenge-indicator.hidden{display:none}.challenge-indicator.beaten{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;animation:none}@keyframes pulse-challenge{0%,to{box-shadow:0 0 5px #c9a96180}50%{box-shadow:0 0 15px #c9a961cc}}.challenge-btn{padding:.75rem 2rem;font-size:1rem;border:none;border-radius:25px;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;background:linear-gradient(135deg,#5c6bc0,#3949ab)}.challenge-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #5c6bc066}.challenge-btn.hidden{display:none}.challenge-result{margin-bottom:.75rem;padding:.75rem 1rem;border-radius:8px;font-weight:700;text-align:center}.challenge-result.hidden{display:none}.challenge-won{color:#4caf50}.challenge-lost{color:#f44336}@media (max-width: 768px){.challenge-indicator{font-size:.75rem;padding:.3rem .6rem}.challenge-btn{padding:.6rem 1.5rem;font-size:.9rem;width:100%}}.challenge-victory-notification{position:fixed;top:0;left:0;right:0;z-index:3000;display:flex;justify-content:center;padding:1rem;transform:translateY(-100%);transition:transform .3s ease-out}.challenge-victory-notification.show{transform:translateY(0)}.victory-content{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;padding:1rem 2rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #4caf5080;display:flex;flex-direction:column;gap:.25rem}.victory-text{font-size:1.2rem;font-weight:700}.victory-subtext{font-size:.9rem;opacity:.9}.notification-sparkle{position:fixed;width:8px;height:8px;border-radius:50%;background:var(--color, #fff);pointer-events:none;z-index:2999;animation:sparkle-burst .6s cubic-bezier(.25,.46,.45,.94) forwards;box-shadow:0 0 6px var(--color, #fff)}@keyframes sparkle-burst{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(var(--end-x, 50px)) translateY(var(--end-y, 0px)) scale(0);opacity:0}}.wow-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0) rotate(-10deg);z-index:3000;pointer-events:none;opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.wow-notification.show{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}.wow-notification.hide{transform:translate(-50%,-50%) scale(.5) rotate(10deg);opacity:0;transition:transform .25s ease-in,opacity .25s ease-in}.wow-content{background:linear-gradient(135deg,#c9a961,#673d0d);color:#fff;padding:.8rem 1.5rem;border-radius:16px;text-align:center;box-shadow:0 4px 30px #ff6b3599;animation:wow-bounce .5s cubic-bezier(.34,1.56,.64,1)}.wow-text{font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:wow-wiggle .5s ease-in-out}.wow-subtext{font-size:.8rem;opacity:.95;margin-top:.15rem}@keyframes wow-bounce{0%{transform:scale(.3)}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes wow-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.same-date-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0) rotate(10deg);z-index:3000;pointer-events:none;opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.same-date-notification.show{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}.same-date-notification.hide{transform:translate(-50%,-50%) scale(.5) rotate(-10deg);opacity:0;transition:transform .25s ease-in,opacity .25s ease-in}.same-date-content{background:linear-gradient(135deg,#9b59b6,#e74c3c);color:#fff;padding:.8rem 1.5rem;border-radius:16px;text-align:center;box-shadow:0 4px 30px #9b59b699;animation:same-date-bounce .5s cubic-bezier(.34,1.56,.64,1)}.same-date-text{font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:same-date-pop .6s ease-out}.same-date-subtext{font-size:.8rem;opacity:.95;margin-top:.15rem}@keyframes same-date-bounce{0%{transform:scale(.3) rotate(-10deg)}40%{transform:scale(1.2) rotate(3deg)}60%{transform:scale(.9) rotate(-2deg)}80%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1) rotate(0)}}@keyframes same-date-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.barbenheimer-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0) rotate(0);z-index:3000;pointer-events:none;opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.barbenheimer-notification.show{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}.barbenheimer-notification.hide{transform:translate(-50%,-50%) scale(.5) rotate(-5deg);opacity:0;transition:transform .25s ease-in,opacity .25s ease-in}.barbenheimer-content{background:linear-gradient(135deg,#ff69b4,#ff1493 50%,#1a1a1a 50%,#ff4500);color:#fff;padding:.8rem 1.5rem;border-radius:16px;text-align:center;box-shadow:0 4px 30px #ff69b466,0 4px 30px #ff450066;animation:barbenheimer-explode .6s cubic-bezier(.34,1.56,.64,1)}.barbenheimer-text{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,105,180,.5);animation:barbenheimer-flash .8s ease-in-out}@keyframes barbenheimer-explode{0%{transform:scale(.2) rotate(-15deg)}30%{transform:scale(1.3) rotate(5deg)}50%{transform:scale(.9) rotate(-3deg)}70%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0)}}@keyframes barbenheimer-flash{0%,to{opacity:1}25%{opacity:.8;transform:scale(1.05)}50%{opacity:1;transform:scale(1)}75%{opacity:.9;transform:scale(1.02)}}@media (max-width: 768px){.victory-content{padding:.75rem 1.5rem}.victory-text{font-size:1rem}.victory-subtext{font-size:.8rem}}.logo-dropdown{position:relative}.logo-trigger{font-size:1.5rem;font-weight:600;color:#c9a961;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;gap:.25rem;user-select:none;transition:opacity .2s;font-family:Glass Antiqua,cursive}.logo-trigger:hover{opacity:.8}.dropdown-arrow{width:18px;height:18px;vertical-align:middle;transition:transform .2s;opacity:.7}.logo-dropdown.open .dropdown-arrow{transform:rotate(180deg) translateY(2px)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background:#2b2b2b;border:1px solid rgba(212,200,168,.4);border-radius:2px;box-shadow:0 8px 30px #00000080;min-width:170px;z-index:200;padding:.25rem 0}.dropdown-item{display:block;padding:.6rem 1rem;color:#e8e3d8;text-decoration:none;transition:all .15s;font-size:.9rem;letter-spacing:.02em}.dropdown-item:hover{background:#c9a96126;color:#c9a961;padding-left:1.15rem}.dropdown-divider{height:1px;background:#d4c8a833;margin:.4rem .75rem}.dropdown-credit{padding:.5rem 1rem;font-size:.7rem;color:#666;line-height:1.4}.dropdown-credit a{white-space:nowrap}.dropdown-credit a,.help-body a{color:#c9a961;text-decoration:none}.dropdown-credit a:hover{text-decoration:underline}.help-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.help-modal.hidden{display:none}.help-content{background:#2b2b2b;border-radius:8px;width:100%;max-width:450px}.help-header{display:flex;justify-content:center;align-items:center;padding:1.25rem 1.5rem 0;position:relative}.help-header .help-close{position:absolute;right:1.5rem}.help-header h2{color:#c9a961;font-size:1.8rem;margin:0}.help-close{background:none;border:none;color:#888;font-size:1.8rem;cursor:pointer;padding:0;line-height:1}.help-close:hover{color:#e8e3d8}.help-body{padding:1rem 2.5rem 2rem}.help-body p{margin:0 0 1rem;color:#e8e3d8;line-height:1.5}.help-body p:last-child{margin-bottom:0}.help-body .hint-plus{display:inline-flex;align-items:center;justify-content:center;width:1.2em;height:1.2em;background:#c9a961;color:#1a1a1a;border-radius:4px;font-weight:700;font-size:.9em}.archive-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.archive-modal.hidden{display:none}.archive-content{background:#2b2b2b;border-radius:8px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column}.archive-header{display:flex;justify-content:center;align-items:center;padding:1.25rem 1.5rem 0;position:relative}.archive-header .archive-close{position:absolute;right:1.5rem}.archive-header h2{color:#c9a961;font-size:1.8rem;margin:0}.archive-close{background:none;border:none;color:#e8e3d8;font-size:1.75rem;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s}.archive-close:hover{opacity:1}.archive-list{flex:1;overflow-y:auto;padding:1rem 2rem 1.5rem}.archive-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ffffff08;border-radius:10px;margin-bottom:.75rem;transition:background .2s;cursor:pointer}.archive-item:hover{background:#c9a9611a}.archive-item:last-child{margin-bottom:0}.archive-item-info{flex:1}.archive-item-number{font-size:.8rem;color:#e8e3d880;margin-bottom:.25rem}.archive-item-theme{font-size:1.05rem;color:#e8e3d8;font-weight:500}.archive-item-date{font-size:.8rem;color:#e8e3d880;margin-top:.25rem}.archive-item-status{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.archive-item-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:10px;text-transform:uppercase;font-weight:600}.archive-item-badge.today{background:#c9a96133;color:#c9a961}.archive-empty{text-align:center;padding:3rem 1rem;color:#e8e3d880}.archive-play-btn{background:#c9a961;color:#2b2b2b;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.archive-play-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #c9a9614d}.archive-list::-webkit-scrollbar{width:6px}.archive-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.archive-list::-webkit-scrollbar-thumb{background:#c9a9614d;border-radius:3px}.archive-list::-webkit-scrollbar-thumb:hover{background:#c9a96180}@media (max-width: 768px){.logo-trigger{font-size:1.25rem}.dropdown-menu{min-width:130px}.dropdown-item{padding:.6rem .8rem;font-size:.9rem}.archive-content{max-height:90vh}.archive-header{padding:1rem}.archive-header h2{font-size:1.5rem}.archive-item{padding:.875rem 1rem}.archive-item-theme{font-size:.95rem}}.puzzle-stats{margin:1rem 0;padding:.75rem 1rem;background:#0003;border-radius:8px}.puzzle-stats-header{text-align:center;margin-bottom:.75rem;color:#e8e3d8;font-size:.9rem}.puzzle-stats-header .score-value{font-size:1.4rem;font-weight:700;color:#c9a961}.puzzle-stats-header .percentile-value{font-weight:700;color:#c9a961}.puzzle-stats-chart{width:100%}.score-distribution{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:60px}.score-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;max-width:24px;height:100%}.score-bar{width:100%;background:#555;border-radius:2px 2px 0 0;min-height:2px;margin-top:auto}.score-bar-container.player-score .score-bar{background:#c9a961}.score-label{font-size:.6rem;color:#888;margin-top:4px}.score-bar-container.player-score .score-label{color:#c9a961;font-weight:600}.vintage-frame{position:relative;border:2px solid #d4c8a8;box-shadow:inset 0 0 0 4px #2b2b2b,inset 0 0 0 6px #d4c8a8,0 20px 60px #00000080}.vintage-frame h2,.vintage-frame h3{font-family:Glass Antiqua,cursive;letter-spacing:.05em}.vintage-corner{position:absolute;width:70px;height:70px;z-index:11}.vintage-corner svg{width:100%;height:100%;fill:none;stroke:#d4c8a8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.vintage-corner.top-left{top:6px;left:6px}.vintage-corner.top-right{top:6px;right:6px;transform:scaleX(-1)}.vintage-corner.bottom-left{bottom:6px;left:6px;transform:scaleY(-1)}.vintage-corner.bottom-right{bottom:6px;right:6px;transform:scale(-1)}@media (max-width: 768px){.vintage-corner{width:50px;height:50px}}