@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap");:root{--bg:#0f0f13;--card-bg:#18181f;--text:#e8e6e1;--accent:#4f8ef7;--gold:#f0c060;--border:#2a2a35;--muted:#888;--muted-dark:#555;--font-sans:"DM Sans",sans-serif;--font-serif:"DM Serif Display",serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;min-height:100vh}h1,h2,h3{font-family:var(--font-serif);font-weight:400;color:var(--text)}hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.page{width:100%;padding:2rem 3%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:#1e2030;color:#c8c6c1;border:1px solid var(--border);border-radius:8px;padding:.6rem 1.4rem;font-family:var(--font-sans);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-decoration:none}.btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:#1e2030;color:#c8c6c1;border-color:var(--border)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#3a7ce8;border-color:#3a7ce8}.btn-full,.input{width:100%}.input{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-sans);font-size:1rem;padding:.6rem .9rem;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted-dark)}label{font-size:.88rem;color:var(--muted);display:block;margin-bottom:.35rem}.card,.room-code{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.room-code{font-family:var(--font-sans);font-size:3.5rem;font-weight:600;letter-spacing:.3em;color:var(--gold);text-align:center;margin:0}.quote-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1.8rem;min-height:110px;transition:border-color .15s,background .15s;cursor:default;height:100%}.quote-card.selected{border-color:var(--accent);background:#141826}.quote-text{overflow-wrap:anywhere;font-family:var(--font-serif);font-size:1.15rem;line-height:1.65;color:var(--text);font-style:italic}.quote-author{font-size:.78rem;color:var(--muted);margin-top:.6rem;font-weight:500;letter-spacing:.05em}.quote-author,.vs-label{text-transform:uppercase}.vs-label{text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.2em;color:var(--muted-dark);padding-top:2.5rem}.vote-bar-row{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.vote-count{font-size:.8rem;font-weight:600;min-width:1.5rem;color:var(--accent)}.vote-count.right{text-align:right;color:var(--muted)}.vote-bar-track{flex:1 1;background:var(--muted);border-radius:6px;height:6px;overflow:hidden}.vote-bar-fill{height:6px;border-radius:6px;background:var(--accent);transition:width .3s ease}.chip-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.chip{overflow-wrap:anywhere;display:inline-block;background:var(--card-bg);border:1px solid var(--border);border-radius:999px;padding:.2rem .75rem;font-size:.8rem;color:#aaa}.champion-card{background:linear-gradient(135deg,#1a1a25,#221e10);border:1px solid var(--gold);border-radius:16px;padding:2.5rem;text-align:center;margin:1rem 0}.champion-label{font-size:.75rem;font-weight:600;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:.75rem}.champion-quote{overflow-wrap:anywhere;font-family:var(--font-serif);font-size:1.8rem;font-style:italic;line-height:1.5;color:var(--text)}.champion-author{margin-top:1rem;font-size:.9rem;color:var(--gold);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.alert{border-radius:8px;padding:.75rem 1rem;font-size:.9rem;margin:.75rem 0}.alert-info{background:#111827;border:1px solid #1f2d4a;color:#7db0f5}.alert-success{background:#0f1f14;border:1px solid #1a3d25;color:#5fba7e}.alert-error{background:#1f1011;border:1px solid #3d1a1c;color:#e07070}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.grid-3{display:grid;grid-template-columns:5fr 1fr 5fr;grid-gap:.75rem;gap:.75rem}.flex-row,.grid-3{align-items:center}.flex-row{display:flex;gap:1rem}.flex-col{display:flex;flex-direction:column;gap:.75rem}.text-center{text-align:center}.text-muted{color:var(--muted)}.text-gold{color:var(--gold)}.text-sm{font-size:.88rem}.text-xs{font-size:.78rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.host-info-bar{display:flex;gap:1rem;align-items:stretch;margin-bottom:1rem}.host-bar-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem}.host-code-box{display:flex;flex-direction:column}.host-room-code{position:relative;flex:1 1;display:flex;align-items:center;justify-content:center;font-size:3rem;letter-spacing:.25em;padding:.5rem 1.1rem;width:auto}.host-room-code .host-bar-label{position:absolute;top:.6rem;left:.9rem;margin-bottom:0}.host-qr-box{flex:0 0 130px;width:130px;height:auto;background:#f0f0f0;border-radius:8px;padding:.5rem;display:flex;align-items:center;justify-content:center}.host-players-box{flex:1 1;min-width:0;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:.6rem 1rem}.file-upload{border:2px dashed var(--border);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .15s}.file-upload:hover{border-color:var(--accent)}.file-upload:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.file-upload input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.qr-box{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:center}.match-header{font-size:.78rem;font-weight:600;color:var(--muted-dark);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.matchup-enter{animation:fadeIn .25s ease both}.result-row{display:flex;gap:1rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.result-row:last-child{border-bottom:none}.result-loser{flex:1 1;opacity:.35;font-style:italic;font-size:.88rem}.result-arrow{color:var(--accent);font-size:.9rem}.result-winner{flex:1 1;font-style:italic;font-size:.88rem}.result-score{font-size:.75rem;color:var(--muted);margin-left:.4rem}.root-body{display:flex;flex-direction:column;min-height:100vh}.root-content{flex:1 1}.wave-banner{position:relative;width:100%;overflow:hidden}.wave-banner-hero{aspect-ratio:4000/859}.wave-banner-slim{aspect-ratio:2000/178}.wave-layer{position:absolute;inset:0;background-repeat:repeat-x}.wave-layer-light{background-image:url(/waves/wave-below-light.svg);background-size:6400px 100%;animation:wave-drift-light 144s linear infinite;z-index:1}.wave-layer-medium{background-image:url(/waves/wave-below-medium.svg);background-size:3200px 100%;animation:wave-drift-medium 60s linear infinite;z-index:2}.wave-layer-dark{background-image:url(/waves/wave-below-dark.svg);background-size:1600px 100%;animation:wave-drift-dark 25s linear infinite;z-index:3}.wave-banner-flip .wave-layer-light{background-image:url(/waves/wave-above-light.svg)}.wave-banner-flip .wave-layer-medium{background-image:url(/waves/wave-above-medium.svg)}.wave-banner-flip .wave-layer-dark{background-image:url(/waves/wave-above-dark.svg)}@keyframes wave-drift-light{0%{background-position-x:4800px}to{background-position-x:11200px}}@keyframes wave-drift-medium{0%{background-position-x:1150px}to{background-position-x:4350px}}@keyframes wave-drift-dark{0%{background-position-x:240px}to{background-position-x:1840px}}@media (prefers-reduced-motion:reduce){.wave-layer{animation:none}}.banner-title-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:0 4%}.banner-title-row{display:flex;align-items:center;gap:.3em;font-size:clamp(1.1rem,6vw,3.5rem);max-width:100%;transform:translateY(-.5em)}.banner-title-img{height:clamp(1.7rem,9vw,5.25rem);width:auto;display:block;flex-shrink:0;animation:fadeIn .25s ease .1s both}.banner-title-typed{font-family:var(--font-serif);font-size:clamp(1.1rem,6vw,3.5rem);color:#fff;white-space:nowrap;line-height:1}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.banner-cursor{animation:blink .6s step-end infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bracket-scroll{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}.bracket-scroll::-webkit-scrollbar{height:6px}.bracket-scroll::-webkit-scrollbar-track{background:var(--bg)}.bracket-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.bracket-scroll::-webkit-scrollbar-thumb:hover{background:var(--muted-dark)}@keyframes text-shimmer{0%{background-position:200%}to{background-position:-200%}}.waiting-shimmer{background:linear-gradient(90deg,var(--muted-dark) 20%,var(--text) 50%,var(--muted-dark) 80%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:text-shimmer 2.5s linear infinite}@keyframes waiting-pulse{0%,to{opacity:.45}50%{opacity:1}}.waiting-pulse{animation:waiting-pulse 2s ease-in-out infinite}.banner-top-brand{position:absolute;top:50%;left:4%;z-index:3;transform:translateY(-50%);display:flex;align-items:center;gap:.4em;text-decoration:none;color:#fff}.banner-top-brand-img{height:clamp(1.2rem,4.5vw,2.1rem);width:auto;display:block}.banner-top-brand-text{font-family:var(--font-serif);font-size:clamp(.8rem,2.6vw,1.35rem);white-space:nowrap;line-height:1}.banner-bottom-info{position:absolute;z-index:3;bottom:26%;right:1.5rem;transform:translateY(1em);display:flex;flex-direction:column;align-items:flex-end;gap:.83rem;color:hsla(0,0%,100%,.6);font-size:.72rem;font-family:var(--font-sans);pointer-events:none}.banner-bottom-info,.banner-bottom-info .version-btn{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:600px){.page{padding:1.25rem 3%}.grid-2{gap:1rem}.grid-2,.grid-3{grid-template-columns:1fr}.grid-3{gap:.4rem}.vs-label{padding-top:0}.host-info-bar{flex-wrap:wrap;gap:.75rem}.host-code-box{flex:1 1;min-width:0}.host-qr-box{flex:0 0 130px}.host-players-box{flex:0 0 100%}.host-room-code{font-size:2rem;min-height:90px}.champion-card{padding:1.75rem 1.25rem}.champion-quote{font-size:1.4rem}}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.78);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:1.5rem;overflow-y:auto}.overlay-card{max-width:540px;width:100%;margin:auto;max-height:calc(100dvh - 3rem);overflow-y:auto}.btn-danger{background:#2e1010;color:#f87171;border-color:#7f1d1d}.btn-danger:hover{background:#451515;border-color:#b91c1c;color:#fca5a5}.bmc-card{border-color:var(--accent);gap:.4rem;max-width:240px;margin:1rem auto 0;padding:1rem}.bmc-card,.bmc-top{display:flex;flex-direction:column;align-items:center}.bmc-top{gap:.27rem}.bmc-title{color:var(--accent);font-weight:600;font-size:.67rem}.bmc-card .text-sm{font-size:.59rem}.bmc-btn{color:var(--accent);font-size:.63rem;padding:.4rem .93rem}.bmc-btn,.bmc-btn:hover{border-color:var(--accent)}.bmc-btn:hover{background:var(--accent);color:#fff}.bmc-card .mt-2{margin-top:.67rem}.qb-details{border-radius:10px;overflow:hidden}.qb-details[open]>.qb-summary{border-bottom:1px solid var(--border);border-radius:10px 10px 0 0}.qb-summary{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;font-size:.88rem;font-weight:500;color:var(--text);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qb-summary::-webkit-details-marker{display:none}.qb-summary:before{content:"▶";font-size:.6rem;color:var(--muted);transition:transform .15s;flex-shrink:0}.qb-details[open]>.qb-summary:before{transform:rotate(90deg)}.qb-details-inactive>.qb-summary{color:var(--muted);cursor:default}.qb-details-inactive>.qb-summary:before{opacity:.35}.qb-details-body{border-radius:0 0 10px 10px;border-top:none;padding:1rem 1.25rem}.qb-big-rule{font-size:.95rem;font-weight:600;color:var(--accent);margin-bottom:.85rem}.qb-table{width:100%;border-collapse:collapse;font-size:.83rem}.qb-table th{text-align:left;color:var(--muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;padding:0 .5rem .5rem}.qb-table td,.qb-table th{border-bottom:1px solid var(--border)}.qb-table td{padding:.4rem .5rem;vertical-align:middle;color:var(--text)}.qb-table tr:last-child td{border-bottom:none}.qb-table code{font-size:.82rem;color:var(--accent);background:rgba(79,142,247,.08);padding:.1rem .35rem;border-radius:4px}.version-btn{background:none;border:none;padding:0;color:inherit;font:inherit;font-size:inherit;cursor:pointer;pointer-events:auto}.version-modal{max-width:360px}