*{margin:0;padding:0;box-sizing:border-box;}html,body{height:100%;width:100%;}body{font-family:"Koulen",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:.2em;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,3vh,40px);padding:clamp(10px,2vh,20px);color:#fff;overflow-x:hidden;overflow-y:auto;min-width:320px;min-height:400px;}h1{font-size:clamp(1.5em,4vh,2.5em);line-height:1.2;font-weight:500;text-align:center;margin:0;}h2{font-size:clamp(1em,2.5vh,1.5em);line-height:1.2;text-align:center;margin:0;}.spacer{flex:1 0;}@media (max-width:480px){h1{font-size:clamp(1.5em,5vw,2em)}h2{font-size:clamp(1em,2.5vw,1.5em)}body{letter-spacing:.1em;gap:0;justify-content:flex-start;padding-top:clamp(10px,3vh,20px);padding-bottom:clamp(10px,3vh,20px)}.trophy-container{flex:0 1 auto;max-height:50vh;min-height:200px}}.trophy-container{display:flex;justify-content:center;align-items:center;position:relative;flex:1 1 auto;width:100%;min-height:0;max-height:60vh;container-type:inline-size;container-name:trophy;contain:layout style paint;}#trophy-image{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));background-image:url("trophy.svg");background-size:contain;background-repeat:no-repeat;background-position:center;transform:translateZ(0);will-change:filter;}.trophy-text{font-family:"Times New Roman",Times,serif;font-weight:bold;color:#000;display:flex;height:100%;width:100%;letter-spacing:normal;text-align:center;justify-content:center;align-items:center;overflow:hidden;text-overflow:ellipsis;pointer-events:none;user-select:none;}#trophy-name{font-size:16px;line-height:.9;}#trophy-year{font-size:22px;}.year-selector-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(5px,1vh,10px);width:100vw;}.timeline-wrapper{width:100%;overflow:hidden;position:relative;padding:auto 0 10px 0;cursor:grab;user-select:none;}.timeline-wrapper:active{cursor:grabbing;}.year-timeline{position:relative;height:120px;min-width:100%;display:flex;flex-direction:column;align-items:center;transform:translateX(0) translateZ(0);transition:transform .1s ease-out;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased;}.year-timeline.dragging{transition:none;}.timeline-line{position:absolute;top:50px;left:-100%;right:-100%;height:2px;background:rgba(255,255,255,.5);border-radius:1px;}.timeline-ticks{position:absolute;top:50px;left:0;width:100%;}.timeline-tick{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);top:1px;}.timeline-tick.major{width:12px;height:12px;transition:transform .2s ease,width .2s ease,height .2s ease;}.timeline-tick.major.active{width:18px;height:18px;transform:translate(-50%,-50%) scale(1.2);}.timeline-tick.decorative{width:6px;height:6px;}.timeline-years{position:absolute;top:70px;left:0;width:100%;height:30px;}.timeline-year{position:absolute;font-size:clamp(.75em,1.5vh,.9em);color:rgba(255,255,255,.7);transition:color .2s ease,font-weight .2s ease,transform .2s ease;white-space:nowrap;cursor:pointer;padding:5px 6px 5px 10px;border-radius:4px;user-select:none;top:0;text-align:center;transform:translateX(-50%) translateZ(0);will-change:transform,color;backface-visibility:hidden;}@media (max-width:768px){.timeline-year{font-size:clamp(.65em,2.5vw,.85em);padding:4px 5px 4px 8px}}@media (max-width:480px){.timeline-year{font-size:clamp(.6em,3vw,.75em);padding:3px 4px 3px 6px}}.timeline-year:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.1);}.timeline-year.active{color:white;font-weight:700;font-size:clamp(.9em,1.8vh,1.1em);transform:translateX(-50%) translateZ(0) scale(1.1);background:rgba(102,126,234,.3);}@media (max-width:768px){.timeline-year.active{font-size:clamp(.75em,3vw,1em)}}@media (max-width:480px){.timeline-year.active{font-size:clamp(.7em,3.5vw,.9em)}}