@import url('data:text/css,');
:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f5f3ec;background:#15171d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:10px;font-weight:750;padding:12px 20px;background:#c2f76e;color:#182019}button:hover{filter:brightness(1.1)}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b0a1ff;outline-offset:4px}header{height:92px;border-bottom:1px solid #303239;display:flex;align-items:center;gap:28px;padding:0 5vw}.brand{color:#f5f3ec;font-size:27px;font-weight:850;letter-spacing:-1.4px;text-decoration:none}.brand span{font-weight:350}.brand i{font-style:normal;color:#c2f76e;margin-left:8px}.status{font-size:13px;color:#b6cf98;margin-left:auto}.quiet{background:#272a32;color:#dfdfdf;font-size:13px}main{max-width:1360px;margin:auto;padding:44px 5vw 20px}#host{display:grid;grid-template-columns:1.15fr 1fr;gap:32px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#bdbdbb}.intro h1{font-size:clamp(38px,4.4vw,65px);letter-spacing:-3px;line-height:1.06;margin:20px 0}.intro em{font-style:normal;color:#c2f76e}p{color:#a6a7ae;line-height:1.65}.pair{background:#22252d;border:1px solid #3a3e44;border-radius:18px;padding:25px;display:flex;align-items:center;gap:22px;justify-content:space-between}.pair h2{font-size:25px;letter-spacing:-1px;margin:12px 0 0}.pair p{font-size:13px;margin:8px 0 17px}.pair label{display:block;font-size:12px;color:#b4b7ba}.pair strong{display:block;font-size:42px;letter-spacing:8px;color:#fff}.pair img{background:#fff;border-radius:12px;max-width:35%;height:auto}.pair select{max-width:235px;font-size:12px;background:#191c23;border:1px solid #43464d;border-radius:5px;color:#ddd;padding:7px;margin-top:12px}.pair a{display:block;color:#bfc4bc;font-size:11px;margin-top:7px}.players-panel,#library,#arena,footer,#error,#host>.sectiontitle{grid-column:1/-1}.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:15px}.sectiontitle h2{font-size:20px;letter-spacing:-.5px}.sectiontitle span{color:#a6a7ae;font-size:12px}.sectiontitle small{font-size:12px;color:#9fa3a8;margin-left:12px}#players{display:flex;gap:15px;flex-wrap:wrap}.empty{padding:22px;background:#1c1f26;border:1px dashed #3b3d43;width:100%;border-radius:12px;color:#94979f;font-size:14px}.player{display:grid;grid-template-columns:36px 1fr;gap:3px 10px;align-items:center;border-radius:10px;padding:12px;background:#252830}.player small{color:#afb5a9;font-size:11px}.avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--player);color:#202020;width:36px;height:36px;border-radius:50%;font-weight:800;grid-row:span 2}.player b{font-size:14px}#library{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:-24px}.gamecard{border-radius:16px;overflow:hidden;background:#22252c;border:1px solid #373940}.art{height:155px;position:relative;overflow:hidden;background:repeating-linear-gradient(135deg,transparent 0 25px,#d8ff9c20 25px 27px),#35492a;display:flex;align-items:center;justify-content:center}.art>span{font-size:150px;line-height:1;transform:rotate(-12deg);color:#ccff8a;text-shadow:20px 15px #15171d55}.game1 .art{background:radial-gradient(ellipse at center,#9280b5 0%,#5e4d79 40%,#3c3454 75%)}.game1 .art>span{color:#d9c4ff;transform:rotate(8deg)}.cardbody{padding:23px}.cardbody h3{font-size:28px;letter-spacing:-1px;margin:8px 0}.cardbody p{font-size:14px;margin:8px 0 22px}.cardfoot{display:flex;align-items:center;justify-content:space-between;gap:12px}.cardfoot small{font-size:12px;color:#b6b7bb}.game1 button{background:#cfb7fc}footer{display:flex;justify-content:space-between;border-top:1px solid #30333a;padding-top:23px;color:#6f757b;font-size:10px;letter-spacing:1px;margin-top:5px}footer span{letter-spacing:0;font-size:12px}#error{color:#ffb5b5;margin:0;min-height:1em}#arena{border:1px solid #41434b;background:#20232a;border-radius:20px;padding:30px}.center{text-align:center}.center h2{font-size:38px}.bigcount{font-size:120px;font-weight:900;color:#c2f76e}.timer{font-size:30px!important;color:#c2f76e!important;font-weight:850}.lane{display:flex;gap:15px;align-items:center;margin:25px 0}.lane>b{width:110px;overflow-wrap:anywhere}.track{height:24px;background:#343741;border-radius:30px;flex:1;overflow:hidden}.track>div{height:100%;min-width:8px;transition:width .1s;border-radius:30px}.lane>strong{width:50px}.question{font-size:32px;line-height:1.3}.answers{display:grid;grid-template-columns:1fr 1fr;gap:15px}.answer{background:#333641;padding:20px;border-radius:10px;font-size:20px}.answer b,.phoneanswers b{margin-right:18px;opacity:.6}.correct{background:#c2f76e;color:#182019}.score{display:flex;align-items:center;gap:14px;padding:14px;border-bottom:1px solid #3b3d43}.score>span:last-child{margin-left:auto}.primary{width:100%;margin-top:20px;padding:18px}#arena>.primary{max-width:240px}.phone main{max-width:520px;padding-top:35px}.phone header{padding:0 22px;height:80px;gap:10px}.phone .brand{font-size:23px}.phone .status{font-size:10px}.phone h1{font-size:48px;line-height:1.05;letter-spacing:-2px}.phone h2{line-height:1.3}.phone label{display:block;font-size:13px;margin:22px 0}.phone input{display:block;width:100%;padding:16px;background:#262932;color:#fff;border:1px solid #494b55;border-radius:10px;margin-top:9px}.identity{display:flex;align-items:center;gap:12px;color:#bebfc4;padding-bottom:25px}#controller .waiting{font-size:100px;color:#c2f76e;margin:30px 0}.tap{width:100%;height:310px;border-radius:30px;font-size:70px;touch-action:none;user-select:none;margin-top:25px;box-shadow:0 9px #6f9636}.tap:active{transform:translateY(5px);box-shadow:0 4px #6f9636}.tap span{display:block;font-size:14px;letter-spacing:3px;margin-top:15px}.phoneanswers{display:grid;gap:14px}.phoneanswers button{text-align:left;padding:22px;background:#353946;color:#fff;min-height:75px}.phoneanswers button:nth-child(2){background:#514365}.phoneanswers button:nth-child(3){background:#39574b}.phoneanswers button:nth-child(4){background:#63503e}.result-answer{background:#c2f76e;color:#17201b;padding:20px;border-radius:12px}[hidden]{display:none!important}@media(max-width:800px){#host{grid-template-columns:1fr;gap:24px}.intro h1{font-size:48px}#library{grid-template-columns:1fr;margin-top:0}.pair{padding:20px}header{gap:12px}.brand{font-size:23px}header .quiet{display:none}.sectiontitle>span{max-width:150px;text-align:right}.answers{grid-template-columns:1fr}.question{font-size:25px}.score{font-size:13px;padding:12px 0}.center h2{font-size:26px}footer span{display:none}}

.phone .motion-controls{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0;margin:4px 0}.phone .motion-controls button{padding:7px 12px;font-size:12px;min-height:36px}.phone .motion-controls small{flex-basis:100%;font-size:11px;line-height:1.3;color:#ecf5e6;background:#182019;padding:4px 7px;border-radius:5px}
/* Shown on phones while the server holds a match for a TV that lost its connection (app.js pauseNotice). */
#tv-away{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:1000;padding:12px 14px;border-radius:10px;background:#2a2410;color:#ffe9a8;border:1px solid #ffcf5a;font:600 15px/1.35 system-ui,sans-serif;text-align:center;box-shadow:0 6px 24px #0008}