/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#11131d;--paper:#fffaf0;--line:#ffffff38;--deep:#10121f;--electric:#17eecb;--hot:#ff2c8a;--sun:#ffe05f}*{box-sizing:border-box}html{background:var(--deep);min-height:100%}body{min-height:100%;color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.arena-shell{color:#fff;background:linear-gradient(115deg,#ffe05feb 0 18%,#0000 18% 100%),linear-gradient(138deg,#07111f 0%,#15173b 34%,#511b6e 61%,#ff6b35 100%);min-height:100vh;overflow-x:hidden}.hero-band{isolation:isolate;min-height:min(78vh,760px);padding:clamp(1.2rem,4.6vw,4.8rem);display:grid;position:relative;overflow:hidden}.hero-band:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#10121ff2);height:35%;position:absolute;inset:auto 0 0}.hero-scene{z-index:0;filter:drop-shadow(0 34px 70px #00000073);position:absolute;inset:-7% -12% 4% 58%}.speed-lines{z-index:0;opacity:.66;transform-origin:0 0;background:repeating-linear-gradient(108deg,#0000 0 3.5rem,#ffffff1a 3.6rem 3.72rem),linear-gradient(90deg,#ffe05f8c,#0000 48%);position:absolute;inset:0;transform:skewY(-4deg)scale(1.08)}.hero-copy{z-index:2;align-self:end;width:min(940px,100%);padding-bottom:clamp(2.2rem,5vw,5rem);position:relative}.eyebrow,.round-label,.panel-heading p,.board-topline span,.room-code span{color:#ffffffc7;letter-spacing:0;text-transform:uppercase;align-items:center;gap:.45rem;margin:0 0 .72rem;font-size:.78rem;font-weight:1000;display:inline-flex}h1,h2,p{margin-top:0}h1{color:#fff;text-shadow:0 8px #0000005c,0 22px 55px #0000005c;max-width:980px;margin-bottom:1rem;font-size:clamp(4rem,12vw,10rem);font-weight:1000;line-height:.82}.lead{color:#ffffffdb;max-width:690px;margin-bottom:1.45rem;font-size:clamp(1.05rem,2vw,1.42rem);font-weight:650;line-height:1.48}.feature-row{flex-wrap:wrap;gap:.62rem;display:flex}.feature-row span{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff3d,#ffffff14),#11131d40;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:.45rem;min-height:2.55rem;padding:.58rem .88rem;font-size:.9rem;font-weight:900;display:inline-flex;box-shadow:0 16px 38px #00000038}.hero-grid{z-index:1;opacity:.98;grid-template-columns:repeat(3,minmax(5.6rem,1fr));gap:clamp(.65rem,1.4vw,1rem);width:min(38vw,560px);display:grid;position:absolute;inset:8% 2% auto auto;transform:rotate(-7deg)}.hero-token{aspect-ratio:1;background:radial-gradient(circle at 32% 26%, #fffffff2, transparent .72rem), var(--token-color);color:#fff;width:clamp(4.8rem,8vw,7.7rem);animation:4.2s ease-in-out infinite float-token;animation-delay:var(--delay);border:.28rem solid #ffffffeb;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 -.55rem #0000002e,0 1rem 2.6rem #00000047}@keyframes float-token{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(9deg)}}.game-layout{z-index:2;grid-template-columns:minmax(230px,300px) minmax(0,1fr) minmax(230px,320px);gap:1rem;margin-top:-2.8rem;padding:0 clamp(.9rem,3vw,2.4rem) 3rem;display:grid;position:relative}.neon-panel,.board{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff29,#ffffff0f),#080b18b3;border:1px solid #ffffff3d;border-radius:8px;box-shadow:0 26px 70px #00000061,inset 0 1px #ffffff3d}.control-panel,.knowledge-panel{flex-direction:column;align-self:start;gap:1rem;padding:1rem;display:flex}.panel-heading strong{color:#fff;font-size:1.25rem;display:block}.entry-forms,.join-form,.room-tools{gap:.82rem;display:grid}label{color:#ffffffbd;text-transform:uppercase;gap:.42rem;font-size:.78rem;font-weight:950;display:grid}input{width:100%;color:var(--ink);background:#fffffff0;border:1px solid #ffffff38;border-radius:8px;outline:none;padding:.86rem .9rem;box-shadow:inset 0 .22rem #11131d14}input:focus{border-color:var(--electric);box-shadow:0 0 0 4px #17eecb2e,inset 0 .22rem #11131d14}button{min-height:3.05rem;color:var(--ink);background:linear-gradient(#fffffffa,#e8edffe6);border:1px solid #ffffff38;border-radius:8px;justify-content:center;align-items:center;gap:.48rem;padding:.76rem 1rem;font-weight:1000;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex}button:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 14px 30px #00000038}button:disabled{cursor:not-allowed;opacity:.58}.primary-action{color:#171019;text-shadow:0 1px #ffffff5c;background:linear-gradient(135deg,#ff2c8a,#ff6b35 48%,#ffe05f);width:100%;box-shadow:0 18px 36px #ff2c8a47,inset 0 1px #ffffff73}.ready-action{color:#08201c;background:linear-gradient(135deg,#17eecb,#00c2a8 46%,#b8ff70);box-shadow:0 18px 36px #17eecb3d,inset 0 1px #ffffff73}.spin-action{color:#171019;background:linear-gradient(135deg,#ffe05f,#ffb000 48%,#ff6b35);box-shadow:0 18px 36px #ffb00040,inset 0 1px #ffffff85}.room-code{background:linear-gradient(135deg,#17eecb2e,#7c5cff29);border:1px solid #fff3;border-radius:8px;justify-content:space-between;align-items:center;padding:.86rem;display:flex}.room-code strong{color:#fff;text-shadow:0 0 22px #17eecb94;font-size:1.55rem}.error-message{border:1px solid #ff2c8a6b;border-left:4px solid var(--hot);color:#fff;background:#ff2c8a26;border-radius:8px;margin:0;padding:.78rem;font-size:.9rem;font-weight:850}.board{min-height:650px;padding:clamp(1rem,2vw,1.4rem)}.board-topline{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:1rem;min-height:2.6rem;margin-bottom:.7rem;padding-bottom:.8rem;display:flex}.board-topline span{color:var(--accent,var(--electric));margin:0}.board-topline strong{color:#ffffffd1;text-transform:uppercase;font-size:.82rem}.score-strip{gap:.72rem;min-height:4.6rem;padding:.1rem 0 .65rem;display:flex;overflow-x:auto}.player-chip{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:.72rem;min-width:178px;padding:.68rem;display:flex;position:relative;box-shadow:0 14px 28px #00000038}.player-chip.is-me{outline:3px solid var(--accent,var(--electric))}@supports (color:color-mix(in lab, red, red)){.player-chip.is-me{outline:3px solid color-mix(in srgb, var(--accent,var(--electric)) 40%, transparent)}}.player-chip.answered{background:linear-gradient(135deg,#17eecb2e,#ffffff1a);border-color:#17eecb8c;box-shadow:0 14px 28px #00000038,0 0 0 1px #17eecb29,0 0 24px #17eecb2e}.ready-badge{aspect-ratio:1;color:#fff;background:#10d86f;border:.15rem solid #fffffff2;border-radius:50%;place-items:center;width:1.9rem;display:grid;position:absolute;top:-.45rem;right:-.42rem;box-shadow:0 .8rem 1.4rem #0000003d,0 0 24px #10d86f7a}.avatar{aspect-ratio:1;background:radial-gradient(circle at 35% 25%, #fff, transparent .52rem), var(--accent,var(--electric));color:#fff;text-shadow:0 1px #00000059;border-radius:50%;flex:none;place-items:center;width:2.75rem;font-weight:1000;display:grid}.player-chip strong,.player-chip small{display:block}.player-chip strong{color:#fff}.player-chip small{color:#ffffffa8;font-size:.78rem;font-weight:850}.wheel-zone{grid-template-columns:minmax(230px,.8fr) minmax(330px,1.2fr);align-items:center;gap:clamp(1rem,3vw,2rem);min-height:530px;display:grid}.wheel-stage{perspective:900px;place-items:center;min-height:420px;display:grid;position:relative}.wheel-glow{aspect-ratio:1;filter:blur(42px);opacity:.45;background:conic-gradient(from 90deg,#17eecb,#ffe05f,#ff2c8a,#7c5cff,#17eecb);border-radius:50%;width:min(78%,360px);position:absolute}.wheel-spinner{aspect-ratio:1;width:min(100%,390px);transform-style:preserve-3d;place-items:center;display:grid;position:relative}.category-wheel{aspect-ratio:1;background:radial-gradient(circle,#11131d 0 26%,#0000 26.4%),conic-gradient(#00c2a8 0deg 60deg,#ffb000 60deg 120deg,#2b8cff 120deg 180deg,#ff4f8b 180deg 240deg,#7c5cff 240deg 300deg,#ff6b35 300deg 360deg);border:.82rem solid #ffffffeb;border-radius:50%;width:100%;animation:4.8s ease-in-out infinite wheel-pulse;position:relative;transform:rotateX(10deg);box-shadow:inset 0 0 0 .42rem #ffffff94,inset 0 -1.1rem 1.8rem #00000038,0 2rem 4.5rem #0000006b}.category-wheel:before,.category-wheel:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:9%}.category-wheel:before{border:1px dashed #ffffff9e}.category-wheel:after{background:radial-gradient(circle at 30% 20%,#ffffff57,#0000 18% 100%)}.category-wheel span{aspect-ratio:1;background:var(--slice-color);color:#fff;width:2.65rem;transform:rotate(var(--angle)) translate(4.75rem) rotate(calc(-1 * var(--angle)));border:.2rem solid #ffffffdb;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;box-shadow:inset 0 -.35rem #0003,0 .9rem 1.8rem #0003}.category-wheel span svg{width:1.18rem;height:1.18rem}.category-wheel b{color:var(--accent,var(--electric));background:linear-gradient(135deg,#fffffffa,#e8edfff5);border:.36rem solid #ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;inset:30%;box-shadow:inset 0 -.55rem #0000001a,0 1.2rem 2.2rem #00000047}.category-wheel b small{color:var(--ink);margin-top:-.85rem;font-size:1rem;font-weight:1000}@keyframes wheel-pulse{0%,to{transform:rotateX(10deg)rotate(-5deg)scale(1)}50%{transform:rotateX(10deg)rotate(5deg)scale(1.035)}}.question-card{background:linear-gradient(135deg, #fffffffa, #fffaf0eb), var(--paper);color:var(--ink);border:1px solid #fff3;border-radius:8px;padding:clamp(1.05rem,3vw,2.1rem);position:relative;overflow:hidden;box-shadow:0 1.4rem 3.2rem #00000047,inset 0 .5rem #ffffffc2}.question-card:before{content:"";background:linear-gradient(90deg, var(--accent,var(--electric)), #ffe05f, #ff2c8a);height:.42rem;position:absolute;inset:0 0 auto}.question-card .round-label{color:#62657a}.question-card h2{margin-bottom:1.05rem;font-size:clamp(1.7rem,4vw,3.25rem);font-weight:1000;line-height:1.02}.question-card p{color:#4c5368;line-height:1.55}.answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem;display:grid}.answers button{text-align:left;background:linear-gradient(#fff,#f3f5ff);border-color:#11131d1f;grid-template-columns:2.1rem minmax(0,1fr);justify-content:stretch;align-items:center;min-height:4.7rem;display:grid;box-shadow:inset 0 -.28rem #11131d0f,0 .8rem 1.7rem #11131d14}.answers button span{aspect-ratio:1;background:#11131d17;border-radius:50%;place-items:center;width:1.8rem;font-size:.84rem;font-weight:1000;display:grid}.answers button.revealed{opacity:.72}.answers button.correct{opacity:1;background:linear-gradient(135deg,#00c2a83d,#fffffff5);border-color:#00c2a8b8}.answers button.correct span{color:#fff;background:#00c2a8}.answers button.mine:not(.correct){background:linear-gradient(135deg,#ff2c8a2e,#fffffff5);border-color:#ff2c8aa3}.answers button.mine:not(.correct) span{color:#fff;background:#ff2c8a}.explanation{background:linear-gradient(135deg,#2b8cff1f,#17eecb1a);border:1px solid #2b8cff38;border-radius:8px;margin-top:1rem;padding:1rem}.explanation strong{margin-bottom:.3rem;display:block}.explanation p{margin-bottom:0}.leaderboard{gap:.55rem;display:grid}.leader-row{background:#ffffff1a;border:1px solid #ffffff2b;border-radius:8px;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.72rem;display:grid}.leader-row span{aspect-ratio:1;color:#171019;background:linear-gradient(135deg,#ffe05f,#ff6b35);border-radius:50%;place-items:center;font-size:.8rem;font-weight:1000;display:grid}.leader-row strong{color:#fff}.leader-row em{color:#ffffffb3;font-size:.82rem;font-style:normal;font-weight:900}.scale-note{border-top:1px solid #ffffff29;padding-top:1rem}.scale-note strong{color:#fff;align-items:center;gap:.45rem;display:inline-flex}.scale-note p{color:#ffffffad;margin:.45rem 0 0;font-size:.92rem;line-height:1.5}@media (width<=1120px){.game-layout{grid-template-columns:1fr}.board{order:-1}.hero-scene{inset:12% -22% 8% 54%}}@media (width<=760px){.hero-band{min-height:680px;padding:1rem}.hero-copy{align-self:end;padding-bottom:2.4rem}.hero-scene{opacity:.58;inset:-2% -58% 50% 34%}.hero-grid{display:none}.game-layout{margin-top:-1.8rem;padding:0 .78rem 1.2rem}.wheel-zone,.answers{grid-template-columns:1fr}.wheel-stage{min-height:300px}.category-wheel,.wheel-spinner{max-width:270px}.category-wheel span{width:2.15rem;transform:rotate(var(--angle)) translate(3.55rem) rotate(calc(-1 * var(--angle)))}.category-wheel span svg{width:1rem;height:1rem}.board{min-height:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}