*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0c0502;color:#fff0c2;font-family:Georgia,'Times New Roman',serif}body{display:grid;grid-template-columns:184px 1fr;min-height:100dvh;user-select:none;-webkit-user-select:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}input,textarea{user-select:text;-webkit-user-select:text}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7acaf3;outline-offset:3px}button{color:inherit}a{color:inherit}[hidden]{display:none!important}.svg-library{position:absolute;pointer-events:none}.wordmark{font-size:24px;font-style:italic;font-weight:bold;color:#e4bb53;text-decoration:none;text-shadow:1px 2px 0 #000;display:block;text-align:center}
#sidebar{position:relative;z-index:30;display:flex;flex-direction:column;height:100dvh;overflow:auto;border-right:1px solid #795026;background:linear-gradient(#321000,#030201 37%);padding:14px 8px 10px;scrollbar-width:thin;scrollbar-color:#70501d #150b05}#sidebar .wordmark{font-size:22px;margin-bottom:9px}#sidebar h2{font-size:20px;margin:0 0 8px;text-align:center;font-weight:bold}#map-list{display:grid;gap:4px}#map-list button{border:1px solid transparent;background:none;display:flex;align-items:center;gap:8px;text-align:left;min-height:42px;padding:1px 6px;border-radius:7px;font-size:14px;color:#eeddb5}#map-list button:hover{background:#3b240a}#map-list button[aria-pressed=true]{border-color:#bb9a50;background:linear-gradient(#74450e,#432608);box-shadow:inset 0 0 5px #ca974736}#map-list .mini-map{width:54px;height:37px;flex:none;overflow:visible}.skin-picker{border:0;border-top:1px solid #755128;margin:14px 0 4px;padding:9px 0 0}.skin-picker legend{padding:0 9px;margin:auto;color:#e1c27c;font-size:15px}.skin-picker button{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;background:none;padding:6px 8px;border-radius:4px;font-size:14px}.skin-picker button[aria-pressed=true]{background:#694219;border-color:#bc9550}.skin-dot{width:24px;height:19px;display:inline-block;border:1px solid #c9a25a;border-radius:3px}.skin-dot.classic{background:linear-gradient(#231511,#e6ae4b,#3c1e0b)}.skin-dot.ornate{background:radial-gradient(#dcb872,#7d4c20);border:3px double #c99541}.skin-dot.parchment{background:linear-gradient(30deg,#ba7b32,#f9e8af);box-shadow:inset 0 0 3px #70461b}.sidebar-actions{display:flex;justify-content:center;gap:3px;margin-top:6px}.sidebar-actions button{background:#26170b;border:1px solid #76512a;font-size:12px;padding:6px 3px}.sidebar-footer{margin:12px 0 0;text-align:center;font-size:11px;color:#aa946c;line-height:1.5}.mobile-header{display:none}
#main{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;min-height:100dvh;background:#100905}#stage{position:relative;width:min(100%,120dvh);aspect-ratio:6/5;container-type:inline-size;isolation:isolate;overflow:hidden;background:#2c180a;box-shadow:0 0 50px #000}#board,#board>.game-map{position:absolute;inset:0;width:100%;height:100%}#phase{position:absolute;left:0;top:4%;width:55%;padding:1% 2.5%;background:linear-gradient(90deg,#d0bf8029,transparent);pointer-events:none}#phase-title{font-size:calc(5 * var(--u));color:#fff7e1;text-shadow:0 .04em .035em #1c0803,0 .1em .13em #291006,0 .14em .3em #291006cc;margin:0;font-weight:bold}#progress{display:flex;gap:calc(1.7 * var(--u));margin-top:calc(1 * var(--u))}#progress i{display:block;background:#0e0602;box-shadow:1px 1px #a47822,-1px -1px #190a07;width:calc(5 * var(--u));height:calc(1.5 * var(--u));transform:skew(8deg)}#progress i.past{background:#ac7f1c}#progress i.current{background:#fffec4;box-shadow:0 0 8px #fff8bd}
#main-menu{position:absolute;inset:0 0 auto;text-align:center}#main-menu:before{content:'';position:absolute;inset:0 0 28%;background:linear-gradient(#270d04,#080201 60%,#43100d);box-shadow:0 4px 9px #0008;z-index:-1}.mode-buttons{display:flex;justify-content:center;gap:2.7%;padding-top:2%;}.mode-card{position:relative;width:18%;aspect-ratio:.87;border:1px solid #7a6250;border-right:3px solid #22140e;border-bottom:3px solid #21100b;border-radius:18%;background:linear-gradient(180deg,#47312c,#301b14 48%,#35231b);box-shadow:3px 6px 8px #0008,inset 2px 2px 2px #8b776f33;padding:4% 1% 1%;transition:filter .15s,transform .15s}.mode-card:before{content:'';position:absolute;inset:3% 5% 72%;background:linear-gradient(#ffffff14,#ffffff03);border-radius:40% 40% 60% 20%}.mode-card:hover,.mode-card:focus-visible{background:linear-gradient(#845d25,#3c2217 60%,#ad841f);border-color:#fff45c;box-shadow:0 0 10px #ffd51e,inset 0 0 10px #ffd51e;transform:translateY(-1%)}.mode-card svg{width:100%;height:100%;filter:drop-shadow(1px 2px 4px #ce6d00)}.mode-card span{display:none}#mode-caption{margin:1% 1% 0;font-weight:normal;color:white;font-size:calc(5.2 * var(--u));text-shadow:0 .025em .035em #1c0803,0 .12em .13em #2b0d03,0 .1em .32em #270d04,0 .2em .5em #270d04b3}
#players{position:absolute;bottom:0;left:1.5%;right:1.5%;height:17%;display:flex;align-items:flex-end;gap:1.8%;pointer-events:none}.player-card{width:28%;height:72%;border:1px solid #d2ac67;border-right:1px solid #190904;border-bottom:0;border-radius:calc(1.8 * var(--u)) calc(1.8 * var(--u)) 0 0;background:linear-gradient(110deg,#40221a,#31170f);box-shadow:1px 1px 3px #000;overflow:hidden;transition:width .25s,height .25s;position:relative}.player-card.mine{height:100%;width:42%}.player-name{height:46%;display:flex;justify-content:center;align-items:center;background:linear-gradient(color-mix(in srgb,var(--player-color),#fff 10%),#2d1712);border-bottom:2px solid #140a04;color:#ffe6a5;text-shadow:0 .05em .045em #160802,0 .08em .16em #271005e6;font-size:calc(3.1 * var(--u));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 calc(1 * var(--u))}.mine .player-name{font-size:calc(4.2 * var(--u))}.player-score{display:flex;align-items:center;justify-content:flex-end;padding:0 calc(2 * var(--u));height:54%;font-size:calc(4.7 * var(--u));color:white;text-shadow:2px 3px 3px black;letter-spacing:calc(.15 * var(--u));background:linear-gradient(78deg,transparent 35%,#ffffff09 35%,#ffffff02 80%,transparent 80%)}.player-card:not(.mine) .player-score{font-size:calc(3.9 * var(--u))}.player-portrait{display:none}.stage-tools{position:absolute;bottom:2%;left:2.5%;display:flex;gap:calc(.7 * var(--u));z-index:11}.stage-tools button{border:2px solid #c59c4c;box-shadow:inset 0 1px 2px #ffe6ac77;border-radius:calc(1 * var(--u));background:linear-gradient(#39241d,#27100c);padding:0;width:calc(4.5 * var(--u));height:calc(4.5 * var(--u));color:#f6d992;font-size:calc(3 * var(--u));line-height:1}.stage-tools button:hover{filter:brightness(1.35)}#turn-banner{position:absolute;z-index:12;right:2%;top:3%;width:50%;height:13%;display:flex;align-items:center;justify-content:space-between;border-radius:calc(3 * var(--u));background:linear-gradient(#88242a,#58100d);border:2px solid #8e5d59;box-shadow:1px 3px 5px #08030288;color:#fff9e5}#turn-icon{display:grid;place-items:center;border-radius:50%;width:calc(10 * var(--u));height:calc(10 * var(--u));background:linear-gradient(120deg,#ee727b,#a4141b,#5d0d0b);font-size:calc(8 * var(--u));color:white;text-shadow:0 0 5px #ffece8;box-shadow:2px 2px 4px #2a0b0b;flex:none}#turn-text{text-shadow:0 .05em .045em #160802,0 .08em .16em #271005e6;font-size:calc(3.3 * var(--u));font-weight:bold;text-align:center;line-height:1.05;padding:0 calc(1 * var(--u))}#clock{display:grid;place-items:center;width:calc(11 * var(--u));height:calc(11 * var(--u));flex:none;border:calc(1.1 * var(--u)) solid #ffe061;border-radius:50%;font-size:calc(6 * var(--u));box-shadow:inset 0 0 7px #d37800,0 0 7px #d75126;background:radial-gradient(#951c15,#4c0e0b);text-shadow:2px 2px 3px #1e0606}
#action-bar{position:absolute;left:23%;right:4%;bottom:19%;text-align:center;pointer-events:none}#instruction{font-size:calc(2.3 * var(--u));text-shadow:0 .04em .035em #1c0803,0 .1em .13em #291006,0 .14em .3em #291006cc;margin:0;color:white}#continue-button{pointer-events:auto;margin-top:calc(1 * var(--u));font-size:calc(2.5 * var(--u))}button.primary,#continue-button,.gold-button{background:linear-gradient(#ffefaa,#bd8705 55%,#f3d31e);border:1px solid #d79e24;border-bottom:2px solid #6b3700;border-radius:calc(1.2 * var(--u));color:#1f1100;text-shadow:0 1px #ffeeb4;box-shadow:inset 0 2px 2px #fff5c5,1px 2px 3px #1d1009;padding:calc(.8 * var(--u)) calc(2 * var(--u))}button.primary:hover,#continue-button:hover,.gold-button:hover{filter:brightness(1.13)}
#question-layer{position:absolute;z-index:10;inset:21% 0 23%;background:linear-gradient(#2f1c18,#714230);color:#ffedb6;box-shadow:0 5px 7px #000a,inset 0 -3px 5px #d99872,inset 0 3px 4px #976852}#question-layer:before{content:'';position:absolute;z-index:-1;inset:-100vh -100vw;background:#15090355;pointer-events:none}.question-title{margin:0;min-height:30%;padding:3% 10%;font-size:calc(4.4 * var(--u));line-height:1.13;font-weight:bold;text-align:center;display:grid;place-items:center;box-shadow:0 3px 5px #110703,inset 0 -1px #9b6747;background:linear-gradient(#301b19,#62382e)}.question-title.long{font-size:calc(3.1 * var(--u))}.question-body{padding:calc(2 * var(--u)) calc(3 * var(--u));min-height:50%;}.numeric-entry{display:flex;gap:3.5%;align-items:center;justify-content:center;padding:calc(4 * var(--u)) 0}.numeric-entry input{width:30%;border:3px double #39291f;border-radius:0;background:white;color:#16110b;height:calc(6 * var(--u));text-align:center;font-size:calc(4 * var(--u));box-shadow:inset 1px 2px 5px #ccc}.numeric-entry .gold-button{font-size:calc(3.6 * var(--u));padding:calc(.4 * var(--u)) calc(4 * var(--u));border-radius:calc(2 * var(--u))}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:calc(1.8 * var(--u));padding:calc(1 * var(--u)) calc(3 * var(--u))}.answer-option{min-height:calc(7 * var(--u));font-size:calc(2.7 * var(--u));line-height:1.15;border:1px solid #977249;border-right:2px solid #160d08;border-bottom:2px solid #160d08;border-radius:calc(1.4 * var(--u));background:linear-gradient(#6c4430,#351d14);color:#fff1cb;padding:calc(1 * var(--u));box-shadow:inset 0 1px #bd956a}.answer-option:hover{background:linear-gradient(#ce9a35,#7a430b)}.answer-option.selected{box-shadow:0 0 8px #fff4a2,inset 0 0 4px #fff7ae;border-color:#fff4ae}.answer-option.correct{background:linear-gradient(#a2bd21,#3e6b07);border-color:#f6ff9c;opacity:1}.answer-option.incorrect{background:linear-gradient(#af2920,#5e0a08);opacity:1}.question-footer{font-size:calc(2.3 * var(--u));min-height:calc(4 * var(--u));padding:calc(1 * var(--u)) calc(2 * var(--u));text-align:center;border-top:1px solid #b27649;background:#ffffff08}.answer-results{display:flex;gap:2%;align-items:center;justify-content:center;padding:calc(1 * var(--u)) 0}.answer-result{width:31%;border-radius:calc(1.5 * var(--u));background:linear-gradient(#774d36,#2c1711);border:1px solid #baa37b;border-right-color:#140906;border-bottom-color:#140906;padding:calc(1.2 * var(--u));box-shadow:1px 2px 3px #0008}.answer-result.best{box-shadow:0 0 8px white}.answer-result strong{display:block;text-align:center;font-size:calc(4 * var(--u));border-radius:calc(1 * var(--u));background:linear-gradient(var(--player-color),#311b13);margin:calc(-.7 * var(--u)) calc(-.7 * var(--u)) calc(.7 * var(--u));padding:calc(1 * var(--u)) 0}.answer-result div{display:flex;justify-content:space-between;font-size:calc(2.4 * var(--u))}.answer-result small{font-size:calc(1.8 * var(--u))}.keypad{display:none}.question-correct{font-size:calc(3.7 * var(--u));margin-left:calc(1 * var(--u));border:3px solid #dbcf77;border-radius:calc(1 * var(--u));padding:calc(.2 * var(--u)) calc(2 * var(--u));background:#352019;color:#fff5c9}.question-wait{font-size:calc(3 * var(--u));text-align:center;margin:calc(3 * var(--u))}
#tutorial{position:absolute;z-index:20;left:1.5%;right:1.5%;bottom:1.5%;display:flex;align-items:center;border:3px solid #989d72;border-radius:calc(3 * var(--u));background:linear-gradient(140deg,#036cb7,#063e9e 35%,#0c3996);box-shadow:0 0 0 5px #aca77b66,1px 5px 8px #0007;padding:calc(1.4 * var(--u)) calc(1.8 * var(--u)) calc(1.4 * var(--u)) calc(4 * var(--u));color:#fffed4}#tutorial p{font-size:calc(3.6 * var(--u));font-weight:bold;line-height:1.15;text-align:center;margin:0;flex:1}#tutorial button{border-radius:calc(1 * var(--u));border:1px solid #9a621a;border-top:2px solid #fff4bd;background:linear-gradient(#f0e3b0,#d5a10a 70%,#a76a01);color:#624006;font-size:calc(4 * var(--u));text-shadow:1px 1px #ffdc40;width:calc(8 * var(--u));height:calc(6.5 * var(--u));margin-left:calc(3 * var(--u));box-shadow:2px 3px 3px #132442;flex:none}
#panel{width:min(620px,calc(100vw - 24px));max-height:90dvh;padding:28px;color:#ffe9b0;background:linear-gradient(#3d2315,#24110a);border:2px solid #b38a42;border-radius:12px;box-shadow:0 10px 45px #000d;user-select:none}#panel::backdrop{background:#100801bb;backdrop-filter:blur(2px)}#panel h2{font-size:29px;color:#ffe29c;margin:0 30px 20px 0}#panel h3{margin:23px 0 9px}#panel p{line-height:1.55}#panel label{display:block;margin:12px 0 5px;font-size:15px}#panel input,#panel select{width:100%;background:#f9efd8;color:#3b210c;border:1px solid #c29c56;border-radius:4px;min-height:44px;padding:8px;font-size:17px}#panel input[type=range]{padding:0;background:none}#panel input[type=checkbox]{min-height:0;width:auto}#panel button.primary{font-size:19px;border-radius:7px;padding:10px 17px;min-height:44px}#panel button.secondary{border:1px solid #a47b3d;border-radius:6px;padding:9px 14px;background:#593a20;min-height:44px}.close-panel{position:absolute;right:10px;top:8px;background:none;border:0;font-size:30px;width:36px;height:36px;line-height:1}.form-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.muted{font-size:13px;opacity:.7}.error{color:#ffbba4;min-height:1em;font-size:14px}.room-code{font-size:44px;letter-spacing:9px;text-align:center;color:#ffd44e;margin:12px 0;user-select:text}.room-seats{display:flex;gap:10px;list-style:none;padding:0}.room-seats li{flex:1;border:1px solid #966a33;background:#120a06;padding:12px 5px;text-align:center;font-size:14px}.room-seats b{display:block;margin-bottom:8px;font-size:19px}.room-list{padding:0;list-style:none}.room-list li{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #725430}.room-list small{display:block;color:#bdac8b}.ranking{list-style:none;padding:0}.ranking li{display:flex;justify-content:space-between;border-bottom:1px solid #8e693c;padding:15px 8px;font-size:22px}.ranking li:first-child{color:#ffdb55}.results-crown{font-size:60px;text-align:center;color:#ffd95b;margin:-10px 0 0}.rule-list{padding-left:22px;line-height:1.6}.settings-skins{display:flex;gap:8px}.settings-skins button{flex:1;padding:12px 4px;background:#583c24;border:1px solid #b58d52;border-radius:4px}.settings-skins button[aria-pressed=true]{background:#987029;box-shadow:0 0 5px #dcb45a}.settings-skins .skin-dot{display:block;margin:0 auto 8px;width:70px;height:40px}.avatar-picker{display:flex;gap:8px;flex-wrap:wrap}.avatar-picker button{width:48px;height:48px;border:2px solid #98713f;background:#d8b679;font-size:26px}.avatar-picker button[aria-pressed=true]{border-color:#fff7b4;box-shadow:0 0 8px #f0c151}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-grid div{padding:16px;background:#ffffff09;border:1px solid #805e32;text-align:center}.stat-grid strong{display:block;font-size:30px;color:#f4ce61}.stat-grid small{font-size:13px}#toast{position:fixed;z-index:100;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#1c1008;border:1px solid #e3b44b;border-radius:5px;color:#fff3cc;max-width:90vw;text-align:center}#connection-status{position:absolute;top:8px;right:8px;z-index:45;background:#401e10;padding:9px;font-size:13px;border:1px solid #d89348}
/* The two later editions retain their own panels and typography around the shared map. */
body[data-skin=ornate]{background:#291a0e}body[data-skin=ornate] #main{background:repeating-linear-gradient(91deg,#352317 0,#493021 3px,#352418 7px,#24160e 9px)}body[data-skin=ornate] #stage{border:5px ridge #79512b}body:not([data-skin=classic]) #main-menu:before{background:linear-gradient(#552e12ed,#643915c9,transparent);box-shadow:none}body:not([data-skin=classic]) .mode-card{background:linear-gradient(#edcd8b,#b18a4d);border:5px double #6e401e;border-radius:3px;box-shadow:3px 4px 6px #3d230a80,inset 0 0 10px #7a4a1c}body:not([data-skin=classic]) .mode-card span{display:block;position:absolute;bottom:3%;left:0;right:0;font-size:calc(1.7 * var(--u));font-weight:bold;color:#4e2d0a}body:not([data-skin=classic]) .mode-card svg{height:87%}body:not([data-skin=classic]) #mode-caption{color:#fff1ce;text-shadow:0 .025em .035em #1c0803,0 .12em .13em #2b0d03,0 .1em .32em #270d04,0 .2em .5em #270d04b3}body:not([data-skin=classic]) #players{top:1%;bottom:auto;left:.5%;right:auto;width:66%;height:9%;gap:1%;}body:not([data-skin=classic]) .player-card,body:not([data-skin=classic]) .player-card.mine{height:100%;width:33.333%;border:3px double #673a19;border-radius:0;background:#f3dfb3;box-shadow:1px 3px 4px #361a08a0;display:grid;grid-template-columns:29% 1fr;grid-template-rows:44% 56%;padding:2px}body:not([data-skin=classic]) .player-name,body:not([data-skin=classic]) .mine .player-name{font-size:calc(1.7 * var(--u));height:100%;padding:0 calc(.6 * var(--u));background:linear-gradient(color-mix(in srgb,var(--player-color),white 15%),var(--player-color));border:0;color:white;grid-column:2}body:not([data-skin=classic]) .player-score,body:not([data-skin=classic]) .player-card:not(.mine) .player-score{height:100%;font-size:calc(2.7 * var(--u));letter-spacing:0;background:none;color:var(--player-color);text-shadow:1px 1px white;padding:0 calc(.6 * var(--u));font-weight:bold;grid-column:2;grid-row:2}body:not([data-skin=classic]) .player-portrait{display:grid;place-items:center;grid-column:1;grid-row:1/3;font-size:calc(3.1 * var(--u));background:#c9ad79;border:1px solid #9d7342;overflow:hidden}body:not([data-skin=classic]) .player-portrait svg{width:100%;height:100%}body:not([data-skin=classic]) #main-menu .mode-buttons{padding-top:13%}body:not([data-skin=classic]) #phase{top:15%;left:9%;width:29%;padding:1% 1.6%;background:linear-gradient(9deg,#ae7b50,#d3a178);border:4px double #fff1cc;box-shadow:0 0 0 1px #593619}body:not([data-skin=classic]) #phase-title{font-size:calc(2.5 * var(--u));color:#fff4de;text-shadow:0 .04em .035em #1c0803,0 .1em .13em #291006,0 .14em .3em #291006cc}body:not([data-skin=classic]) #progress{gap:calc(.8 * var(--u))}body:not([data-skin=classic]) #progress i{width:calc(2.4 * var(--u));height:calc(.8 * var(--u))}body:not([data-skin=classic]) #turn-banner{top:27%;left:9%;right:auto;width:29%;height:6%;border:3px double #f7e9c6;background:#b28056;border-radius:0;box-shadow:0 0 0 1px #5a351a}body:not([data-skin=classic]) #turn-icon{display:none}body:not([data-skin=classic]) #turn-text{font-size:calc(1.9 * var(--u));text-align:left}body:not([data-skin=classic]) #clock{width:calc(4.5 * var(--u));height:calc(4.5 * var(--u));border:2px solid #805831;background:#efe1b8;border-radius:50%;box-shadow:none;color:#65421a;text-shadow:none;font-size:calc(2.5 * var(--u))}body:not([data-skin=classic]) #action-bar{bottom:8%;left:14%;right:14%}body:not([data-skin=classic]) #question-layer{inset:26% 20% auto;height:auto;min-height:40%;background:#8f6746;border:3px double #4d2a13;box-shadow:3px 6px 8px #4f2b1399;color:#7e5626}body:not([data-skin=classic]) .question-title{background:linear-gradient(#f5e8b2,#eedc9c);color:#805b2b;text-shadow:none;font-size:calc(2.7 * var(--u));min-height:calc(8 * var(--u));padding:calc(2 * var(--u)) calc(4 * var(--u));border:1px solid #b29152;box-shadow:0 2px 2px #3c200d}body:not([data-skin=classic]) .question-title.long{font-size:calc(2.2 * var(--u))}body:not([data-skin=classic]) .question-body{padding:calc(1.5 * var(--u)) calc(3 * var(--u))}body:not([data-skin=classic]) .answer-options{grid-template-columns:1fr;gap:calc(.7 * var(--u));padding:0}body:not([data-skin=classic]) .answer-option{border:3px ridge #b4d4de;background:linear-gradient(#f9faf4,#e4edf0);color:#8c5c21;box-shadow:0 2px 1px #34200f;border-radius:calc(1 * var(--u));min-height:calc(4.8 * var(--u));font-size:calc(1.8 * var(--u));font-weight:bold}.answer-option:disabled{opacity:.6}body:not([data-skin=classic]) .answer-option.selected{background:#eacf74;opacity:1}body:not([data-skin=classic]) .answer-option.correct{background:#b3d184;opacity:1}body:not([data-skin=classic]) .answer-option.incorrect{background:#df9b83;opacity:1}body:not([data-skin=classic]) .numeric-entry{padding:0;display:flex;flex-direction:column;gap:calc(.7 * var(--u))}body:not([data-skin=classic]) .numeric-entry input{height:calc(5 * var(--u));width:80%;border:3px ridge #b6cfda;border-radius:calc(.7 * var(--u));font-size:calc(2.7 * var(--u));color:#855923;background:#f3f8f7}body:not([data-skin=classic]) .numeric-entry .gold-button{font-size:calc(2.2 * var(--u));border:3px ridge #b6cfda;background:#e9f1f4;color:#875d26;border-radius:calc(.7 * var(--u));box-shadow:0 2px 1px #36200f;padding:calc(.6 * var(--u)) calc(4 * var(--u));width:80%}body:not([data-skin=classic]) .keypad{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(.4 * var(--u));width:80%;margin:0 auto}.keypad button{background:#f5f7ed;color:#8d5824;border:2px ridge #b6d4dc;border-radius:calc(.6 * var(--u));height:calc(4 * var(--u));font-size:calc(2.4 * var(--u));font-weight:bold}.keypad button:last-child{grid-column:span 2}body:not([data-skin=classic]) .question-footer{font-size:calc(1.7 * var(--u));color:#f5e9c5;border-color:#6e4728}body:not([data-skin=classic]) .question-correct{font-size:calc(2.7 * var(--u));border-width:1px;padding:calc(.2 * var(--u)) calc(1 * var(--u))}body:not([data-skin=classic]) .answer-result{padding:calc(.8 * var(--u));color:#f7e1bc}body:not([data-skin=classic]) .answer-result strong{font-size:calc(2.7 * var(--u))}body:not([data-skin=classic]) .answer-result div{font-size:calc(1.9 * var(--u))}body:not([data-skin=classic]) .answer-result small{font-size:calc(1.2 * var(--u))}body:not([data-skin=classic]) .question-wait{font-size:calc(2.2 * var(--u));color:#f8e8bc}body:not([data-skin=classic]) .stage-tools{left:1%;bottom:1%}body:not([data-skin=classic]) .stage-tools button{border:3px double #9a733f;background:#f3e5bb;color:#967341;border-radius:0;width:calc(3.6 * var(--u));height:calc(3.6 * var(--u));font-size:calc(2.4 * var(--u))}body:not([data-skin=classic]) #tutorial{background:linear-gradient(#f1deb0,#c4a171);border:5px double #784d27;color:#573511;border-radius:0;box-shadow:2px 4px 6px #45270f88}body:not([data-skin=classic]) #tutorial p{font-size:calc(2.8 * var(--u))}body[data-skin=ornate] .player-card{border-width:5px!important;outline:2px solid #5d301d;box-shadow:0 0 0 4px #b78a4c,4px 5px 7px #3c190d99!important}body[data-skin=ornate] #question-layer{border:6px double #502514}body[data-skin=ornate] .question-title{background:linear-gradient(#faf0c5,#dfc386);border:3px double #a97435}body[data-skin=ornate] #phase{border:5px double #a57838;background:linear-gradient(#f5e1aa,#c7a05f)}body[data-skin=ornate] #phase-title{color:#542d0d;text-shadow:1px 1px #f3d8a4}
@media(max-width:800px){body{display:block}.mobile-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:linear-gradient(#482609,#2c1708);border-bottom:2px solid #97682c;position:relative;z-index:50}.mobile-header button{min-width:44px;min-height:44px;font-size:27px;background:none;border:0;color:#f4d99c}.mobile-header .wordmark{font-size:26px}#sidebar{position:fixed;left:0;top:56px;height:calc(100dvh - 56px);width:260px;transform:translateX(-105%);transition:transform .2s;box-shadow:4px 5px 30px #0009;z-index:45;padding:14px}body.drawer-open #sidebar{transform:none}#sidebar .wordmark{display:none}#map-list{grid-template-columns:1fr}#map-list button{min-height:44px;font-size:16px}.skin-picker button{min-height:44px;font-size:16px}.sidebar-actions button{min-height:44px;font-size:14px}#main{min-height:calc(100dvh - 56px);justify-content:flex-start;background:#281509}#stage{width:100%;min-height:500px;aspect-ratio:6/6.8;overflow:hidden}#board{inset:13% 0 auto;height:75%}#board>.game-map{height:100%;object-fit:contain}#main-menu .mode-buttons{padding-top:5%}.mode-card{width:28%;aspect-ratio:.88}.mode-card span{display:block!important;position:absolute;bottom:5%;left:0;right:0;font-size:calc(3 * var(--u))!important;font-weight:bold;color:#ffe6a8}.mode-card svg{height:82%}#mode-caption{font-size:calc(6.6 * var(--u));margin-top:4%}#players{height:13%;bottom:5%;}.player-card{height:82%}.player-card.mine{height:100%}.player-name{font-size:calc(4.6 * var(--u))}.mine .player-name{font-size:calc(5.3 * var(--u))}.player-score{font-size:calc(7 * var(--u))}.player-card:not(.mine) .player-score{font-size:calc(6 * var(--u))}.stage-tools{bottom:0;left:1%;gap:5px}.stage-tools button{width:44px;height:38px;font-size:26px;border-radius:5px}#phase{top:2%;width:100%;}#phase-title{font-size:calc(7 * var(--u))}#progress i{height:calc(2.5 * var(--u));width:calc(7 * var(--u))}#turn-banner{right:2%;top:12%;width:66%;height:10%}#turn-icon{width:calc(11 * var(--u));height:calc(11 * var(--u));font-size:calc(9 * var(--u))}#turn-text{font-size:calc(4.6 * var(--u))}#clock{width:calc(13 * var(--u));height:calc(13 * var(--u));font-size:calc(8 * var(--u))}#question-layer{inset:26% 1.5% auto;min-height:49%;border-radius:5px}.question-title{font-size:calc(5.3 * var(--u));min-height:calc(23 * var(--u));padding:calc(3 * var(--u)) calc(5 * var(--u))}.question-title.long{font-size:calc(4.5 * var(--u))}.question-body{padding:calc(3 * var(--u)) calc(2 * var(--u))}.numeric-entry{padding:calc(4 * var(--u)) 0;gap:3%}.numeric-entry input{font-size:calc(7 * var(--u));min-height:48px;width:37%}.numeric-entry .gold-button{font-size:calc(4.7 * var(--u));min-height:48px;padding:calc(1 * var(--u)) calc(3 * var(--u))}.answer-options{grid-template-columns:1fr;gap:calc(2 * var(--u));padding:0 calc(1 * var(--u))}.answer-option{min-height:44px;font-size:calc(4.5 * var(--u));border-radius:6px}.question-footer{font-size:calc(4 * var(--u));min-height:35px;padding:calc(2 * var(--u))}.question-correct{font-size:calc(5 * var(--u))}.question-wait{font-size:calc(4.5 * var(--u))}.answer-result strong{font-size:calc(6 * var(--u))}.answer-result div{font-size:calc(3.5 * var(--u));display:block}.answer-result small{font-size:calc(3 * var(--u));display:block}.answer-results{gap:2%;margin:calc(3 * var(--u)) 0}.answer-result{padding:calc(2 * var(--u))}.answer-result strong{margin:calc(-1 * var(--u)) calc(-1 * var(--u)) calc(1.5 * var(--u))}#tutorial{left:2%;right:2%;bottom:5%;padding:calc(3 * var(--u));border-radius:10px}#tutorial p{font-size:calc(4.9 * var(--u))}#tutorial button{width:44px;height:44px;font-size:27px;border-radius:6px}#action-bar{bottom:20%;left:4%;right:4%}#instruction{font-size:calc(4.4 * var(--u))}#continue-button{font-size:calc(4.5 * var(--u));min-height:44px;padding:7px 14px;border-radius:6px}#panel{padding:24px 18px}#panel h2{font-size:26px}.room-code{font-size:36px;letter-spacing:7px}body:not([data-skin=classic]) #players{width:98%;height:10%;top:2%}body:not([data-skin=classic]) .player-name,body:not([data-skin=classic]) .mine .player-name{font-size:calc(3 * var(--u))}body:not([data-skin=classic]) .player-score,body:not([data-skin=classic]) .player-card:not(.mine) .player-score{font-size:calc(5 * var(--u))}body:not([data-skin=classic]) .player-portrait{font-size:calc(6 * var(--u))}body:not([data-skin=classic]) #main-menu .mode-buttons{padding-top:20%}body:not([data-skin=classic]) .mode-card span{color:#542e0a}body:not([data-skin=classic]) #phase{top:15%;left:3%;width:45%;}body:not([data-skin=classic]) #phase-title{font-size:calc(4.5 * var(--u))}body:not([data-skin=classic]) #turn-banner{top:24%;left:3%;width:45%;height:6%}body:not([data-skin=classic]) #turn-text{font-size:calc(3.8 * var(--u))}body:not([data-skin=classic]) #clock{width:calc(7 * var(--u));height:calc(7 * var(--u));font-size:calc(4.5 * var(--u))}body:not([data-skin=classic]) #question-layer{inset:31% 2% auto;min-height:45%;border-width:3px}body:not([data-skin=classic]) .question-title{font-size:calc(4.7 * var(--u));min-height:calc(16 * var(--u));padding:calc(3 * var(--u))}body:not([data-skin=classic]) .question-title.long{font-size:calc(4 * var(--u))}body:not([data-skin=classic]) .question-body{padding:calc(2 * var(--u)) calc(3 * var(--u))}body:not([data-skin=classic]) .answer-option{min-height:44px;font-size:calc(4 * var(--u))}body:not([data-skin=classic]) .answer-options{gap:calc(2 * var(--u))}body:not([data-skin=classic]) .numeric-entry input{font-size:calc(6 * var(--u));min-height:44px;width:100%}body:not([data-skin=classic]) .numeric-entry .gold-button{width:100%;min-height:44px;font-size:calc(4.5 * var(--u))}body:not([data-skin=classic]) .keypad{width:100%;gap:calc(1 * var(--u));grid-template-columns:repeat(6,1fr)}.keypad button{height:44px;font-size:calc(4.5 * var(--u))}body:not([data-skin=classic]) .question-footer{font-size:calc(3.8 * var(--u))}body:not([data-skin=classic]) .question-correct{font-size:calc(5 * var(--u))}body:not([data-skin=classic]) .answer-result strong{font-size:calc(6 * var(--u))}body:not([data-skin=classic]) .answer-result div{font-size:calc(3.8 * var(--u))}body:not([data-skin=classic]) .answer-result small{font-size:calc(3 * var(--u))}body:not([data-skin=classic]) .question-wait{font-size:calc(4.5 * var(--u))}body:not([data-skin=classic]) .stage-tools button{width:42px;height:38px;font-size:25px}body:not([data-skin=classic]) #action-bar{bottom:10%;left:3%;right:3%}body:not([data-skin=classic]) #tutorial p{font-size:calc(4.5 * var(--u))}body:not([data-skin=classic]) #tutorial{bottom:5%;padding:calc(3 * var(--u))}}
body[data-skin=classic]{font-family:'Times New Roman',Georgia,serif}#main-menu:before{z-index:0}.mode-buttons,#mode-caption{position:relative;z-index:1}.player-score{font-weight:400}.reveal-next{margin-top:calc(1.2 * var(--u))}.reveal-next button{font-size:calc(2 * var(--u));padding:calc(.4 * var(--u)) calc(2 * var(--u))}.avatar-picker svg{width:100%;height:100%}#sidebar{overflow:hidden}#map-list{min-height:80px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#775325 transparent}.skin-picker{flex:none}.sidebar-actions,.sidebar-footer{flex:none}.skin-picker{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}.skin-picker button{display:flex;flex-direction:column;gap:4px;padding:6px 1px;font-size:11px}.skin-picker .skin-dot{width:33px;height:23px}.skin-picker legend{font-size:14px}.sidebar-footer{font-size:10px;margin-top:8px}
@media(max-width:800px){.skin-picker button{font-size:14px}.skin-picker .skin-dot{width:48px;height:29px}.reveal-next button{font-size:calc(4 * var(--u));min-height:44px;padding:6px 20px}.sidebar-footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}