/* Skateathon Basel U14: vollstaendiges CSS, kein Import notwendig */
:root{font-family:Arial,Helvetica,sans-serif;color:#161616;background:#0b0b0b}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#0b0b0b;color:#fff}.wrap{width:min(1400px,calc(100% - 72px));margin-inline:auto}.hero{position:relative;min-height:850px;overflow:hidden;border-bottom:5px solid #e60025;background:#121212 url('basel-panorama.jpg') center 20%/cover no-repeat;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.89) 0%,rgba(0,0,0,.70) 37%,rgba(0,0,0,.25) 75%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 60%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:240px;z-index:-1;background:url('eishockey-eis.jpg') center/cover no-repeat;mask-image:linear-gradient(transparent,#000 45%);opacity:.85}.hero>.wrap{padding-top:56px}.brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.11em;font-weight:900;text-transform:uppercase;margin-bottom:100px}.puck-icon{display:inline-flex;align-items:center;justify-content:center;background:#e60025;color:#fff;width:26px;height:26px;border-radius:50%}.season{margin-left:auto;color:#fff;font-size:11px}.basel-scene{display:none}.hero h1{font-size:clamp(42px,5.4vw,88px);font-weight:1000;line-height:.99;letter-spacing:-.035em;text-transform:uppercase;max-width:750px;margin:0 0 26px;text-shadow:0 4px 20px #000}.hero p{font-size:clamp(18px,1.8vw,25px);font-weight:650;line-height:1.45;max-width:650px;margin:0;color:#fff;text-shadow:0 3px 10px #000}main.wrap{position:relative;z-index:2;display:flex;justify-content:flex-end;margin-top:-720px;min-height:750px;margin-bottom:48px;pointer-events:none}main.wrap>.panel{pointer-events:auto;width:490px;max-width:100%;align-self:flex-start;background:#fff;color:#171717;padding:30px;border-radius:18px;box-shadow:0 18px 65px #0009}.panel .eyebrow{color:#a60a22;font-size:12px;font-weight:900;letter-spacing:.07em;margin:0 0 16px}.stats{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:12px 0}.stats>div{min-width:0}.stats small,.muted,small{color:#5d6167;font-size:12px}.stats strong{display:block;font-size:clamp(21px,2.3vw,30px);white-space:nowrap;margin-top:6px}.right{text-align:right}.green{color:#d60928}.track{height:12px;background:#e4e4e4;border-radius:20px;overflow:hidden;margin:16px 0 9px}.fill{height:100%;background:#e60025;border-radius:20px}.stats.muted{font-size:12px;color:#555}hr{border:0;border-top:1px solid #ddd;margin:24px 0}.panel h2{font-size:26px;margin:10px 0 20px}.panel label{display:block;font-size:14px;font-weight:750;margin:15px 0 7px}.panel input,.panel select{display:block;width:100%;border:1px solid #c9cbd0;border-radius:8px;padding:12px 13px;font:inherit;color:#151515;background:#fff;min-height:44px}.panel input:focus,.panel select:focus{outline:2px solid #e60025;outline-offset:1px}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:10px}.quick button{cursor:pointer;padding:12px 4px;border:1px solid #e60025;border-radius:7px;background:#fff;color:#d60024;font-weight:800}.quick button.selected,.quick button:hover{background:#e60025;color:#fff}.twint{margin:20px 0;padding:18px;border-radius:10px;background:#fde8eb;display:flex;flex-direction:column;gap:8px}.twint p{margin:0}.twint strong{font-size:27px;color:#d60024}.notice{font-size:12px;line-height:1.5}.btn{display:block;width:100%;border:0;border-radius:8px;background:#e60025;color:#fff;text-align:center;padding:15px;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer;margin:16px 0}.btn:hover{background:#b8001c}.error{padding:12px;background:#ffe9e9;color:#a00018;border-radius:8px}.thanks{text-align:center}.check{font-size:42px;color:#d60024}.logout{text-align:right}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{border-bottom:1px solid #ddd;padding:10px 6px;text-align:left}.status{display:flex;gap:6px}.status button,.logout button{cursor:pointer;padding:8px}footer{background:#090909;color:#ddd;text-align:center;padding:24px;font-size:12px}
@media(max-width:1050px){.hero{min-height:650px}.hero>.wrap{padding-top:36px}.brand{margin-bottom:65px}.hero h1{max-width:55%;font-size:clamp(36px,5vw,58px)}.hero p{max-width:52%;font-size:18px}main.wrap{margin-top:-520px;min-height:540px}main.wrap>.panel{width:45%;padding:23px}.stats strong{font-size:21px}}
@media(max-width:740px){.wrap{width:calc(100% - 28px)}.hero{min-height:480px}.hero>.wrap{padding-top:24px}.brand{font-size:10px;margin-bottom:65px}.season{display:none}.hero h1{max-width:100%;font-size:clamp(34px,9vw,58px)}.hero p{max-width:100%;font-size:17px}.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.45))}main.wrap{display:block;margin-top:-70px;min-height:0;margin-bottom:28px}main.wrap>.panel{width:100%;padding:22px}.stats strong{font-size:clamp(20px,5vw,27px)}.quick{gap:5px}.quick button{font-size:12px;padding:11px 2px}}