:root{--blue:#134b90;--red:#ce3039;--ink:#192e45;--paper:#f8f3df}*{box-sizing:border-box}body{margin:0;background:#293d45;font:14px/1.4 Arial,sans-serif;color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer}header{max-width:1140px;margin:auto;padding:16px 20px;color:#fff;display:flex;align-items:center;justify-content:space-between;font:11px Arial;letter-spacing:1px}header strong{font-size:20px;letter-spacing:-.5px}header span{color:#f16b64}.wrap{max-width:1140px;margin:auto;padding:0 16px 25px}.toolbar{display:flex;justify-content:space-between;gap:10px;margin:0 0 14px}.tabs{display:flex;gap:5px}.tabs button,.nav>button{border:0;background:#e7e6dc;padding:9px 14px;color:#243e53}.tabs button.active{background:#d73942;color:#fff}.search{border:0;padding:9px 12px;width:205px}.book{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#f8f3df;box-shadow:0 25px 45px #0008,0 0 0 5px #b43e39;isolation:isolate}.book:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:32px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#382b2338 40%,#fff5 51%,#37282228 65%,transparent);pointer-events:none;z-index:4}.page{position:relative;min-height:714px;padding:0 28px 38px;background:radial-gradient(#7368420c .6px,transparent .7px),var(--paper);background-size:4px 4px,auto;overflow:hidden}.page:before{content:'';height:9px;background:repeating-linear-gradient(90deg,var(--blue) 0 75%,var(--red) 75% 100%);position:absolute;top:0;left:0;right:0}.page.right{background-color:#f4eed9}.topline{margin:24px 0 13px;padding:0 0 8px;border-bottom:1px solid #9b9a83;display:flex;justify-content:space-between;font:700 9px Arial;letter-spacing:1px}.title-band{display:flex;align-items:center;gap:13px;border-bottom:6px solid var(--red);margin-bottom:15px;padding:0 0 7px}.title-band h1{font:900 italic 49px/.95 Arial,sans-serif;letter-spacing:-2px;text-transform:uppercase;color:var(--blue);margin:0;flex:1}.team-index{font:bold 12px Arial;color:var(--red);border:2px solid var(--red);padding:5px;min-width:35px;text-align:center}.clubline{font:700 10px Arial;letter-spacing:2px;margin:10px 0 12px;text-transform:uppercase}.intro-row{display:grid;grid-template-columns:112px 1fr;gap:17px;align-items:start;margin:15px 0}.crest-sticker{height:145px;padding:9px;background:linear-gradient(120deg,#b9b6a2,#fffdf0 30%,#cccaba 51%,#eeeee1 80%);border:4px solid white;box-shadow:1px 2px 3px #3334;text-align:center}.crest-sticker svg{width:86px;height:99px}.crest-sticker small{font:bold 8px Arial;display:block}.club-facts h2{font:900 18px Arial;margin:0 0 6px;text-transform:uppercase}.club-facts dl{font:11px/1.8 Arial;margin:0}.club-facts dt{float:left;width:68px;font-weight:bold}.club-facts dd{margin-left:68px}.team-photo{margin:18px 0 5px;border:6px solid #fff;box-shadow:1px 2px 3px #0003;background:#b7cdd3;position:relative}.team-photo svg{width:100%;display:block;aspect-ratio:2.1}.photo-caption{font:700 9px Arial;letter-spacing:1px;border-bottom:1px solid #aaa48e;padding:6px 0 10px}.team-intro{border-top:4px solid var(--blue);margin-top:20px;padding:10px 0;font:12px/1.65 Georgia,serif;min-height:116px}.team-intro b{font:900 14px Arial;text-transform:uppercase;display:block;margin-bottom:6px;color:var(--blue)}.team-intro p{margin:4px 0}.submit-team{background:none;border:1px solid #7c8da0;color:var(--blue);font:700 10px Arial;padding:7px 10px}.pending{padding:7px;background:#fff1cb;font:11px Arial;margin-top:8px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 14px}.sticker{position:relative;cursor:pointer;outline:0;min-width:0}.sticker:hover .sticker-face,.sticker:focus .sticker-face{box-shadow:0 0 0 3px #c83a39}.sticker-face{padding:4px;background:#fff;border:1px solid #c1bfad;box-shadow:1px 2px 2px #15171930;transition:box-shadow .15s}.portrait{position:relative;aspect-ratio: .83;background:#b6cbd0;overflow:hidden}.portrait svg{display:block;width:100%;height:100%}.badge{position:absolute;right:3px;bottom:3px;background:#fffde8;color:#183e6c;padding:1px 4px;font:800 8px Arial;z-index:2}.name{background:var(--blue);color:white;text-align:center;font:700 8px/1.2 Arial;padding:5px 2px 4px;min-height:27px;display:grid;place-items:center;text-transform:uppercase;margin-top:3px}.role{font:8px Arial;text-transform:uppercase;color:#3a4d65;text-align:center;margin:4px 0 0}.sticker-number{font:bold 9px Arial;color:#4f5d6b;display:block;text-align:center;margin-top:3px}.sticker.private .sticker-face{border:1px solid #9a9a80;box-shadow:none;background:transparent;padding:4px}.portrait.private{background:#e6e0c9;border:1px solid #aaa68e;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;gap:9px;text-align:center;color:#7c7b67;font:italic 10px/1.35 Georgia}.slot-number{font:900 36px Arial;color:#a5a28b}.portrait.private span:last-child{max-width:90px}.sticker.private .name{background:none;color:#71715e;border-top:1px solid #aaa68e}.section-label{font:900 13px Arial;color:var(--blue);border-bottom:1px solid #aaa68e;padding-bottom:6px;margin:0 0 13px;text-transform:uppercase}.folio{position:absolute;bottom:13px;left:28px;right:28px;display:flex;justify-content:space-between;border-top:1px solid #8c958d;padding-top:5px;font:700 9px Arial;text-transform:uppercase}.nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;color:#fff;font:12px Arial}.nav button:disabled{opacity:.35;cursor:default}.dots{display:flex;gap:6px}.dots button{border:0;width:8px;height:8px;border-radius:50%;background:#819799;padding:0}.dots button.on{background:#ffdb8b}.privacy{color:#d2dedc;font:11px/1.6 Arial;margin-top:17px}.empty{padding:40px 0}.hidden{display:none!important}dialog{max-width:380px;border:0;background:#f8f3df;padding:24px;box-shadow:0 20px 70px #0008}dialog::backdrop{background:#15272aa0}dialog h2{font:900 20px Arial;color:var(--blue)}dialog button{background:var(--blue);border:0;color:white;padding:8px 12px}dialog p{font:13px/1.5 Arial}
@media(max-width:740px){header{padding:12px 16px}.wrap{padding:0 10px 20px}.toolbar{flex-wrap:wrap}.search{width:100%}.tabs{width:100%}.tabs button{flex:1;font-size:12px}.book{grid-template-columns:1fr}.book:before{display:none}.page{min-height:0;padding:0 20px 42px}.page.left{border-bottom:8px solid #334852}.page.right{padding-top:2px}.title-band h1{font-size:43px}.grid{gap:12px}.sticker .name{font-size:8px}.folio{left:20px;right:20px}.team-intro{min-height:0;margin-bottom:15px}.nav{flex-wrap:wrap}.dots{display:none}.privacy{font-size:10px}}@media print{body{background:white}header,.toolbar,.nav,.privacy,.submit-team{display:none}.wrap{padding:0;max-width:none}.book{box-shadow:none}.page{min-height:710px}.sticker-face{box-shadow:none}}

.club-options{background:#f8f3df;padding:14px;margin-bottom:16px;display:flex;gap:16px;flex-wrap:wrap;border-top:4px solid var(--blue)}.club-options label{display:flex;flex-direction:column;gap:5px;font-weight:bold}.club-options select{padding:8px;border:1px solid #9b9a83;background:white;font:inherit;max-width:100%}.club-options small{width:100%;font-weight:normal}.kader-title{margin-top:20px}.sticker.kader .name{background:var(--red)}
.sticker[data-style="game"] .sticker-face{background:linear-gradient(145deg,#f7e5a4,#b99842 50%,#f6e7b1);border:2px solid #bc9c48;border-radius:24px 24px 36px 36px;padding:7px;overflow:hidden}.sticker[data-style="game"] .portrait{border-radius:18px 18px 0 0}.sticker[data-style="game"] .name{background:#183e6c;color:white;border-radius:0 0 20px 20px;padding:8px 2px}.sticker[data-style="game"].kader .name{background:#a42d37}.sticker[data-style="badge"] .sticker-face{border:2px solid var(--blue);border-radius:9px;padding:7px;background:repeating-linear-gradient(45deg,#fff 0 10px,#134b9009 10px 20px)}.sticker[data-style="badge"] .portrait{border-radius:5px;aspect-ratio:1}.sticker[data-style="badge"] .name{background:transparent;color:var(--blue);font-size:9px}.sticker[data-style="badge"].kader .sticker-face{border-color:var(--red)}.sticker[data-style="badge"].kader .name{color:var(--red)}

.book{margin-bottom:28px}.toolbar{flex-wrap:wrap}.toolbar a{color:white}.club-options button{align-self:center;background:#134b90;color:white;padding:10px;border:0}textarea{display:block;width:100%;padding:8px}.portrait img{width:100%;height:100%;object-fit:cover}details{margin:15px 0}form button{padding:10px;background:#134b90;color:white;border:0}