:root{--bg: #141210;--panel: #1d1a15;--panel-2: #262119;--line: #453c2d;--ink: #f2e8d5;--muted: #97907e;--for: #ff4d2e;--against: #33b6ff;--gold: #ffc72e;--danger: #ff3b3b;--marker: "Permanent Marker", cursive}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--bg);color:var(--ink);font-family:Libre Franklin,system-ui,sans-serif;font-size:16px;line-height:1.55}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.display{font-family:Ultra,serif;font-weight:400;letter-spacing:.01em;line-height:1.02;margin:0}html[dir=rtl] body{font-family:Tajawal,system-ui,sans-serif}html[dir=rtl] .display,html[dir=rtl] .brand,html[dir=rtl] .side-name,html[dir=rtl] .score-reveal-label,html[dir=rtl] .score-reveal-num,html[dir=rtl] .score-head,html[dir=rtl] .feedback h3,html[dir=rtl] .marquee-track,html[dir=rtl] .vs{font-family:Lalezar,Ultra,serif;letter-spacing:0}html[dir=rtl] .tape,html[dir=rtl] .grade-chip,html[dir=rtl] .you-result,html[dir=rtl] .meter-hint{font-family:Rakkas,serif}.shot-clock,.ticket-code,.pill-code,.input-code{direction:ltr}.lang-toggle{position:fixed;top:14px;inset-inline-end:16px;z-index:50;width:46px;height:46px;font-family:Lalezar,Ultra,serif;font-size:20px;color:var(--gold);background:var(--bg);border:3px solid var(--gold);border-radius:2px;cursor:pointer;transform:rotate(2deg);box-shadow:3px 3px #00000080}.lang-toggle:active{transform:rotate(2deg) translate(3px,3px);box-shadow:none}.stage{min-height:100vh;padding:24px clamp(16px,4vw,48px) 48px;background:var(--bg)}.center-col{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:600;margin:0}.subtitle{color:var(--muted);max-width:540px;margin:0}.footnote{color:var(--muted);font-size:13px;margin:6px 0 0}.small-print{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin:18px 0 0}.banner{background:var(--panel-2);border:3px solid var(--line);padding:10px 16px;font-size:14px;transform:rotate(-.4deg)}.banner-warn{border-color:var(--gold);color:var(--gold)}.banner-error{border-color:var(--danger);color:#ffb3b3}.error{color:#ffb3b3;font-size:14px;margin:10px 0 0}.btn{font:inherit;font-weight:600;color:var(--ink);background:var(--panel-2);border:3px solid var(--ink);border-radius:2px;padding:11px 22px;cursor:pointer;box-shadow:4px 4px 0 var(--line);transition:transform .07s ease,box-shadow .07s ease}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--line)}.btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--line)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.btn-primary{background:var(--gold);border-color:var(--gold);color:#1c1508;box-shadow:4px 4px 0 var(--ink)}.btn-primary:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink)}.btn-primary:active:not(:disabled){box-shadow:0 0 0 var(--ink)}.btn-small{padding:6px 12px;font-size:13px;box-shadow:3px 3px 0 var(--line)}.btn-wide{width:100%}.input{font:inherit;color:var(--ink);background:var(--bg);border:3px solid var(--line);border-radius:2px;padding:11px 14px;width:100%;outline:none;caret-color:var(--gold)}.input:focus{border-color:var(--gold);background:#000}.input-code{width:130px;text-transform:uppercase;letter-spacing:.25em;font-weight:700;text-align:center}.card{background:var(--panel);border:3px solid var(--line);border-radius:2px;padding:22px}.tape{display:inline-block;font-family:var(--marker);font-size:15px;color:#241d10;background:var(--ink);padding:3px 16px;transform:rotate(-2deg);clip-path:polygon(2% 0,98% 4%,100% 96%,1% 100%);opacity:.95}.home .logo{font-size:clamp(48px,9vw,96px);transform:rotate(-1deg);text-shadow:4px 4px 0 var(--for),8px 8px 0 rgba(51,182,255,.4)}.logo-accent{color:var(--gold)}.home .card{width:min(440px,92vw);text-align:start;box-shadow:6px 6px #00000080}.field-label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.12em}.home-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.join-row{display:flex;gap:10px}.join-row .btn{flex:1}.picker{max-width:720px;margin:20px auto 0;display:flex;flex-direction:column;gap:14px;transform:rotate(.3deg)}.cat-tabs{display:flex;flex-wrap:wrap;gap:8px}.cat-tab{font:inherit;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);background:transparent;border:2px solid var(--line);padding:5px 12px;cursor:pointer}.cat-active{color:#1c1508;background:var(--gold);border-color:var(--gold);transform:rotate(-2deg)}.topic-list{display:flex;flex-direction:column;gap:6px}.topic-btn{font:inherit;font-size:14px;text-align:start;color:var(--ink);background:var(--panel-2);border:2px solid var(--line);padding:9px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}.topic-btn:hover{border-color:var(--ink)}.topic-on-table{border-color:var(--gold);background:#ffc72e14;transform:rotate(-.4deg)}.topic-marks{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);white-space:nowrap}.side-row{display:flex;gap:10px;align-items:stretch}.side-btn{flex:1;font:inherit;cursor:pointer;background:transparent;border:3px solid currentColor;padding:10px 12px;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.side-btn:disabled{opacity:.4;cursor:default}.side-name{font-family:Ultra,serif;font-size:18px}.side-claim{font-size:12px;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.side-mine{box-shadow:4px 4px 0 currentColor;transform:rotate(-1deg)}.bouts{width:min(520px,92vw);display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:8px}.bout-row{width:100%;display:flex;align-items:baseline;gap:10px;font-size:13px;color:var(--muted);border-bottom:2px solid var(--line);padding-bottom:6px;text-align:start}.bout-mark{font-family:var(--marker);font-size:18px;min-width:20px}.bout-w{color:var(--gold)}.bout-l{color:var(--danger)}.bout-names{font-weight:600;color:var(--ink);white-space:nowrap}.bout-names em{font-style:normal;color:var(--muted);font-weight:400}.bout-topic{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marquee{width:100vw;margin:26px calc(-1*clamp(16px,4vw,48px)) -48px;border-top:3px solid var(--gold);border-bottom:3px solid var(--gold);background:#0d0c0a;overflow:hidden;white-space:nowrap;padding:8px 0}.marquee-track{display:inline-block;animation:marquee 22s linear infinite;font-family:Ultra,serif;font-size:14px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.brand{font-family:Ultra,serif;font-size:18px;transform:rotate(-1deg);text-shadow:2px 2px 0 var(--for)}.pill{border:2px solid var(--line);padding:3px 10px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.pill-code{color:var(--gold);border-color:var(--gold);letter-spacing:.25em;font-weight:700}.motion-banner{font-weight:600;font-size:15px;margin-inline-start:auto;text-align:end}.invite-block{text-align:center;margin:20px 0;display:flex;flex-direction:column;gap:14px;align-items:center}.ticket{background:var(--ink);color:#241d10;display:flex;align-items:stretch;transform:rotate(-1.2deg);box-shadow:6px 6px #0000008c;text-align:start}.ticket-main{padding:18px 26px;border-inline-end:3px dashed #241d10}.ticket-label{font-size:11px;text-transform:uppercase;letter-spacing:.22em;font-weight:700;margin:0 0 2px}.ticket-code{font-family:Doto,monospace;font-weight:900;font-size:clamp(40px,7vw,64px);letter-spacing:.12em;line-height:1;margin:0}.ticket-fine{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:6px 0 0;color:#5d5238}.ticket-stub{display:flex;align-items:center;padding:12px 14px;background:repeating-linear-gradient(90deg,#241d10 0 2px,transparent 2px 5px,#241d10 5px 6px,transparent 6px 10px);min-width:46px}.consent{max-width:560px;margin:20px auto 0;display:flex;flex-direction:column;gap:14px;transform:rotate(.4deg)}.consent-row{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--muted);cursor:pointer}.consent-row input{margin-top:3px;width:18px;height:18px;accent-color:var(--gold)}.tiles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;max-width:1100px;margin:0 auto}.tile-solo{max-width:460px;margin:0 auto}.tile{position:relative;aspect-ratio:16 / 10;background:#0b0a08;border:3px solid var(--line);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.tile video{width:100%;height:100%;object-fit:cover}.tile video.mirror{transform:scaleX(-1)}.tile-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;padding:20px;text-align:center;background-image:radial-gradient(circle,rgba(242,232,213,.13) 1px,transparent 1px);background-size:7px 7px}.tile-for.tile-active{border-color:var(--for);box-shadow:6px 6px #ff4d2e8c}.tile-against.tile-active{border-color:var(--against);box-shadow:6px 6px #33b6ff8c}.tile:not(.tile-active) video{filter:saturate(.8) brightness(.8)}.tag{position:absolute;inset-inline-start:10px;bottom:10px;background:#0b0a08d9;border:2px solid var(--line);padding:4px 10px;font-size:13px;font-weight:700;display:flex;gap:8px;align-items:baseline}.tag-sub{color:var(--muted);font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.live-pill{position:absolute;top:10px;inset-inline-start:10px;background:var(--gold);color:#1c1508;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.14em;transform:rotate(-3deg);animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.6}}.tile-stack{display:flex;flex-direction:column;gap:8px}.meter-row{display:flex;align-items:center;gap:10px}.meter-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;min-width:90px}.meter{flex:1;height:10px;background:var(--panel-2);border:2px solid var(--line);overflow:hidden}.meter-fill{height:100%;background:var(--gold);transition:width .1s linear}.meter-warn .meter-fill{background:var(--danger)}.meter-warn .meter-label{color:var(--danger)}.meter-hint{font-family:var(--marker);font-size:14px;color:var(--danger);margin:0;transform:rotate(-1deg)}.reveal .motion{font-size:clamp(28px,5vw,54px);max-width:880px;transform:rotate(-.7deg);text-shadow:3px 3px 0 rgba(0,0,0,.6)}.versus{display:flex;align-items:center;gap:22px;font-size:clamp(18px,3vw,28px);font-weight:700}.vs{font-family:Ultra,serif;color:var(--gold);font-size:.85em;transform:rotate(-6deg);display:inline-block}.for{color:var(--for)}.against{color:var(--against)}.side-badge{font-family:Ultra,serif;font-size:clamp(20px,3vw,30px);padding:12px 28px;border:4px solid currentColor;transform:rotate(-2deg);box-shadow:5px 5px #00000080;animation:stampIn .35s cubic-bezier(.2,1.6,.4,1)}@keyframes stampIn{0%{transform:scale(2.2) rotate(6deg);opacity:0}to{transform:scale(1) rotate(-2deg);opacity:1}}.debate .round-card{display:flex;align-items:center;gap:10px;justify-content:center;margin:4px 0 16px}.round{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);border:2px solid var(--line);padding:3px 12px}.round-now{color:#1c1508;background:var(--gold);border-color:var(--gold);transform:rotate(-2deg)}.round-step{font-size:12px;color:var(--muted);margin-inline-start:8px}.clock-row{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:18px auto 10px;gap:14px}.speaker-chip,.mic-chip{font-size:14px;font-weight:700;padding:7px 14px;border:3px solid currentColor}.mic-live{color:var(--gold);transform:rotate(-1deg);animation:livePulse 1.6s ease-in-out infinite}.mic-off{color:var(--muted)}.shot-clock{font-family:Doto,monospace;font-weight:900;font-size:clamp(42px,6vw,68px);color:var(--gold);line-height:1;position:relative}.clock-danger{color:var(--danger);animation:dangerPulse .5s ease-in-out infinite}@keyframes dangerPulse{0%,to{opacity:1}50%{opacity:.45}}.clock-track{max-width:1100px;margin:0 auto;height:10px;background:var(--panel-2);border:2px solid var(--line);overflow:hidden}.clock-fill{height:100%;transition:width .15s linear}.fill-for{background:var(--for)}.fill-against{background:var(--against)}.debate .banner{max-width:1100px;margin:14px auto 0;text-align:center}.verdict-wait .deliberating{font-size:clamp(26px,4.5vw,48px)}.gavel-spinner{width:44px;height:44px;border:4px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.verdict-drum{justify-content:center}.huge{font-size:clamp(36px,8vw,100px);transform:rotate(-1.5deg);text-shadow:4px 4px 0 var(--for);animation:livePulse .8s ease-in-out infinite}.score-reveals{display:flex;flex-direction:column;gap:14px;width:min(560px,94vw)}.score-reveal{animation:stampInFlat .35s cubic-bezier(.2,1.6,.4,1);padding:14px 18px;box-shadow:5px 5px #00000080}.score-reveal:nth-child(odd){transform:rotate(-.8deg)}.score-reveal:nth-child(2n){transform:rotate(.6deg)}@keyframes stampInFlat{0%{transform:scale(1.9);opacity:0}to{transform:scale(1);opacity:1}}.score-reveal-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;border-bottom:2px solid var(--line);padding-bottom:6px}.score-reveal-label{font-family:Ultra,serif;font-size:18px}.score-reveal-max{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.score-reveal-desc{font-size:13px;color:var(--muted);margin:0 0 10px}.score-reveal-sides{display:flex;align-items:center;justify-content:space-between;gap:12px}.score-reveal-side{display:flex;align-items:center;gap:10px;min-width:0}.score-reveal-side .fighter{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-reveal-num{font-family:Ultra,serif;font-size:26px}.grade-chip{font-family:var(--marker);font-size:20px;transform:rotate(-6deg);display:inline-block}.grade-Aplus,.grade-A{color:var(--gold)}.grade-B{color:#9fe17a}.grade-C{color:var(--against)}.grade-D{color:#f0997b}.grade-F{color:var(--danger)}.stamp{display:flex;flex-direction:column;align-items:center;gap:4px;border:5px double currentColor;padding:22px 44px;transform:rotate(-2.5deg);box-shadow:7px 7px #0000008c;animation:stampIn .4s cubic-bezier(.2,1.6,.4,1)}.stamp-label{font-size:13px;letter-spacing:.35em;font-weight:700}.stamp-name{font-size:clamp(34px,6.5vw,70px);text-shadow:3px 3px 0 rgba(0,0,0,.5)}.stamp-side{font-size:14px;letter-spacing:.25em;font-weight:700}.summary{font-size:clamp(17px,2.4vw,22px);max-width:720px;margin:6px 0 0}.you-result{font-family:var(--marker);font-size:18px;margin:0;transform:rotate(-1deg)}.you-result.won{color:var(--gold)}.you-result.lost{color:var(--muted)}.verdict-details{display:flex;flex-direction:column;gap:18px;width:min(760px,94vw);margin-top:10px;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.scoreboard{text-align:start;box-shadow:6px 6px #00000080}.score-head{display:flex;justify-content:space-between;align-items:baseline;font-family:Ultra,serif;font-size:18px;margin-bottom:14px;border-bottom:3px solid var(--line);padding-bottom:8px}.score-row{display:flex;align-items:center;gap:12px;margin:8px 0}.score-num{width:28px;font-weight:700;color:var(--muted)}.score-bars{flex:1;display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;gap:10px}.score-bar{height:12px;background:var(--panel-2);border:2px solid var(--line);overflow:hidden}.score-bar.left{transform:scaleX(-1)}.score-fill{height:100%}.score-label{text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.score-label em{font-style:normal;opacity:.6}.quotes{display:flex;flex-direction:column;gap:10px}.quote{margin:0;padding:14px 18px;border:3px solid currentColor;background:var(--panel);text-align:start;font-size:15px;box-shadow:4px 4px #00000073}.quote.for{transform:rotate(-.6deg)}.quote.against{transform:rotate(.5deg)}.quote cite{display:block;margin-top:6px;font-style:normal;font-size:13px;color:var(--muted)}.feedback-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feedback{text-align:start}.feedback h3{margin:0 0 8px;font-family:Ultra,serif;font-size:16px;font-weight:400}.feedback ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px;display:flex;flex-direction:column;gap:6px}.verdict-actions{display:flex;gap:12px;justify-content:center}.live-strip{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:18px;padding-top:14px;border-top:3px solid var(--line);width:min(520px,92vw)}.live-strip-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.live-strip-tiles .tile{aspect-ratio:16 / 10}.live-note{font-size:13px;color:var(--gold);margin:0}@media(max-width:720px){.tiles,.feedback-cols{grid-template-columns:1fr}.clock-row{flex-direction:column;gap:8px}}