@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Rye&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.no-underline{text-decoration-line:none}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.rye-regular{font-family:Rye,serif;font-style:normal;font-weight:400}:root{--c1:#4e3929;--c2:#db878f;--fond:#293e4e;--text:#f1ebdb;--card-bg:#1a2a35;--card-border:#db878f}*{box-sizing:border-box}body{background:var(--fond);color:var(--text);text-align:center;min-height:100vh;margin:0;padding:0;font-family:Quicksand,sans-serif}main{max-width:1400px;margin:0 auto;padding:20px}h1{color:var(--c2);text-shadow:2px 2px 4px #00000080;margin:1.5rem 0;font-family:Rye,serif;font-size:clamp(1.8rem,5vw,3rem)}h2{color:var(--text);text-shadow:2px 2px 4px #00000080;margin:1.2rem 0;font-family:Rye,serif;font-size:clamp(1.4rem,4vw,2rem)}button{cursor:pointer;border:none;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600}.header-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--c1);z-index:1000;background:#4e3929f2;transition:all .3s;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto;padding:15px 20px;display:flex}.header-logo{align-items:center;text-decoration:none;display:flex}.logo-text{color:var(--c2);text-shadow:2px 2px 4px #00000080;font-family:Rye,serif;font-size:1.8rem;transition:transform .2s}.logo-text:hover{transform:scale(1.05)}.nav-desktop{flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.nav-link{color:var(--c2);border-radius:8px;padding:8px 16px;font-family:Rye,serif;font-size:.95rem;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text);background:#db878f26;transform:translateY(-2px)}.header-actions{align-items:center;gap:15px;display:flex}.user-greeting{color:var(--text);white-space:nowrap;font-size:.9rem}.btn-primary{background:var(--c2);color:var(--fond);cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--text);transform:translateY(-2px);box-shadow:0 4px 12px #db878f66}.btn-secondary{background:var(--c1);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--c2);transform:translateY(-2px)}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger-line{background:var(--c2);border-radius:3px;width:25px;height:3px;transition:all .3s}.hamburger-line.open:first-child{transform:rotate(45deg)translate(8px,8px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.mobile-menu{background:#4e3929fa;border-top:1px solid #db878f4d;flex-direction:column;padding:10px 0;display:none}.mobile-link{color:var(--c2);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:15px 20px;font-family:Rye,serif;font-size:1rem;text-decoration:none;transition:all .2s}.mobile-link:hover{color:var(--text);background:#db878f26}.modal-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(145deg,var(--card-bg)0%,#1f3240 100%);border:3px solid var(--c2);border-radius:20px;width:90%;max-width:450px;padding:40px;animation:.3s slideUp;position:relative;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.modal-close:hover{background:#db878f33;transform:rotate(90deg)}.modal-title{color:var(--c2);text-align:center;margin:0 0 30px;font-family:Rye,serif;font-size:2rem}.auth-form-modal{flex-direction:column;gap:15px;display:flex}.auth-input{border:2px solid var(--c1);color:var(--text);background:#f1ebdb0d;border-radius:10px;padding:12px 16px;font-family:Quicksand,sans-serif;font-size:1rem;transition:all .2s}.auth-input:focus{border-color:var(--c2);background:#f1ebdb1a;outline:none}.auth-input::placeholder{color:#f1ebdb80}.btn-primary-full{background:var(--c2);color:var(--fond);cursor:pointer;border:none;border-radius:10px;margin-top:10px;padding:12px 20px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:700;transition:all .2s}.btn-primary-full:hover{background:var(--text);transform:translateY(-2px);box-shadow:0 6px 20px #db878f66}.btn-link{color:var(--c2);cursor:pointer;background:0 0;border:none;padding:10px;font-family:Quicksand,sans-serif;font-size:.9rem;text-decoration:underline;transition:color .2s}.btn-link:hover{color:var(--text)}@media (max-width:768px){.nav-desktop,.header-actions{display:none}.hamburger-btn,.mobile-menu{display:flex}.user-greeting{display:none}.modal-content{margin:20px;padding:30px 20px}}@media (min-width:769px){.mobile-menu{display:none!important}}.year-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0;display:flex}.year-button{background:var(--c1);color:var(--text);border-radius:25px;padding:8px 16px;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.year-button:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.year-button:hover:before{left:100%}.year-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #db878f4d}.year-button.active{background:var(--c2);color:var(--fond);font-weight:700}.stats-container{flex-wrap:wrap;justify-content:center;gap:20px;margin:30px 0;display:flex}.stat-box{border:2px solid var(--c2);background:linear-gradient(145deg,#4e392966,#4e392933);border-radius:15px;min-width:200px;padding:20px 30px;transition:all .3s;position:relative;overflow:hidden}.stat-box:before{content:"";background:linear-gradient(45deg,#0000 30%,#db878f1a 50%,#0000 70%);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.stat-box:hover:before{left:100%}.stat-box:hover{transform:translateY(-5px);box-shadow:0 8px 20px #db878f66}.stat-poker{background:linear-gradient(145deg,#ffd70026,#4e392933);border-color:gold}.stat-value{color:var(--c2);margin-bottom:5px;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text);text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.stat-sublabel{color:#f1ebdbb3;margin-top:5px;font-size:.85rem}.panini-card{background:linear-gradient(145deg,var(--card-bg)0%,#1f3240 100%);border:3px solid var(--card-border);border-radius:15px;width:100%;max-width:280px;margin:0 auto 20px;padding:15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 20px #0006}.panini-card:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.panini-card:hover:before{left:100%}.panini-card:hover{border-color:var(--text);transform:translateY(-8px)scale(1.02);box-shadow:0 12px 30px #db878f66}.panini-dead{filter:grayscale();border-color:#888}.panini-dead .panini-name,.panini-dead .panini-label,.panini-dead .panini-value,.panini-dead .panini-stat-value{color:#aaa}.panini-dead .panini-photo{filter:grayscale()}.panini-header{border-bottom:2px solid var(--c2);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.panini-name{color:var(--c2);text-align:left;flex:1;margin:0;font-family:Rye,serif;font-size:1.3rem}.panini-cross{color:#888;font-size:1.5rem}.panini-photo-container{background:linear-gradient(#0000001a,#0000004d);border-radius:10px;width:100%;height:240px;margin-bottom:12px;position:relative;overflow:hidden}.panini-photo{object-fit:cover;object-position:center top;width:100%;height:100%}.panini-info{text-align:left}.panini-dates{justify-content:space-between;min-height:20px;margin-bottom:8px;font-size:.9rem;display:flex}.panini-dates .panini-value:only-child{text-align:center;width:100%;font-weight:600}.panini-label{color:var(--c2);font-weight:600}.panini-value{color:var(--text)}.panini-stats{gap:10px;margin:12px 0;display:flex}.panini-stat{text-align:center;background:#4e392980;border-radius:8px;flex:1;padding:10px}.panini-stat-points{background:linear-gradient(135deg,#db878f4d,#4e392980)}.panini-stat-label{color:var(--c2);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600;display:block}.panini-stat-value{color:var(--text);margin-top:4px;font-size:1.4rem;font-weight:700;display:block}.panini-description{color:#f1ebdbcc;margin-top:10px;font-size:.85rem;font-style:italic;line-height:1.4}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin:30px 0;padding:0 10px;display:grid}.cards-grid-centered{flex-wrap:wrap;justify-content:center;gap:25px;max-width:1000px;margin:30px auto;padding:0 10px;display:flex}.auth-form{border:2px solid var(--c1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4e392933;border-radius:8px;margin-top:10px;padding:15px}.auth-form input{border:1px solid var(--c1);color:var(--text);background:#f1ebdb1a;border-radius:5px;margin:5px;padding:8px 12px;font-family:Quicksand,sans-serif}.auth-form input::placeholder{color:#f1ebdb80}.auth-form button{background:var(--c2);color:var(--fond);border-radius:5px;margin:5px;padding:8px 16px;transition:all .2s}.auth-form button:hover{background:var(--text);transform:translateY(-2px)}.classement-item{border-left:4px solid var(--c2);background:linear-gradient(90deg,#4e39294d,#4e39291a);border-radius:8px;justify-content:space-between;align-items:center;max-width:600px;margin:10px auto;padding:15px 20px;transition:all .2s;display:flex}.classement-item:hover{background:#4e392980;transform:translate(5px)}.classement-rank{color:var(--c2);min-width:50px;font-size:2rem;font-weight:700}.classement-info{text-align:left;flex:1;margin:0 20px}.classement-score{color:var(--text);font-size:1.8rem;font-weight:700}.panini-card-modal{pointer-events:auto}.panini-card-modal:hover{transform:none!important;box-shadow:0 8px 20px #0006!important}.panini-card-modal:before{display:none!important}.panini-card-modal .panini-info{z-index:10;pointer-events:auto;position:relative}@media (max-width:768px){.header-style{text-align:center;flex-direction:column}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.panini-card{max-width:100%}.classement-item{text-align:center;flex-direction:row;gap:10px}.classement-info{margin:10px 0}}.modal-overlay{animation:.2s fadeIn}.modal-content{animation:.3s slideUp}.suggestions-list>div:last-child{border-bottom:none}body.page-memoriam{filter:grayscale();background:#000!important}body.page-memoriam main,body.page-memoriam h1,body.page-memoriam h2,body.page-memoriam p,body.page-memoriam div{filter:grayscale()}body.page-memoriam .header-style{filter:grayscale();background:#000c!important}body.page-memoriam .item-menu{color:#aaa}body.page-memoriam button,body.page-memoriam .year-button,.grayscale{filter:grayscale()}@media (max-width:768px){.stats-container{flex-direction:column;align-items:center}.stat-box{width:100%;max-width:300px}}@media (max-width:480px){main{padding:10px}.cards-grid{grid-template-columns:1fr}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
