:root{--pitch:#0a3b2e;--pitch2:#0d4a39;--gold:#d9a441;--paper:#f3efe4;--win-bg:#fbf6e8;--win-br:#d9a441;--mut:#6f7c74;--pick:#b5472e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(circle at 50% -10%, #115641 0%, var(--pitch) 45%, #07271e 100%);color:#13241d;background-attachment:fixed;min-height:100vh;padding:24px 16px 64px;font-family:Helvetica Neue,Arial,sans-serif}.wrap{max-width:1260px;margin:0 auto}header{text-align:center;color:var(--paper);margin-bottom:8px}.eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:11px;font-weight:700}h1{margin:0;font-family:Georgia,serif;font-size:28px;font-weight:800}.sub{color:#bfd4c9;margin-top:8px;font-size:13px;line-height:1.5}.panel{background:#f3efe4f7;border-radius:12px;max-width:460px;margin:18px auto;padding:18px;box-shadow:0 8px 30px #0000004d}.panel h2{margin:0 0 4px;font-family:Georgia,serif;font-size:17px}.panel p{color:#4a564f;margin:0 0 14px;font-size:13px;line-height:1.5}label{letter-spacing:.04em;text-transform:uppercase;color:#5a665e;margin:0 0 5px;font-size:11px;font-weight:700;display:block}input[type=text],input[type=email],input[type=number],input[type=datetime-local]{background:#fff;border:1px solid #c4bca6;border-radius:8px;width:100%;margin-bottom:12px;padding:11px 12px;font-family:inherit;font-size:15px}input:focus{outline:2px solid var(--gold);border-color:var(--gold)}.code-input{letter-spacing:.5em;text-align:center;font-family:Georgia,serif;font-weight:800;font-size:24px!important}.btn{background:var(--pitch);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:transform 80ms,background .15s}.btn:hover{background:var(--pitch2)}.btn:active{transform:translateY(1px)}.btn.gold{background:var(--gold);color:#3a2c0a}.btn.gold:hover{background:#e6b653}.btn.ghost{color:var(--pitch);background:0 0;border:1px solid #b9b09a}.btn.ghost.light{color:#dfe9e3;border-color:#3c6b59}.btn:disabled{opacity:.45;cursor:not-allowed}.btnrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.linkbtn{color:var(--pitch);cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:13px;text-decoration:underline}.err{color:#b5472e;margin:0 0 10px;font-size:13px;font-weight:600}.topbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:14px 0 6px;display:flex}.who{color:#dfe9e3;font-size:13px}.who b{color:var(--gold)}.progress{color:#bfd4c9;text-align:center;margin-bottom:14px;font-size:12px}.progress .bar{vertical-align:middle;background:#ffffff26;border-radius:4px;width:160px;height:6px;margin-left:8px;display:inline-block;overflow:hidden}.progress .fill{background:var(--gold);width:0;height:100%;transition:width .3s}.lock-banner{color:#ffd9cd;text-align:center;background:#b5472e26;border:1px solid #b5472e;border-radius:9px;max-width:620px;margin:8px auto 0;padding:10px 14px;font-size:13px}.share-bar{color:#bfd4c9;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:620px;margin:0 auto 6px;font-size:12px;display:flex}.share-bar input{max-width:320px;margin:0;padding:7px 10px;font-size:12px}.board-scroll{cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;padding-bottom:10px;overflow:auto hidden}.board-scroll.dragging{cursor:grabbing;scroll-behavior:auto}.board-scroll.dragging *{-webkit-user-select:none;user-select:none}.board-scroll::-webkit-scrollbar{height:9px}.board-scroll::-webkit-scrollbar-track{background:#ffffff0f;border-radius:5px}.board-scroll::-webkit-scrollbar-thumb{background:var(--gold);border-radius:5px}.board{grid-template-columns:repeat(4,168px) 168px repeat(4,168px);align-items:stretch;gap:14px;width:max-content;min-width:100%;margin:0 auto;display:grid}.col{flex-direction:column;justify-content:space-around;gap:8px;display:flex}.col-label{text-align:center;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;min-height:13px;margin-bottom:2px;font-size:10px;font-weight:700}.drag-hint{text-align:center;color:#9fb3a9;letter-spacing:.04em;margin:4px 0 2px;font-size:11px}.match{background:var(--paper);border:1px solid #cbc3ad;border-radius:7px;overflow:hidden;box-shadow:0 1px #00000038}.slot{cursor:pointer;-webkit-user-select:none;user-select:none;border-top:1px solid #ddd5c0;align-items:center;gap:7px;min-height:32px;padding:7px 8px;font-size:12px;font-weight:600;line-height:1.1;transition:background .12s;display:flex}.slot:first-child{border-top:none}.slot .ab{color:var(--mut);letter-spacing:.04em;flex:none;width:30px;font-size:9px;font-weight:800}.slot .nm{flex:1}.slot.empty{cursor:default}.slot.empty .nm{color:#aab2ab;font-style:italic;font-weight:500}.slot.empty .ab{visibility:hidden}.slot.locked{cursor:default}.slot.clickable:hover{background:#fff6df}.slot.picked{background:var(--win-bg);box-shadow:inset 3px 0 0 var(--win-br)}.slot.picked .nm{color:#7a3a17}.slot.confirmed-win{background:#eef5ef;box-shadow:inset 3px 0 #3f8f5f}.slot.confirmed-win .nm{color:#2d6b43}.slot.elim .nm{color:#a9b1aa;text-decoration:line-through}.center{flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.trophy{border:2px solid var(--gold);text-align:center;background:linear-gradient(160deg,#fbf3df,#efe3c4);border-radius:12px;width:100%;padding:14px 10px;box-shadow:0 6px 20px #0000004d}.trophy .ico{font-size:28px}.trophy .ttl{letter-spacing:.2em;color:#9a7a2a;text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:800}.trophy .champ{color:#7a3a17;min-height:18px;margin-top:3px;font-family:Georgia,serif;font-size:15px;font-weight:900}.trophy .champ.empty{color:#bfae7e;font-size:12px;font-style:italic;font-weight:600}.finalbox{background:var(--pitch2);border:1px solid #2c6450;border-radius:9px;width:100%;padding:8px}.finalbox .h{letter-spacing:.14em;color:var(--gold);text-transform:uppercase;text-align:center;margin-bottom:5px;font-size:9px;font-weight:700}.scorebox{text-align:center;border:1px dashed #b08a3a;border-radius:9px;width:100%;padding:10px}.scorebox .h{letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:700}.score-inputs{justify-content:center;align-items:center;gap:8px;display:flex}.score-inputs .sname{color:#dfe9e3;max-width:64px;font-size:10px;line-height:1.2}.score-inputs input{text-align:center;width:46px;margin:0;padding:6px;font-size:18px;font-weight:800}.score-inputs .x{color:var(--gold);font-weight:800}.bronze{text-align:center;border:1px dashed #b08a3a;border-radius:9px;width:100%;padding:8px}.bronze .h{letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700}.bronze .slot{color:#f0e6cf;background:0 0;border:none;justify-content:center;padding:3px}.bronze .slot .nm{flex:none}.bronze .slot.empty .nm{color:#b08a3a}.bronze .slot.picked{box-shadow:none;background:#d9a44133;border-radius:6px}.note{color:#cfe0d7;text-align:center;border-top:1px solid #2c6450;max-width:760px;margin:26px auto 0;padding-top:14px;font-size:11.5px;line-height:1.6}.tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 4px;display:flex}.tab{color:#cfe0d7;cursor:pointer;letter-spacing:.02em;background:#ffffff14;border:1px solid #34604f;border-radius:20px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .14s}.tab:hover{background:#ffffff24}.tab.active{background:var(--gold);color:#3a2c0a;border-color:var(--gold)}.lb{max-width:620px;margin:18px auto 0}.lb-row{background:#f3efe4f5;border:1px solid #cbc3ad;border-radius:10px;align-items:center;gap:14px;margin-bottom:9px;padding:12px 16px;display:flex}.lb-row.me{outline:2px solid var(--gold)}.lb-rank{color:#7a3a17;text-align:center;flex:none;width:38px;font-family:Georgia,serif;font-size:22px;font-weight:800}.lb-row:first-child .lb-rank{color:var(--gold)}.lb-main{flex:1;min-width:0}.lb-name{font-size:15px;font-weight:800}.lb-meta{color:#5a665e;margin-top:2px;font-size:11.5px}.lb-meta b{color:#7a3a17}.lb-pts{color:var(--pitch);text-align:right;flex:none;font-family:Georgia,serif;font-size:24px;font-weight:800}.lb-pts small{letter-spacing:.14em;text-transform:uppercase;color:#8a9389;font-family:Arial;font-size:9px;font-weight:700;display:block}.lb-max{color:#8a9389;font-size:11px;font-weight:600}.chips{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.chip{color:#5a665e;background:#e7e0cd;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700}.chip b{color:#2d6b43}.empty-entries{color:#9fb3a9;text-align:center;padding:14px;font-size:13px}.admin-note{color:#bfd4c9;text-align:center;max-width:620px;margin:0 auto 14px;font-size:12px;line-height:1.5}.admin-round{background:#f3efe4f5;border:1px solid #cbc3ad;border-radius:10px;max-width:620px;margin:0 auto 16px;padding:14px 16px}.admin-round h4{letter-spacing:.1em;text-transform:uppercase;color:#7a3a17;margin:0 0 4px;font-size:13px}.admin-round .ar-pts{color:#8a9389;margin-bottom:10px;font-size:11px;font-weight:700}.ar-match{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:7px;display:flex}.ar-team{cursor:pointer;background:#fff;border:1px solid #c4bca6;border-radius:7px;flex:1;align-items:center;gap:6px;min-width:120px;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .12s;display:flex}.ar-team:hover{background:#fff6df}.ar-team.sel{background:#eef5ef;border-color:#3f8f5f;box-shadow:inset 3px 0 #3f8f5f}.ar-team.sel .nm{color:#2d6b43}.ar-team.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ar-team .ab{color:#8a9389;flex:none;width:28px;font-size:9px;font-weight:800}.ar-team .nm{flex:1}.ar-vs{color:#9aa39c;flex:none;font-size:10px;font-weight:700}.admin-actions{text-align:center;max-width:620px;margin:0 auto}.reset-link{cursor:pointer;color:#d99;background:0 0;border:none;font-family:inherit;font-size:12px;text-decoration:underline}.toast{color:#fff;opacity:0;pointer-events:none;z-index:50;background:#13241d;border-radius:24px;padding:11px 20px;font-size:13px;transition:opacity .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0006}.toast.show{opacity:1}.hidden{display:none!important}.center-msg{color:#cfe0d7;text-align:center;padding:40px 0;font-size:14px}@media (max-width:920px){.board{grid-template-columns:repeat(4,150px) 150px repeat(4,150px);gap:11px}.slot{font-size:11.5px}}