*{box-sizing:border-box}html{min-height:100%;background:#0a0503 url("briscola-velenosa-bg.png") center top/cover fixed no-repeat}body{margin:0;min-height:100vh;color:#fff7e9;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;background:transparent}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:url("briscola-velenosa-bg.png") center top/cover no-repeat}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.02) 38%,rgba(0,0,0,.12) 72%,rgba(0,0,0,.25))}
.app{max-width:500px;margin:auto;padding:calc(10px + env(safe-area-inset-top)) 14px calc(100px + env(safe-area-inset-bottom))}
.top{display:flex;align-items:center;justify-content:space-between;gap:10px}.hello{padding:9px 11px;border:1px solid #ffb13b55;background:#1207048c;backdrop-filter:blur(9px);border-radius:14px}.hello small{display:block;font-size:9px;color:#f6c798}.hello b{font-size:11px;letter-spacing:.8px}.logout{width:42px;height:42px;display:grid;place-items:center;text-decoration:none;color:#ffd27d;border-radius:14px;background:#150604b8;border:1px solid #ffb13b66;font-size:20px}
.brand{text-align:center;margin:17px 0 13px}.brand .title{font-size:32px;line-height:.88;font-weight:1000;font-style:italic;letter-spacing:-1.8px;text-transform:uppercase;text-shadow:0 5px 18px #000,0 0 18px #ff5a002c}.brand .title span{display:block;color:#ffc44f;font-size:25px;letter-spacing:2.4px;margin-top:8px}.brand .line{width:92px;height:3px;margin:12px auto 0;border-radius:5px;background:linear-gradient(90deg,transparent,#ffbd42,transparent);box-shadow:0 0 12px #ff7200}
.versus-card{display:grid;grid-template-columns:1fr 45px 1fr;align-items:stretch;padding:2px;border-radius:25px;background:linear-gradient(135deg,#ffbd48,#76200e 40%,#ffcc58 63%,#173c22);box-shadow:0 18px 45px #000a,0 0 25px #ff5a001f;overflow:hidden}.team{min-width:0;text-align:center;padding:16px 5px;background:rgba(20,5,3,.48);backdrop-filter:blur(12px)}.team.left{border-radius:23px 0 0 23px;background:linear-gradient(150deg,rgba(94,10,9,.62),rgba(24,4,3,.58))}.team.right{border-radius:0 23px 23px 0;background:linear-gradient(210deg,rgba(2,64,37,.62),rgba(5,22,15,.58))}.icon{width:62px;height:62px;margin:auto;display:grid;place-items:center;font-size:34px;border-radius:21px;background:#100805a8;border:1px solid #ffc25866;box-shadow:inset 0 1px #fff2,0 9px 25px #0008}.team h3{margin:9px 0 4px;font-size:13px;white-space:nowrap}.team strong{font-size:44px;line-height:1;font-weight:1000;color:#ffd163}.team.right strong{color:#86e09c}.team small{display:block;margin-top:4px;color:#e3c8b6;font-size:8px;letter-spacing:1.4px}.vs{display:grid;place-items:center;background:#0e0603a8;color:#ffc54f;font-size:18px;font-weight:1000;font-style:italic;text-shadow:0 0 13px #ff7400}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0;padding:5px;border:1px solid #ffb64255;border-radius:17px;background:#1006048f;backdrop-filter:blur(12px)}.tabs a{text-align:center;text-decoration:none;color:#e0bd9e;padding:11px 2px;border-radius:12px;font-size:9px;font-weight:900}.tabs a.on{color:#301100;background:linear-gradient(#ffe087,#efa82f);box-shadow:0 7px 20px #ff85003b}
.cta{display:block;position:relative;overflow:hidden;text-align:center;text-decoration:none;margin:14px 1px;padding:18px 8px;border-radius:18px;color:#fff8df;font-size:16px;font-weight:1000;letter-spacing:.2px;background:linear-gradient(180deg,#e73c20,#a50d0d 60%,#6f0806);border:2px solid #ffc24d;box-shadow:0 12px 30px #0009,0 0 25px #ff3c003b,inset 0 2px #ff9b72;text-shadow:0 2px 5px #530000}.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff5 48%,transparent 68%);transform:translateX(-130%);animation:shine 4.6s infinite}@keyframes shine{0%,70%{transform:translateX(-130%)}90%,100%{transform:translateX(130%)}}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stat{padding:12px 4px;text-align:center;border-radius:16px;background:rgba(15,5,3,.56);border:1px solid #e49b3455;backdrop-filter:blur(10px);box-shadow:0 8px 22px #0006}.stat b{display:block;font-size:18px;color:#ffd064}.stat small{display:block;margin-top:3px;color:#d0ad92;font-size:7px;letter-spacing:.8px}
.panel{margin-top:13px;padding:16px;border-radius:21px;background:rgba(13,5,3,.58);border:1px solid #e89e365e;backdrop-filter:blur(13px);box-shadow:0 15px 34px #0008}.panel h2{margin:0 0 9px;font-size:11px;color:#ffc957;letter-spacing:1.4px}.match{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 2px;border-top:1px solid #d8902933}.match b{font-size:11px}.match small{display:block;color:#bd9b85;font-size:8px;margin-top:4px}.match strong{font-size:18px;white-space:nowrap}.empty{text-align:center;color:#c29f88;padding:20px}
.bottom{position:fixed;z-index:9;left:50%;bottom:0;transform:translateX(-50%);width:min(500px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(11,4,2,.74);border-top:1px solid #ffb43c66;backdrop-filter:blur(18px);box-shadow:0 -10px 30px #0008}.bottom a{text-align:center;text-decoration:none;color:#c9a88e;font-size:20px}.bottom a:first-child{color:#ffc956}.bottom small{display:block;font-size:7px;margin-top:2px}
.form-title{text-align:center;margin:15px 0 6px;font-size:25px;font-weight:1000;font-style:italic}.form-title span{color:#ffc34e}.formbox{margin-top:14px;padding:17px;border-radius:22px;background:rgba(13,5,3,.62);border:1px solid #eaa33d66;backdrop-filter:blur(13px)}label{display:block;color:#f0c6a5;font-size:10px;font-weight:900;margin:13px 0}input,select,textarea{width:100%;margin-top:6px;padding:14px;border-radius:13px;border:1px solid #d891385c;background:#140805e8;color:#fff;font:inherit;font-size:16px;outline:none}input:focus,select:focus,textarea:focus{border-color:#ffc34e;box-shadow:0 0 0 3px #ffc34e22}.choices,.points{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choices label{margin:0}.choices input{position:absolute;opacity:0}.choices span{display:block;text-align:center;padding:15px 3px;border-radius:14px;background:#160805d9;border:1px solid #b66e305e}.choices input:checked+span{border-color:#ffc44f;background:#681711;box-shadow:inset 0 0 0 1px #ffc44f55}.points input{text-align:center;font-size:25px;font-weight:1000}.save{margin-top:17px}.err{color:#ff8e80;font-weight:800}@media(prefers-reduced-motion:reduce){.cta:after{animation:none}}