:root{color-scheme:dark;--bg:#101c1d;--panel:#192b2b;--ink:#f3eee3;--muted:#a5b7b2;--gold:#e5b87b;--teal:#8cdbca;--line:#ffffff19}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 10%,#25443e80,transparent 55%),radial-gradient(ellipse at 0 95%,#ad73441c,transparent 50%),var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.shell{max-width:1540px;margin:auto;padding:0 48px}header{height:104px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--gold);font-weight:850;letter-spacing:2px;font-size:17px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:3px}.brand-icon{font:48px Georgia;border:1px solid #e5b87b60;border-radius:50%;height:51px;width:51px;display:grid;place-content:center;line-height:1}.header-right{display:flex;align-items:center;gap:24px}.status{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.status.live{color:var(--teal)}button,select,input{font:inherit}button{cursor:pointer;transition:transform .16s,background .16s}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.primary{border:0;background:var(--gold);color:#222a26;border-radius:8px;padding:17px 25px;font-weight:800;box-shadow:0 6px 24px #0002}.primary span{margin-left:30px}.quiet{background:transparent;color:var(--muted);border:0;padding:9px 0;font-size:12px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:750;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.07;letter-spacing:-1.5px}h1{font-size:clamp(54px,6.6vw,98px);margin-bottom:25px}h1 em{font-weight:400;color:var(--teal)}h2{font-size:36px;margin-bottom:23px}h3{font-size:12px;letter-spacing:1px}p.intro{font-size:18px;line-height:1.7;color:var(--muted)}.hint{font-size:12px;color:var(--muted);line-height:1.8;margin:14px 0}.muted{color:var(--muted)}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;padding:65px 0 60px}.hero-copy{position:relative;z-index:1}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.chips span,.badge{border:1px solid #d8e6cf26;border-radius:30px;padding:6px 13px;font-size:11px;color:#c8d5ce}.centered{justify-content:center}.hero-dial{position:relative;padding:50px 10px 80px;border-radius:50%;background:radial-gradient(ellipse,#8cdbca12,transparent 68%)}.floating-card{position:absolute;bottom:8px;left:22%;right:8%;transform:rotate(-5deg);border:1px solid #d8b78360;border-radius:12px;background:#263a35;padding:22px 28px;box-shadow:0 20px 80px #0004}.floating-card span{font-size:9px;letter-spacing:3px;color:var(--gold)}.floating-card strong{display:block;font:38px Georgia;margin:6px 0}.floating-card small{font-size:11px;color:var(--muted)}.how{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:28px 0;gap:45px}.how b{color:var(--teal);font-size:11px}.how h3{font:23px Georgia;margin:9px 0}.how p{color:var(--muted);font-size:13px;max-width:300px}.dial{position:relative;max-width:500px;width:100%;margin:0 auto}.dial svg{width:100%;display:block;overflow:visible}.arc-under{fill:none;stroke:#ffffff09;stroke-width:33}.arc{fill:none;stroke:url(#spectrum);stroke-width:22;stroke-linecap:round}.dial line{stroke:#dbe4d07a;stroke-width:1.4}.dial text{fill:#9eafa8;font:13px system-ui}.needle{fill:#f5ecd4;filter:drop-shadow(0 0 8px #eee6bd45)}.hub{fill:#d7b88b;stroke:#10211f;stroke-width:6}.dial-value{position:absolute;left:50%;top:53%;transform:translateX(-50%);font:52px Georgia;text-align:center;line-height:1;color:var(--ink)}.dial-value small{display:block;font:8px system-ui;letter-spacing:2px;color:var(--muted);white-space:nowrap;margin-top:10px}.concealed .arc{opacity:.35}.concealed .dial-value{color:var(--gold)}.room-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:36px 0 28px}.room-top h1{font-size:37px;margin:0}.room-top .eyebrow{margin-bottom:10px}.game-layout{display:grid;grid-template-columns:250px minmax(350px,1fr) 220px;gap:20px;align-items:start}.panel{border:1px solid var(--line);background:linear-gradient(155deg,#233734c9,#192a2acd);border-radius:14px;box-shadow:0 10px 40px #0000000c}.roster,.settings{padding:23px 18px}.roster h3,.settings h3{font-size:10px;letter-spacing:1.2px;margin-bottom:21px;color:var(--gold)}.person{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #ffffff08}.person:last-child{border:0}.person>div{flex:1;min-width:0}.person strong{display:block;font-size:12px;overflow-wrap:anywhere}.person small{font-size:10px;color:var(--muted)}.person>div>small{display:block}.person>b{font-size:18px;color:var(--gold)}.avatar{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#aac9b717;color:var(--teal);font-size:11px;font-weight:bold}.giving .avatar{background:var(--gold);color:#182a26}.kick{background:none;border:0;color:var(--muted);padding:3px}.play{text-align:center;padding:35px 28px;min-height:560px}.play .dial{max-width:420px}.play .dial-value{font-size:42px}.play h2{font-size:32px;line-height:1.2}.play .primary{margin-top:12px;font-size:13px}.endpoints{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 30px}.endpoints>div{width:44%;text-align:left}.endpoints>div:last-child{text-align:right}.endpoints strong{display:block;font:21px/1.3 Georgia;overflow-wrap:anywhere}.endpoints small{color:var(--gold);font-size:10px}.endpoints>span{color:var(--muted)}.private-note{background:#8cdbca0a;border:1px solid #8cdbca25;border-radius:8px;padding:16px;color:var(--muted);font-size:13px}.private-note b{color:var(--teal)}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin:10px 0}output{font-size:25px;font-weight:700;color:var(--teal)}input[type=range]{width:100%;accent-color:var(--teal);cursor:pointer;height:24px;touch-action:pan-y}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.score-legend{display:grid;gap:10px}.score-legend span{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.score-legend b{color:var(--teal);border:1px solid #8cdbca40;border-radius:7px;padding:2px 10px;font-size:17px}.settings label{font-size:12px;color:var(--muted);display:block}.settings select{background:#142724;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px;width:100%;margin:10px 0}.settings .eyebrow{margin-bottom:8px}.settings .quiet{display:block;text-align:left}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.results{margin:15px 0 22px;text-align:left}.results>div{display:grid;grid-template-columns:1fr auto 42px;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:11px 0;font-size:13px}.points{text-align:right;color:var(--gold)}.exact{color:var(--teal)}.results small{font-size:10px;color:var(--muted)}footer{color:#718b83;font-size:10px;letter-spacing:1px;text-align:center;padding:35px 0}#error{padding:16px 20px;border:1px solid #d68a7a;background:#512f31;border-radius:8px;font-size:13px;margin:22px 0}dialog{max-width:640px;width:90%;background:#1c302d;color:var(--ink);border:1px solid #d9b78250;border-radius:16px;padding:36px}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog h2{font-size:32px}dialog li{padding:7px 0;font-size:14px;color:#ccdad4}.close{float:right;background:none;border:0;color:var(--muted);font-size:27px}@media(min-width:1600px){.hero{min-height:660px}}@media(max-width:1150px){.shell{padding:0 26px}.game-layout{grid-template-columns:200px minmax(300px,1fr)}.settings{grid-column:1/-1;display:block}.settings .score-legend{display:flex;gap:20px}.settings select{max-width:240px}.play{padding:30px 22px}.status{display:none}}@media(max-width:700px){.shell{padding:0 18px}header{height:85px}.brand{font-size:13px}.brand small{font-size:8px;letter-spacing:1.5px}.brand-icon{width:40px;height:40px;font-size:35px}.header-right{gap:8px}.hero{grid-template-columns:1fr;padding:40px 0;gap:0}.hero h1{font-size:65px}.hero-dial{padding:20px 0 100px;max-width:450px;width:100%;margin:auto}.floating-card{bottom:25px}.how{grid-template-columns:1fr;gap:12px}.how p{max-width:none}.room-top{align-items:start}.room-top h1{font-size:29px}.badge{font-size:9px;white-space:nowrap;padding:5px 9px}.game-layout{display:flex;flex-direction:column}.panel{width:100%}.roster{order:2}.settings{order:3}.play{order:1;padding:26px 18px;min-height:0}.play h2{font-size:28px}.roster .person{display:inline-flex;width:49%;padding-right:12px}.endpoints strong{font-size:19px}.play .dial-value{font-size:39px}.primary{max-width:100%}.intro{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* The readout stays below the needle, including at the centre position. */
.dial{padding-bottom:40px}.dial-value{top:auto;bottom:-2px;font-size:38px}.play .dial{max-width:370px}.play .dial-value{font-size:34px}.dial-value small{margin-top:5px}
.play .dial{margin-bottom:14px}
/* INADAPTADOS · Arcane tavern edition */
:root{--bg:#100f10;--panel:#241e19;--gold:#edc77c;--teal:#66e0c4;--muted:#c1b5a1;--line:#dcb46e38}
body{background:linear-gradient(90deg,#0b1011ed,#151411e6),url('./cover.webp') center 40%/cover fixed;font-size:14px}.shell{max-width:1640px;padding:0 36px}header{height:84px;border-color:#c79a4b45}.brand-icon{background:radial-gradient(circle,#225849,#111a18);border:2px solid #cda35a;box-shadow:0 0 20px #5bd4ba21}.brand{color:#f2cd87;text-shadow:0 2px #000}.brand small{color:#c5ae84}.eyebrow{color:#eac377;font-size:10px;letter-spacing:2px}h1,h2{color:#f5e6c6;text-shadow:0 3px 12px #0009}h1 em{color:#71dfc7}button.primary{background:linear-gradient(#f1d395,#c99a4b 48%,#a77935);border:1px solid #f6dd99;border-bottom:3px solid #775020;color:#24190b;box-shadow:inset 0 1px #fff6,0 4px 16px #0006;text-shadow:0 1px #ffecb052;border-radius:6px}button.primary:hover:not(:disabled){background:linear-gradient(#ffe6ab,#e3b85e 48%,#be8b39);box-shadow:0 0 25px #ddb06035}.hero{min-height:620px;padding:38px 0;gap:70px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(60px,6vw,90px)}.hero-dial.cover-frame{max-width:550px;padding:0;border-radius:15px;position:relative;border:2px solid #bb8e42;box-shadow:0 0 0 6px #241d13,0 0 0 7px #ba8b414d,0 30px 90px #0009;transform:rotate(1deg);background:#181510;justify-self:center}.cover-art{display:block;width:100%;border-radius:12px}.cover-stamp{position:absolute;bottom:14%;left:-22px;transform:rotate(-7deg);background:linear-gradient(#2e4035,#142922);border:1px solid #ddbd75;color:#f8e6ba;font-size:9px;letter-spacing:2px;padding:11px 16px;box-shadow:0 6px 20px #0008}.how{background:linear-gradient(90deg,#3b2b192e,#281f172e);padding:23px 22px;border:1px solid #b7894333;border-radius:10px}.how b{color:#efd089}.chips span,.badge{background:#0e1717a8;border-color:#b48b4655;color:#e6d6b9}.room-top{margin:25px 0 22px}.room-top h1{font-size:32px}.game-layout{grid-template-columns:220px minmax(390px,1fr) 210px;gap:18px}.panel{position:relative;border:1px solid #a881434f;border-radius:10px;background:radial-gradient(ellipse at 50% 0,#536a4625,transparent 65%),repeating-linear-gradient(1deg,#ffffff01 0 1px,transparent 1px 6px),linear-gradient(125deg,#29251fee,#161c19f5);box-shadow:inset 0 0 0 3px #0003,0 12px 35px #0006}.panel:before,.panel:after{content:'◆';position:absolute;top:4px;color:#b58a43;font-size:9px;line-height:1}.panel:before{left:7px}.panel:after{right:7px}.roster h3,.settings h3{color:#e5bd73}.play{padding:25px 28px;min-height:570px}.play h2{font-size:30px;margin-bottom:15px}.play .eyebrow{margin-bottom:11px}.endpoints{margin:14px 0 8px;gap:14px}.endpoints>div{padding:12px 16px;background:linear-gradient(110deg,#6a2c1f45,#251c18);border:1px solid #d38f5e55;border-radius:6px;min-height:72px;display:flex;flex-direction:column;justify-content:center}.endpoints>div:last-child{background:linear-gradient(110deg,#152c28,#23605145);border-color:#56c5a650}.endpoints strong{font-size:22px;color:#ffe3bd}.endpoints>div:last-child strong{color:#b9f6e3}.endpoints small{font-weight:bold;letter-spacing:2px}.dial,.play .dial{max-width:640px;width:100%;padding:0;margin:0 auto 4px;isolation:isolate}.dial svg{display:block;width:100%;filter:drop-shadow(0 10px 20px #0006)}.wheel-shadow{stroke:#0008;stroke-width:25;fill:none;filter:blur(7px)}.color-sector{fill:none;stroke-width:24;opacity:.95;filter:drop-shadow(0 0 3px #e6b65a22)}.wheel-tick{stroke:#e3d29e!important;stroke-width:1.3!important}.dial .wheel-number{font:600 13px system-ui;fill:#e9d6b1}.dial .active-number{fill:#fff4cd;font-weight:900;filter:drop-shadow(0 0 6px #ffce68);font-size:17px}.dial .rune{font:20px Georgia;fill:#caac6550}.dial .wheel-readout{font:700 28px Georgia;fill:#ffe6ab}.dial .wheel-caption{font:7px system-ui;letter-spacing:1.7px;fill:#cfbb91}.dial .hidden-sigil{font:75px Georgia;fill:#c5a46e80;filter:drop-shadow(0 0 20px #4ce6c42a)}.wheel-pointer{filter:drop-shadow(0 0 4px #fdd87b90)}.number-hit{fill:transparent;stroke:none}.interactive svg{touch-action:none;cursor:crosshair}.dial-choice:focus{outline:none}.dial-choice:focus .number-hit{stroke:#fff1ad;stroke-width:2}.dial-choice:hover .wheel-number{fill:#fff9d5;font-size:18px}.dial-instruction{margin:-3px 0 7px;text-align:center;color:#d8bb7f;font-size:10px;letter-spacing:1px}.concealed .color-sector{opacity:.5}.concealed .wheel-number{fill:#b6a78e}.private-note{background:#0e201bb8;border-color:#65cfa94a;padding:12px 16px}.avatar{border:1px solid #c29a4a68;border-radius:7px;background:linear-gradient(#2a463c,#121d19);color:#c7f4df;box-shadow:inset 0 0 12px #0004}.giving{background:#bb8a3220;border-radius:6px;padding-left:5px;padding-right:5px}.giving .avatar{background:linear-gradient(#e6c177,#927036);color:#19180f}.person>b{font-family:Georgia;font-size:23px}.score-legend b{background:linear-gradient(#304c3c,#162a24);border-color:#bda06555;color:#e2c17f}.settings select{background:#101c18;border-color:#a7894c55}.settings .hint{font-size:11px}.slider-label{margin:7px 0;color:#ccb887}input[type=range]{accent-color:#dec17b;background:transparent;height:20px}.range-labels{color:#b5a58c}.play .primary{margin-top:10px}.results{background:#0d191755;border:1px solid #bfa15d33;border-radius:8px;padding:3px 15px;margin:9px 0 12px}.results>div{padding:8px 0}.results>div:last-child{border-bottom:0}.points{color:#e7c57c}.points.exact{color:#8af0cd;text-shadow:0 0 12px #53e9c367}.badge{border-radius:5px;border-color:#bf9a55;background:linear-gradient(#3a3022,#211e18);color:#ecd4a2}.roster{padding:23px 16px}.phase-lobby .dial{max-width:420px}.phase-result .dial,.phase-finished .dial{max-width:460px}.phase-result h2,.phase-finished h2{font-size:28px}.phase-clue .dial{max-width:540px}footer{padding:22px 0;color:#aa9268}dialog{background:linear-gradient(135deg,#302b20,#15251f);border-color:#d5b469}
@media(min-width:1151px) and (max-height:850px){.room-top{margin:16px 0}.room-top h1{font-size:27px}.play{padding:20px;min-height:0}.play .dial{max-width:460px}.endpoints>div{min-height:60px;padding:8px 13px}.endpoints strong{font-size:20px}.play h2{font-size:25px}.private-note{font-size:12px}.hero{min-height:550px}.hero-dial.cover-frame{max-width:470px}}
@media(max-width:1150px){.game-layout{grid-template-columns:190px minmax(300px,1fr)}.settings{grid-column:1/-1}.hero{gap:35px}.shell{padding:0 24px}.play{padding:25px 20px}}
@media(max-width:700px){.shell{padding:0 14px}.hero{grid-template-columns:1fr;padding:30px 0;gap:30px}.hero h1{font-size:65px}.hero-dial.cover-frame{max-width:420px;width:90%;margin:auto}.cover-stamp{left:-12px}.game-layout{display:flex}.play{padding:25px 10px}.endpoints{gap:5px}.endpoints>div{padding:8px;min-height:72px;width:46%}.endpoints strong{font-size:18px}.play h2{font-size:25px}.room-top h1{font-size:25px}.room-top{gap:8px}.play .dial{width:100%;max-width:600px}.dial-instruction{font-size:9px}.dial .wheel-number{font-size:14px}.dial .active-number{font-size:17px}.how{grid-template-columns:1fr}.roster .person{width:49%}.settings{padding:22px}.primary{font-size:12px}.header-right .quiet{font-size:10px}}
.phase-guessing .dial{max-width:520px}
@media(min-width:1151px) and (max-height:850px){.phase-guessing .dial{max-width:430px}}