*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:var(--font-body);color:var(--ink)}a{color:inherit}.ff,h1,h2,h3,button{font-family:var(--font-display)}.topbar{background:var(--surface);box-shadow:var(--shadow)}.topbar__in{max-width:920px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:1rem}.topbar__in img{height:36px}.topbar__nav{margin-left:auto;display:flex;gap:1rem;font-family:var(--font-ui);font-size:.92rem}.topbar__nav a{text-decoration:none;color:var(--ink-soft)}.club-wrap{max-width:920px;margin:0 auto;padding:1rem 1rem 3rem}.hero{text-align:center;padding:.6rem 0 .2rem}.hero h1{font-size:clamp(1.5rem,4vw,2.1rem);margin:.2rem 0;color:var(--rust)}.hero .dingbat{display:block;color:var(--gold);font-size:1.2rem;line-height:1;margin:.1rem 0 .35rem;letter-spacing:.4em}.hero p{color:var(--ink-soft);margin:0}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem 1.3rem;margin:1rem 0;border:1px solid var(--border)}.btn{font-family:var(--font-ui);font-weight:600;font-size:1rem;border:none;cursor:pointer;border-radius:var(--radius-pill);padding:.65rem 1.4rem;background:var(--rust);color:#fff;text-decoration:none;display:inline-block}.btn:hover{background:#264c30}.btn:disabled{opacity:.5;cursor:default}.btn--ghost{background:transparent;color:var(--rust);border:2px solid var(--rust);padding:calc(.65rem - 2px) 1.4rem}.btn--ghost:hover{background:#2f5d3a14}.btn--small{font-size:.85rem;padding:.4rem .9rem}.field{display:block;width:100%;font:inherit;padding:.6rem .8rem;margin:.35rem 0 .8rem;border:2px solid var(--border);border-radius:10px;background:var(--surface-soft)}.field:focus{outline:none;border-color:var(--sage)}label.ff{font-size:.85rem;font-weight:600;color:var(--ink-soft);font-family:var(--font-ui)}.row{display:flex;gap:.8rem}.row>*{flex:1}.error{color:#a03a2c;font-size:.9rem;min-height:1.2em;margin:.2rem 0}.navtabs{display:flex;gap:.5rem;justify-content:center;margin:.8rem 0;flex-wrap:wrap}.navtabs a{font-family:var(--font-ui);font-weight:600;text-decoration:none;border-radius:var(--radius-pill);padding:.5rem 1.1rem;background:var(--surface-soft);color:var(--ink-soft);border:1px solid var(--border)}.navtabs a.active{background:var(--rust);color:#fff;border-color:var(--rust)}.volume-tab{font-family:var(--font-ui);font-weight:600;font-size:.92rem;text-decoration:none;border-radius:var(--radius-pill);padding:.4rem 1rem;background:transparent;color:var(--ink-soft);border:1px solid var(--border)}.volume-tab.active{color:var(--rust);border-color:var(--rust);background:#2f5d3a0f}.avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:.5rem;margin:.4rem 0 1rem}.avatar{border:3px solid transparent;border-radius:50%;padding:0;background:none;cursor:pointer;aspect-ratio:1}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--surface);box-shadow:var(--shadow)}.avatar.on{border-color:var(--rust)}.tessera{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-soft) 100%);border:2px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lift);padding:1.1rem 1.3rem;margin:1rem 0}.tessera__top{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.tessera__top>img,.tessera__top img{width:74px;height:74px;border-radius:50%;object-fit:cover;background:var(--surface);border:3px solid var(--surface);box-shadow:var(--shadow)}.tessera__nome{font-size:1.3rem;margin:0;color:var(--rust)}.tessera__livello{font-family:var(--font-ui);color:var(--ink-soft);font-size:.95rem}.tessera__nums{margin-left:auto;display:flex;gap:1.2rem;text-align:center}.tessera__nums .n{font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:var(--rust)}.tessera__nums .l{font-size:.72rem;color:var(--ink-soft);font-family:var(--font-ui)}.bar .track{height:12px;background:var(--border);border-radius:var(--radius-pill);overflow:hidden;margin-top:.8rem}.bar .fill{height:100%;background:linear-gradient(90deg,var(--sage),var(--gold));border-radius:var(--radius-pill);transition:width .6s ease}.bar .lbl{font-size:.78rem;color:var(--ink-soft);margin-top:.25rem;font-family:var(--font-ui)}.acts{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem}.act{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:1rem;text-decoration:none;color:inherit;border:2px solid transparent;display:block}.act:hover{border-color:var(--sage)}.act .ico{font-size:1.7rem}.act h3{margin:.2rem 0;font-size:1.05rem;color:var(--rust)}.act p{margin:0;font-size:.85rem;color:var(--ink-soft)}.act.soon{opacity:.55;pointer-events:none}.chaps{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem}.chap{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:.9rem 1rem;border:2px solid transparent;text-decoration:none;color:inherit;display:block}.chap:hover{border-color:var(--sage)}.chap .num{font-family:var(--font-ui);font-weight:700;color:var(--rust);font-size:.8rem;letter-spacing:.08em}.chap h3{margin:.15rem 0 .3rem;font-size:1rem;line-height:1.3;color:var(--ink)}.stars{letter-spacing:.1em;font-size:1rem}.stars .on{color:var(--gold)}.stars .off{color:var(--border)}.asker{display:flex;align-items:center;gap:.8rem;margin-bottom:.7rem}.asker img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--surface);box-shadow:var(--shadow)}.asker span{color:var(--ink-soft);font-size:.85rem;font-family:var(--font-ui)}.qtext{font-size:1.2rem;line-height:1.45;margin:.2rem 0 1rem;font-weight:600;font-family:var(--font-display);color:var(--ink)}.opts{display:grid;gap:.6rem}.opt{font:inherit;font-size:1.02rem;text-align:left;padding:.8rem 1rem;border-radius:12px;cursor:pointer;border:2px solid var(--border);background:var(--surface-soft);transition:border-color .12s}.opt:hover{border-color:var(--sage)}.opt.right{border-color:var(--sage);background:#5c8a5221}.opt.wrong{border-color:#d68f82;background:#f9e9e5;animation:shake .4s ease}.opt:disabled{cursor:default}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.feedback{min-height:2.6em;margin:.8rem 0 .4rem}.feedback .ok{color:var(--rust);font-weight:600}.feedback .ko{color:#a03a2c;font-weight:600}.progress{font-family:var(--font-ui);font-size:.85rem;color:var(--ink-soft)}.endscreen{text-align:center}.endscreen .big{font-size:2.6rem;margin:.4rem 0}.medal-pop{display:inline-block;background:var(--surface-soft);border:2px dashed var(--gold);border-radius:14px;padding:.7rem 1.1rem;margin:.6rem .3rem}.confetti{position:fixed;top:-12px;border-radius:2px;z-index:90;pointer-events:none;animation:fall linear forwards}@keyframes fall{to{transform:translateY(105vh) rotate(720deg)}}.rank{width:100%;border-collapse:collapse}.rank td{padding:.5rem .4rem;border-bottom:1px solid var(--border)}.rank img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--surface);vertical-align:middle}.rank .pos{font-family:var(--font-display);font-weight:700;color:var(--ink-soft);width:2em}.rank tr.me{background:var(--surface-soft)}.rank .pts{text-align:right;font-family:var(--font-display);font-weight:700;color:var(--rust);white-space:nowrap}.medals{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}.medal{text-align:center;background:var(--surface);border-radius:14px;padding:.8rem .5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.medal .ico{font-size:2rem}.medal.locked{opacity:.38;filter:grayscale(1)}.medal .nm{font-family:var(--font-ui);font-weight:600;font-size:.85rem;margin-top:.2rem;color:var(--ink)}.medal .ds{font-size:.74rem;color:var(--ink-soft)}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:95;background:var(--ink);color:#fff;font-family:var(--font-ui);font-weight:600;border-radius:var(--radius-pill);padding:.55rem 1.2rem;box-shadow:var(--shadow-lift);animation:toast-in .35s ease}@keyframes toast-in{0%{transform:translate(-50%,-150%)}to{transform:translate(-50%)}}.footer{text-align:center;color:var(--ink-soft);font-size:.85rem;padding:1.5rem 0 2.5rem}.splash{text-align:center;padding:4rem 0;font-size:2rem}
