@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{color:#f5eef6;background:#170031;font-family:Courier New,Courier,monospace;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;min-height:100dvh;margin:0;padding:0;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 50% 8%,rgba(197,89,179,.18),transparent 28rem),linear-gradient(180deg,#24083c,#10002f 48%,#170031)}body.game-active{height:100vh;height:100dvh;overflow:hidden;touch-action:none;position:fixed;inset:0}button,canvas{-webkit-tap-highlight-color:transparent}.app-shell{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:0;margin:0;overflow:hidden;background:#10002f;position:fixed;top:0;left:0}.game-device{height:100vh;height:100dvh;width:100vw;max-width:100vw;position:relative;overflow:hidden;background:#10002f}@media(min-aspect-ratio:9/16){.game-device{width:auto;aspect-ratio:9 / 16}}.game-root,.game-root canvas{width:100%!important;height:100%!important;display:block}.board-layout{display:grid;grid-template-columns:clamp(292px,22vw,380px) minmax(0,1fr);width:100vw;height:100vh;height:100dvh;background:#0d0221;color:#f5eef6;font-family:Space Mono,monospace;overflow:hidden}.board-sidebar{background:linear-gradient(180deg,#150530,#0d0221);border-right:1px solid rgba(255,22,117,.25);padding:clamp(1rem,1.4vw,1.5rem);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.75rem,1.1vw,1.1rem);overflow:hidden}.sidebar-top{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-width:0}.brand-logo{display:block;object-fit:contain;width:min(260px,100%);max-height:clamp(110px,14vw,190px)}.qr-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.qr-box{background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:clamp(.65rem,.9vw,1rem);border-radius:8px;border:1px solid rgba(139,212,245,.2)}.qr-box svg{width:clamp(118px,8.8vw,160px);height:clamp(118px,8.8vw,160px);display:block}.qr-label{display:flex;align-items:center;gap:.4rem;font-family:"Press Start 2P",cursive;font-size:.6rem;letter-spacing:1px;color:#8bd4f5;text-transform:uppercase;margin-top:4px}.live-feed{min-height:0;border:1px solid rgba(139,212,245,.16);border-radius:8px;background:#ffffff09;padding:.7rem}.live-feed-title{display:flex;align-items:center;justify-content:center;gap:.45rem;color:#8bd4f5;font-family:"Press Start 2P",cursive;font-size:.58rem;margin-bottom:.55rem}.live-feed-list{display:flex;flex-direction:column;gap:.35rem}.live-feed-item,.live-feed-empty{display:flex;align-items:center;gap:.45rem;min-height:28px;color:#e3cade;font-size:clamp(.65rem,.72vw,.78rem);line-height:1.25}.live-feed-empty{justify-content:center;color:#ae92b5;font-style:italic}.live-dot{width:8px;height:8px;border-radius:50%;background:#8bd4f5;box-shadow:0 0 10px #8bd4f5a6;flex:0 0 auto}.live-feed-up .live-dot{background:#5cd1af;box-shadow:0 0 10px #5cd1afb3}.leaderboard-container{min-height:0;display:flex;flex-direction:column}.leaderboard-container h2{font-family:"Press Start 2P",cursive;font-size:.75rem;line-height:1.5;color:#f5e157;margin:0 0 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.leaderboard-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;min-height:0;overflow:hidden}.lb-row{display:flex;align-items:center;gap:.6rem;min-height:42px;padding:.45rem .65rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:background .2s}.lb-row:hover{background:#ff167514}.lb-rank{min-width:28px;font-family:"Press Start 2P",cursive;font-size:.65rem;color:#ae92b5;text-align:center}.lb-top{font-size:.75rem}.lb-rank-1{color:#f5e157}.lb-rank-2{color:#d6e0e5}.lb-rank-3{color:#c48b68}.lb-player{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.lb-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,212,245,.4)}.lb-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-score{font-family:"Press Start 2P",cursive;font-size:.78rem;color:#5cd1af;display:flex;align-items:flex-end;gap:.32rem;min-width:54px;justify-content:flex-end}.lb-score strong{font:inherit}.lb-score small{color:#f5e157;font-size:.5rem}.lb-score-zero{color:#ff1675;min-width:34px}.legend{display:flex;flex-wrap:wrap;gap:.3rem .65rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.06);max-height:62px;overflow:hidden}.legend-item{display:flex;align-items:center;gap:.3rem;font-size:clamp(.58rem,.64vw,.68rem);color:#ae92b5;text-transform:capitalize}.legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sidebar-footer{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;background:#00000040;border:1px solid rgba(255,255,255,.04);border-radius:8px;box-shadow:inset 0 0 15px #0006}.built-by{font-family:Space Mono,monospace;font-size:.72rem;font-weight:800;letter-spacing:2px;color:#ae92b580}.footer-logos{display:flex;align-items:center;justify-content:center;gap:1rem}.logo-tb{width:38px;height:38px;object-fit:contain;opacity:.92;border-radius:4px}.logo-valence{height:48px;object-fit:contain;opacity:.92}.logo-x{font-family:Space Mono,monospace;font-size:1rem;font-weight:700;color:#ae92b580}.board-main{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:center;justify-items:center;gap:clamp(.75rem,1vw,1rem);padding:clamp(.9rem,1.4vw,1.5rem);overflow:hidden}.champions-strip{width:min(100%,1500px);min-height:104px;display:grid;grid-template-columns:1.35fr 1.12fr 1fr .94fr .9fr;gap:clamp(.45rem,.8vw,.85rem);align-items:end}.champions-empty{grid-column:1 / -1;align-self:center;justify-self:center;color:#ae92b5;font-style:italic}.champion-card{position:relative;min-width:0;min-height:86px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.7rem;border:1px solid rgba(245,238,246,.12);border-radius:8px;background:#ffffff0b;color:#f5eef6;font-family:Space Mono,monospace;cursor:pointer;overflow:hidden}.champion-card:hover{border-color:#f5e1578c;background:#ffffff13}.champion-rank{position:absolute;top:.45rem;right:.55rem;font-family:"Press Start 2P",cursive;font-size:clamp(.48rem,.58vw,.68rem);color:#f5e157}.champion-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid rgba(245,225,87,.75);box-shadow:0 0 14px #f5e15738}.champion-avatar-empty{display:grid;place-items:center;background:#10002fd1;color:#5cd1af;font-weight:800}.champion-info{min-width:0;display:flex;flex-direction:column;gap:.18rem;text-align:left}.champion-info strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.8rem,.95vw,1.05rem)}.champion-info span{color:#5cd1af;font-family:"Press Start 2P",cursive;font-size:clamp(.5rem,.56vw,.68rem)}.champion-rank-1{min-height:118px;background:linear-gradient(180deg,#f5e1572e,#ffffff0b)}.champion-rank-1 .champion-avatar{width:76px;height:76px}.champion-rank-2{min-height:106px}.champion-rank-2 .champion-avatar{width:68px;height:68px}.champion-rank-3{min-height:98px}.champion-rank-3 .champion-avatar{width:62px;height:62px}.pt-wrapper{display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(10,1fr);gap:clamp(2px,.22vw,4px);width:min(100%,1500px);aspect-ratio:18 / 10;max-height:calc(100dvh - 10rem)}.pt-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--cat-color, #828282);border-radius:4px;padding:2px;overflow:hidden;transition:all .25s ease;cursor:default;min-width:0;min-height:0}.pt-cell:hover{background:#ffffff1a;transform:scale(1.08);z-index:10;box-shadow:0 4px 20px #0006}.pt-num{font-family:"Press Start 2P",cursive;font-size:clamp(.28rem,.36vw,.42rem);color:#f5eef680;position:absolute;top:4px;left:4px;z-index:2}.pt-sym{font-family:"Press Start 2P",cursive;font-size:clamp(.58rem,.78vw,.9rem);color:#f5eef6;line-height:1;z-index:1}.pt-conquered{border-color:#5cd1af!important;background:#5cd1af1f;box-shadow:0 0 8px #5cd1af33}.pt-conquered .pt-sym{opacity:.3;font-size:clamp(.48rem,.62vw,.7rem)}.pt-conqueror{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.pt-conqueror img{width:100%;height:100%;object-fit:cover;opacity:.72;border-radius:2px}.pt-initials{font-family:"Press Start 2P",cursive;font-size:clamp(.42rem,.58vw,.68rem);color:#5cd1af;text-transform:uppercase}.pt-score-label,.pt-tie-count{position:absolute;z-index:3;font-family:"Press Start 2P",cursive;line-height:1;color:#f5eef6;text-shadow:0 1px 4px rgba(16,0,47,.9)}.pt-score-label{right:4px;bottom:4px;font-size:clamp(.34rem,.42vw,.5rem)}.pt-tie-count{right:4px;top:4px;padding:2px 3px;border-radius:4px;background:#10002fb8;color:#f5e157;font-size:clamp(.3rem,.36vw,.42rem)}.pt-label{display:flex;align-items:center;font-family:"Press Start 2P",cursive;font-size:.5rem;color:#ae92b5;letter-spacing:1px;text-transform:uppercase;padding-left:4px}.pt-arrow{display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#ae92b5}.text-yellow{color:#f5e157}.empty-text{color:#ae92b5;font-style:italic;font-size:.85rem;text-align:center;padding:1rem 0}.admin-layout{width:100vw;min-height:100vh;min-height:100dvh;background:#0d0221;color:#f5eef6;font-family:Space Mono,monospace;display:flex;flex-direction:column;overflow:visible}.admin-login{flex:1;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem}.admin-login-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:3rem 2.5rem;text-align:center;display:flex;flex-direction:column;gap:1rem;max-width:360px;width:100%}.admin-login-card h1{font-family:"Press Start 2P",cursive;font-size:1.1rem;color:#ff1675;margin:0}.admin-login-card p{font-size:.85rem;color:#ae92b5;margin:0}.admin-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.75rem 1rem;color:#f5eef6;font-family:Space Mono,monospace;font-size:.9rem;outline:none;transition:border-color .2s}.admin-input:focus{border-color:#ff1675}.admin-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.admin-header h1{font-family:"Press Start 2P",cursive;font-size:.9rem;color:#ff1675;margin:0}.admin-stats{display:flex;gap:.75rem;flex-wrap:wrap}.stat-badge{font-family:"Press Start 2P",cursive;font-size:.6rem;padding:.4rem .8rem;border-radius:20px;border:1px solid}.stat-pending{color:#f5e157;border-color:#f5e1574d;background:#f5e15714}.stat-approved{color:#5cd1af;border-color:#5cd1af4d;background:#5cd1af14}.stat-rejected{color:#ff1675;border-color:#ff16754d;background:#ff167514}.auto-approve-toggle{display:flex;align-items:center;gap:.65rem;color:#8bd4f5;font-family:"Press Start 2P",cursive;font-size:.56rem;line-height:1.3;cursor:pointer}.auto-approve-toggle input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:50px;height:26px;border-radius:999px;border:1px solid rgba(245,238,246,.18);background:#ae92b52e;transition:background .2s,border-color .2s}.switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#f5eef6;transition:transform .2s}.auto-approve-toggle input:checked+.switch-track{border-color:#5cd1af80;background:#5cd1af57}.auto-approve-toggle input:checked+.switch-track .switch-thumb{transform:translate(24px);background:#5cd1af}.admin-filters{padding:1rem 2rem;display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-btn{font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#ae92b5;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#ffffff0f}.filter-active{background:#ff167526;border-color:#ff1675;color:#f5eef6}.admin-table-wrap{flex:1;padding:0 2rem 2rem;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;min-width:760px;border-collapse:collapse}.admin-table th{font-family:"Press Start 2P",cursive;font-size:.6rem;color:#ae92b5;text-align:left;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.admin-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.85rem}.player-name-cell{font-weight:700;font-size:.9rem}.date-cell{color:#ae92b5;font-size:.75rem}.empty-row{text-align:center;color:#ae92b5;font-style:italic;padding:2rem!important}.status-pill{font-family:"Press Start 2P",cursive;font-size:.5rem;padding:.3rem .6rem;border-radius:12px}.status-pending{color:#f5e157;background:#f5e1571f}.status-approved{color:#5cd1af;background:#5cd1af1f}.status-rejected{color:#ff1675;background:#ff16751f}.actions-cell{display:flex;gap:.4rem;flex-wrap:wrap}.admin-btn{font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;padding:.35rem .7rem;border-radius:6px;border:none;cursor:pointer;transition:all .15s}.admin-btn:hover{transform:translateY(-1px)}.admin-btn-approve{background:#5cd1af33;color:#5cd1af;border:1px solid rgba(92,209,175,.3)}.admin-btn-approve:hover{background:#5cd1af59}.admin-btn-reject{background:#f5e15726;color:#f5e157;border:1px solid rgba(245,225,87,.25)}.admin-btn-reject:hover{background:#f5e1574d}.admin-btn-delete{background:#ff16751f;color:#ff1675;border:1px solid rgba(255,22,117,.2)}.admin-btn-delete:hover{background:#ff16754d}.profile-overlay{position:fixed;inset:0;background:#10002fd9;z-index:2000;display:flex;align-items:center;justify-content:center}.profile-modal{background:#24083c;border:4px solid #5cd1af;padding:30px;border-radius:12px;position:relative;min-width:300px;text-align:center}.profile-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#f5eef6;cursor:pointer}.profile-header{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #f5e157}.profile-avatar-placeholder{width:120px;height:120px;border-radius:50%;background:#10002f;display:flex;align-items:center;justify-content:center;color:#5cd1af;border:4px solid #f5e157}.profile-header h2{margin:0;color:#f5eef6;font-family:Courier New,monospace;font-size:24px}.profile-header p{margin:0;color:#ae92b5;font-family:Courier New,monospace;font-size:18px}.row-pending{background:#f5e15705}.row-approved{background:#5cd1af05}.row-rejected{background:#ff167505}@media(max-height:780px)and (min-width:981px){.board-sidebar{gap:.65rem}.sidebar-top{gap:.75rem}.brand-logo{max-height:clamp(86px,11vw,140px)}.leaderboard-list{gap:.3rem}.lb-row{min-height:36px;padding:.34rem .55rem}.champions-strip{min-height:88px}.champion-card{min-height:74px;padding:.5rem;gap:.5rem}.champion-avatar,.champion-rank-2 .champion-avatar,.champion-rank-3 .champion-avatar{width:48px;height:48px}.champion-rank-1,.champion-rank-2,.champion-rank-3{min-height:82px}.champion-rank-1 .champion-avatar{width:58px;height:58px}.sidebar-footer{padding:.7rem}.logo-tb{width:30px;height:30px}.logo-valence{height:38px}}@media(max-width:980px){.board-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(520px,1fr);height:auto;min-height:100dvh;overflow:auto}.board-sidebar{border-right:0;border-bottom:1px solid rgba(255,22,117,.25);grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr);grid-template-rows:auto auto;align-items:start}.sidebar-top{grid-row:1 / 3}.leaderboard-container,.sidebar-footer{min-width:0}.leaderboard-list{max-height:250px;overflow:auto}.board-main{min-height:520px;overflow-x:auto;justify-items:start}.champions-strip{grid-template-columns:repeat(5,minmax(112px,1fr));min-width:860px;overflow-x:auto;padding-bottom:.25rem}.pt-wrapper{min-width:860px;max-height:none}}@media(max-width:640px){.board-sidebar{grid-template-columns:1fr;grid-template-rows:auto auto auto}.sidebar-top{grid-row:auto}.brand-logo{max-height:120px}.qr-box svg{width:132px;height:132px}.leaderboard-list{max-height:320px}.sidebar-footer{padding:.9rem}}@media(max-width:760px){.admin-header{padding:1.1rem;align-items:flex-start}.admin-header h1{line-height:1.5}.admin-filters{padding:.75rem 1rem}.filter-btn,.stat-badge{white-space:nowrap}.admin-table-wrap{padding:0 1rem 1.25rem;overflow:visible}.admin-table{min-width:0;border-collapse:separate;border-spacing:0 .75rem}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}.admin-table tr{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;overflow:hidden}.admin-table td{display:grid;grid-template-columns:82px minmax(0,1fr);gap:.75rem;align-items:center;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.admin-table td:last-child{border-bottom:0}.admin-table td:before{content:attr(data-label);color:#ae92b5;font-family:"Press Start 2P",cursive;font-size:.48rem}.actions-cell{display:grid!important;grid-template-columns:82px minmax(0,1fr)}.actions-cell:before{align-self:center}.actions-cell>button{grid-column:2;width:100%;min-height:38px}.actions-cell>button+button{margin-top:.45rem}}.camera-overlay{position:absolute;inset:0;background:#10002f;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:40px}.camera-modal{background:transparent;border:none;padding:0;border-radius:0;display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.camera-modal h2{color:#f5e157;font-family:Courier New,monospace;font-size:22px;margin:0;text-align:center;letter-spacing:2px}.camera-error{color:#ff1675;font-family:Courier New,monospace;text-align:center;font-size:14px}.camera-viewport{width:260px;height:260px;position:relative;overflow:hidden;border:4px solid #5cd1af;border-radius:50%;background:#000;box-shadow:0 0 30px #5cd1af66}.camera-viewport video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-guides{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;border:2px dashed rgba(245,225,87,.5);border-radius:50%;pointer-events:none}.camera-countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;font-weight:700;font-family:Courier New,monospace;color:#f5eef6;text-shadow:0 0 20px #ff1675,0 0 40px #ff1675;z-index:10;pointer-events:none}.camera-flash{position:absolute;inset:0;background:#fff;z-index:20;opacity:0;animation:flashAnim .8s ease-out forwards;pointer-events:none}@keyframes flashAnim{0%{opacity:1}to{opacity:0}}.camera-actions{display:flex;gap:12px;width:80%;max-width:320px}.camera-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-family:Courier New,monospace;font-weight:700;font-size:16px;border:none;border-radius:8px;cursor:pointer}.btn-snap{background:#f5e157;color:#10002f}.btn-snap:disabled{opacity:.6;cursor:not-allowed}.btn-skip{background:#4a2b66;color:#f5eef6}.btn-skip:disabled{opacity:.6;cursor:not-allowed}