/* Card language: elemental enamel, ink outlines and a warm engraved gold frame. */
:root{--card-gold:#efc65f;--card-paper:#fff0c7;--card-ink:#281d16}
[hidden]{display:none!important}
dialog,.card-frame{color-scheme:light}
button{font-family:Arial,Helvetica,sans-serif;font-weight:800;border:2px solid #171612;background:linear-gradient(150deg,#79532b,#39281d);box-shadow:inset 0 0 0 1px #e0b85f,0 3px 0 #151611;letter-spacing:.2px}
button.primary{font-family:Arial,Helvetica,sans-serif;font-weight:900;border:3px solid #211a12;background:linear-gradient(135deg,#fff0a7,#efbe54 65%,#bc7728);box-shadow:inset 0 0 0 2px #f9d574,0 3px 0 #151511,0 6px 15px #0005;letter-spacing:.4px}
dialog,.card-frame{border:7px solid var(--card-gold);outline:3px solid #161514;border-radius:19px;background:radial-gradient(ellipse at 15% 10%,#fff9dc88,transparent 65%),repeating-linear-gradient(17deg,#8a642006 0 1px,transparent 1px 4px),linear-gradient(140deg,#fff2ce,#ecd49d);box-shadow:inset 0 0 0 3px #171714,0 20px 75px #000b;color:var(--card-ink)}
dialog h2,.card-frame h2,.card-frame h3{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.5px;color:#312017}
dialog input,dialog textarea,.card-frame input,.card-frame textarea{font-family:Arial,Helvetica,sans-serif;background:#fff9e6;color:#302218;border:2px solid #705b36;border-radius:7px;box-shadow:inset 0 2px 5px #63421c19}
dialog label{color:#5d3d22}dialog .eyebrow{color:#765025}dialog p{color:#624a30}.join-mode-note{font-size:14px;line-height:1.45;margin:12px 0}.entry-close{z-index:2}
.room-code{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:2px;background:linear-gradient(145deg,#fff1c5,#e7c272)!important;color:#332217!important;padding:7px 13px;border:2px solid #251b12;border-radius:8px;white-space:nowrap}.room-code small{font-size:9px;letter-spacing:1px;color:#765025}.room-code b{font-size:22px;letter-spacing:3px;font-family:Arial,Helvetica,sans-serif;font-weight:900}
.splash-poster{position:absolute;inset:0;background:url(assets/splash-twelve.png) center/cover;animation:keyart-breathe 24s ease-in-out infinite alternate;pointer-events:none}.splash-twelve:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b201766,transparent 30%,transparent 80%,#071b2522)}
.splash-twelve .splash-menu{z-index:2;top:47%;width:min(580px,80vw)}.splash-twelve .splash-menu h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(57px,7.6vw,110px);font-weight:1000;letter-spacing:-4px;line-height:.85;-webkit-text-stroke:2px #4c321f;paint-order:stroke fill;text-shadow:0 3px #805626,0 6px #291e14,0 10px 18px #082b4280}.splash-twelve .splash-menu h1 span{font-size:.7em;letter-spacing:-1.5px;color:#ffdc6c}.splash-twelve .splash-kicker{color:#fff4c5;text-shadow:0 2px 3px #102b43;font-size:11px;letter-spacing:2px}.splash-twelve .splash-tagline{font-size:15px;color:#fff7d3;font-weight:700;text-shadow:0 1px 5px #072334}.splash-twelve .splash-actions{gap:11px;margin-top:23px}.splash-twelve .splash-actions button{font-size:18px;min-height:48px;width:280px;max-width:100%;padding:10px 20px}.splash-twelve .splash-actions button:not(.primary){background:linear-gradient(140deg,#4e412be8,#182f2be8);color:#ffedbe;border-color:#1e2118;box-shadow:inset 0 0 0 1px #d6ac58,0 3px #152016}.splash-twelve .splash-version,.splash-twelve .splash-mode{z-index:3;background:#152a22b3;border:1px solid #e7c25d55;border-radius:4px;padding:6px 9px;color:#fff0c3;font-size:10px}
@keyframes keyart-breathe{to{transform:scale(1.025)}}
.selection-top{gap:16px}.selection-top>.room-code{min-width:138px}.selection-top .room-code small{font-size:9px}.selection-top .room-code b{font-size:21px}.selection-admin .admin-content{max-height:calc(100dvh - 335px);overflow-y:auto;scrollbar-width:thin}.selection-admin label{font-size:14px}.selection-admin select{font-size:15px;min-height:36px}.selection-admin summary{font-size:16px}.selection-admin #start{font-size:16px}
body.in-preparation{overflow:hidden}.preparation-scene{position:fixed;inset:0;isolation:isolate;overflow:hidden;color:#fff0ca}.preparation-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#102720bb,#102b3266)}.preparation-heading{position:absolute;left:5%;right:5%;top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.preparation-heading .eyebrow{font-size:12px;letter-spacing:2px;color:#f8d17e}.preparation-heading h1{font:900 clamp(22px,3vw,38px)/1.1 Arial,Helvetica,sans-serif;margin:9px 0 0;text-shadow:0 2px 3px #071d1c}.preparation-roster{position:absolute;left:5%;top:140px;bottom:35px;width:250px;overflow-y:auto;padding:18px;background:linear-gradient(135deg,#4d3928ed,#172d28ed);border:2px solid #d5ad57;border-radius:11px;box-shadow:inset 0 0 0 2px #102119,0 15px 35px #0005;scrollbar-width:thin}.preparation-roster h2{font:900 20px/1.15 Arial,Helvetica,sans-serif;color:#ffe7aa;margin:0 0 10px}.preparation-progress{font-weight:800;font-size:17px;margin:8px 0 17px;color:#f4cd78}.preparation-person{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #e0ba6733}.preparation-person .avatar{width:43px;height:48px;flex-shrink:0}.preparation-person>span{min-width:0;flex:1}.preparation-person b{display:block;font-size:15px;overflow-wrap:anywhere}.preparation-person small{display:block;font-size:12px;margin-top:3px;color:#d1c8a3}.preparation-person i{font-style:normal;color:#edce7e;font-size:20px}.preparation-person.prepared i{color:#bce68e}.preparation-note{font-size:13px;line-height:1.5;color:#e3d5b1;margin:18px 0}.preparation-roster>button{font-size:13px;padding:10px;width:100%}
.question-card{position:absolute;top:140px;bottom:35px;left:calc(5% + 285px);right:5%;max-width:860px;display:flex;flex-direction:column;overflow:hidden}.question-card-heading{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:74px;padding:12px 21px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 38%,#fff2c5),#fff1cf 75%);border-bottom:4px solid #251b14;color:#3b2317;font:900 17px/1.1 Arial,Helvetica,sans-serif;position:relative}.question-card-heading>b{margin-left:auto;font-size:14px;text-align:right}.question-emblem{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border:3px solid #231b12;border-radius:50%;background:linear-gradient(145deg,#fff4c5,var(--accent));box-shadow:0 0 0 3px #eecb6d;color:#302013}.question-emblem svg{width:34px;height:34px}.question-scroll{overflow:auto;min-height:0;padding:24px;scrollbar-width:thin;scrollbar-color:#ad8747 #f0dbac}.question-tabs{display:flex;gap:8px;margin-bottom:22px}.question-tabs button{padding:8px 13px;font-size:14px;border-radius:6px}.question-tabs button[aria-current=true]{background:linear-gradient(145deg,#fff0aa,#efc36a);color:#483015;box-shadow:inset 0 0 0 1px #fff0b2,0 2px #775323}.question-prompt-label{font-size:19px;font-weight:900;display:block;color:#58381e}.question-prompt-label textarea{display:block;resize:vertical;min-height:78px;max-height:170px;width:100%;margin-top:9px;padding:12px;font-size:18px;line-height:1.4}.answer-editor{border:0;margin:20px 0;padding:0}.answer-editor legend{font-size:15px;font-weight:800;color:#6b4d2a;margin-bottom:12px;line-height:1.4}.answer-editor-row{display:flex;align-items:center;gap:10px;margin-bottom:11px}.answer-editor-row>input{flex:1;min-width:0;padding:12px;font-size:17px;height:45px}.correct-radio{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:900;color:#6e4924;cursor:pointer;flex-shrink:0}.correct-radio input{width:21px;height:21px;margin:0;accent-color:#697e32}.correct-radio:has(input:checked){color:#426123}.answer-editor-row:has(input[type=radio]:checked)>input{border-color:#598238;background:#f0f5d9;box-shadow:0 0 0 1px #598238}.question-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.question-editor-actions>span{font-size:13px;color:#79603d;max-width:200px}.question-editor-actions button{padding:12px 18px;font-size:16px;min-height:46px}.questions-waiting{text-align:center;max-width:600px;margin:0 auto}.questions-waiting h2{font-size:36px;margin:12px 0}.questions-waiting>p{font-size:17px;line-height:1.5;color:#6a4d2d}.questions-ready-seal{border:4px solid #5f7435;border-radius:50%;width:67px;height:67px;display:grid;place-items:center;margin:7px auto;background:#d7e7a6;color:#4e692a;font-size:40px;font-weight:900}.question-review{text-align:left;margin:22px 0;border-top:2px solid #b19458}.question-review article{border-bottom:1px solid #b1945855;padding:14px 0}.question-review h3{font-size:19px;line-height:1.3;margin:0 0 8px}.question-review p{font-size:15px;color:#6b5332;margin:0}.questions-waiting button{padding:12px 22px;font-size:16px}
/* Larger hand, with a separate strip below the road. */
.exp-dock{height:210px;max-width:1050px;padding:12px 22px 0;bottom:33px;align-items:center;gap:24px}.exp-energy{width:110px;min-width:110px;max-width:none;aspect-ratio:2/3;border-radius:9px;touch-action:none}.exp-cards{padding:15px 18px 20px;justify-content:center;gap:0;min-height:185px}.exp-cards .exp-energy+.exp-energy{margin-left:-24px}.exp-energy:hover,.exp-energy:focus-visible,.exp-energy.selected{transform:translateY(-22px) rotate(0deg) scale(1.12);z-index:15}.exp-energy b{font-size:19px;min-width:31px;min-height:27px}.exp-hand{min-width:0;flex:1}.hand-heading{font-size:14px}.hand-heading strong{font-size:16px}.hand-heading span{font-size:13px}.exp-map{bottom:237px}.exp-board{width:min(100%,calc(100dvh - 320px))}.exp-rail{bottom:245px}.exp-meta{font-size:12px}.dice-console{width:162px;flex-shrink:0}.dice-console>span{font-size:11px}.dice-caption{font-size:14px}.dice-tray>span{font-size:11px}.expedition .battle-turn strong{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:17px}.expedition .battle-turn small{font-size:12px}
.initial-assembly .board-center{opacity:0}.start-assembly{position:absolute;inset:0;pointer-events:none}.start-assembly h3{position:absolute;left:20%;right:20%;top:15.5%;text-align:center;font-size:14px;line-height:1.25;color:#ffe8ab;text-shadow:0 2px 3px #071e19;margin:0;font-weight:900;letter-spacing:.8px}.start-assembly h3 span{display:block;font-size:11px;margin-top:4px;color:#dcd7ad;font-weight:600;letter-spacing:.2px}.start-assembly .exp-token{pointer-events:auto;width:11.5%;height:12.5%}.assembly-pawn small{font-size:10px;max-width:78px;bottom:-4px}.exp-token .guardian-sprite.levitating .sprite-leg{display:none!important}.walking .guardian-sprite.levitating .sprite-body{display:none!important}.walking .guardian-sprite.levitating .sprite-idle{display:block;animation:spirit-glide .45s ease-in-out infinite alternate}.guardian-sprite.levitating .sprite-idle{animation:spirit-idle 3s ease-in-out infinite alternate}.dice-over .start-assembly{opacity:.3}.dice-over .initial-assembly .board-center{opacity:1}
@keyframes spirit-glide{to{transform:translateY(-5px) rotate(2deg)}}@keyframes spirit-idle{to{transform:translateY(-2px)}}
/* A turn is an announcement over the world, never a blocking action modal. */
.turn-hint{position:absolute;z-index:12;top:90px;left:56%;transform:translateX(-50%);padding:9px 20px;border:2px solid #171b14;border-radius:7px;background:linear-gradient(110deg,#f7e5b3f2,#d5ad63ed);box-shadow:0 0 0 1px #f0c767,0 5px 14px #0005;color:#4b311a;font:900 14px Arial,Helvetica,sans-serif;letter-spacing:1px;white-space:nowrap;pointer-events:none}.turn-banner{position:absolute;z-index:19;left:56%;top:39%;transform:translate(-50%,-50%);width:min(550px,67vw);text-align:center;padding:19px 40px;background:linear-gradient(135deg,#fff0b9,#d9aa54);border:5px solid #ebc668;outline:3px solid #271d12;clip-path:polygon(0 20%,7% 20%,7% 0,93% 0,93% 20%,100% 20%,95% 50%,100% 80%,93% 80%,93% 100%,7% 100%,7% 80%,0 80%,5% 50%);box-shadow:0 15px 40px #0008;pointer-events:none;animation:turn-signal 3.3s both}.turn-banner>span{display:block;color:#8a6029;font-size:22px}.turn-banner strong{display:block;font:900 45px/1 Arial,Helvetica,sans-serif;color:#4d321a;text-shadow:0 2px #fff1c2}.turn-banner small{display:block;font:800 19px Arial,Helvetica,sans-serif;color:#81542c;margin-top:8px}
@keyframes turn-signal{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}12%,76%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-58%) scale(1.06);visibility:hidden}}
.flow-panel.card-frame{max-height:calc(100dvh - 285px);top:calc(50% - 70px);border-width:7px;border-radius:18px;width:min(790px,calc(100vw - 260px))}.flow-toolbar{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 35%,#fff0c7),#fff2cf 80%);color:#4b2e1a;border-bottom:4px solid #251c13;border-radius:9px 9px 0 0;padding:12px 17px;font:900 16px/1.2 Arial,Helvetica,sans-serif;min-height:59px}.flow-toolbar button{font-size:12px;background:#624226;color:#ffebbe;padding:7px 9px}.flow-panel .landing-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:32px;font-weight:900}.flow-panel .campfire.trivia-card{grid-template-columns:95px 1fr}.flow-panel .trivia-card .campfire-art{overflow:hidden;min-height:100%;position:relative}.flow-panel .trivia-card .campfire-art>span{display:block;width:54px;height:54px;margin:0 auto;color:#ffe7aa}.flow-panel .trivia-card .campfire-art>span svg{width:54px;height:54px}.flow-panel .trivia-card .campfire-art>b{font-size:12px;line-height:1.35;overflow-wrap:anywhere;padding:8px}.flow-panel .trivia-card h2{font:900 27px/1.15 Arial,Helvetica,sans-serif;color:#472b19;margin:13px 0}.trivia-author{font-size:15px!important;line-height:1.45;color:#705535!important;margin:10px 0 17px}.flow-panel .trivia-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.flow-panel .trivia-options legend{font-size:14px;line-height:1.4;margin-bottom:10px}.flow-panel .trivia-options label{display:flex;align-items:center;gap:8px;padding:12px;min-height:62px;border:2px solid #9d793f;background:#fff8dd;font-size:16px;line-height:1.3;position:relative;border-radius:9px}.flow-panel .trivia-options input{width:17px;height:17px;accent-color:#567731;flex-shrink:0}.flow-panel .trivia-options label b{font-size:21px;color:#86602c;flex-shrink:0}.flow-panel .trivia-options label span{overflow-wrap:anywhere}.flow-panel .trivia-options label i{font-style:normal;font-size:10px;font-weight:900;color:#42652d;position:absolute;bottom:4px;right:7px}.flow-panel .trivia-options label.correct-answer{background:#e3edbc;border-color:#557b32;box-shadow:inset 0 0 0 1px #557b32;padding-bottom:19px}.flow-panel .trivia-options label.wrong-answer{background:#f3d5bc;border-color:#b77853}.flow-panel .trivia-card .response-count{font-size:13px;line-height:1.4}.flow-panel .trivia-card .note-label{font-size:14px}.flow-panel .trivia-card textarea{font-size:16px;min-height:65px}.flow-panel .trivia-card #submit-vote{font-size:16px;padding:11px 15px}.flow-panel .trivia-card .automatic-round p{font-size:14px;line-height:1.4}.flow-panel .trivia-card .automatic-round small{font-size:12px;line-height:1.4}.flow-panel .trivia-card .camp-clock{font-size:12px;white-space:nowrap}.flow-panel .trivia-card .eyebrow{font-size:10px}.flow-panel .responses b{font-size:13px}.flow-panel .responses small{font-size:13px}
@media(min-width:1450px){.exp-board{width:min(100%,calc(100dvh - 310px));max-width:900px}.exp-dock{height:225px}.exp-energy{width:122px;min-width:122px}.exp-cards{min-height:200px}.exp-map{bottom:252px}}
@media(max-width:1050px){.question-card{left:calc(4% + 225px);right:4%;top:132px;bottom:25px}.preparation-heading{left:4%;right:4%}.preparation-roster{left:4%;top:132px;bottom:25px;width:200px;padding:14px}.question-scroll{padding:20px}.question-card-heading{padding:12px;font-size:15px}.question-card-heading>b{font-size:12px}.exp-dock{left:52%;width:calc(100% - 40px);max-width:950px;gap:15px;padding-left:15px;padding-right:15px}.exp-energy{width:103px;min-width:103px}.exp-cards .exp-energy+.exp-energy{margin-left:-30px}.flow-panel.card-frame{width:calc(100vw - 190px);left:56%;max-height:calc(100dvh - 290px)}}
@media(max-width:800px){.splash-twelve .splash-menu{top:37%;width:91vw}.splash-twelve .splash-menu h1{font-size:76px}.splash-twelve .splash-tagline{max-width:300px;margin:14px auto 0;font-size:14px}.splash-twelve .splash-poster{background-size:100% auto;background-position:center 91%;background-repeat:no-repeat;animation:none}.splash-twelve:after{background:linear-gradient(0deg,#0c22194d,transparent 30%,#092c3a33 68%)}.splash-twelve .cinematic-world{filter:brightness(.6) saturate(.9)}.splash-twelve .splash-kicker{font-size:10px;letter-spacing:1.5px}.splash-twelve .splash-actions{margin-top:22px}.splash-twelve .splash-actions button{min-height:46px;font-size:17px;width:250px}.splash-twelve .splash-version,.splash-twelve .splash-mode{font-size:9px}.splash-twelve .splash-version{bottom:12px;left:12px}.splash-twelve .splash-mode{bottom:12px;right:12px}.selection-top{gap:8px;padding-left:12px;padding-right:12px}.selection-top>.room-code{min-width:80px;padding:5px 8px}.selection-top>.room-code b{font-size:16px;letter-spacing:1px}.selection-top>.room-code small{font-size:7px;letter-spacing:.4px}.selection-brand{font-size:0!important;min-width:30px;width:30px;padding:3px!important}.selection-brand b{display:none}.selection-brand:after{content:'⌂';font-size:22px}.selection-admin .admin-content{max-height:275px}.selection-admin label,.selection-admin select{font-size:14px}.selection-admin #start{font-size:14px}.selection-top>div{gap:5px}.selection-top>div button{font-size:11px;padding:7px 8px}.selection-top>div #lobby-rules{font-size:16px;padding:5px 9px}.preparation-heading{top:16px;left:16px;right:16px;align-items:flex-start;gap:10px}.preparation-heading>div{max-width:72%}.preparation-heading h1{font-size:24px;max-width:350px;margin-top:6px}.preparation-heading .eyebrow{font-size:9px;letter-spacing:1px}.preparation-heading .room-code{padding:6px 7px}.preparation-heading .room-code b{font-size:16px;letter-spacing:1px}.preparation-heading .room-code small{font-size:7px;letter-spacing:.3px}.preparation-roster{left:16px;right:16px;top:112px;width:auto;height:86px;bottom:auto;display:flex;align-items:center;gap:15px;padding:10px 13px;overflow-x:auto;overflow-y:hidden}.preparation-roster h2{display:none}.preparation-progress{font-size:14px;line-height:1.3;min-width:90px;margin:0}.preparation-person{padding:0;border:0;min-width:148px;flex-shrink:0;gap:7px}.preparation-person .avatar{width:36px;height:43px}.preparation-person b{font-size:14px}.preparation-person small{font-size:10px}.preparation-person i{font-size:18px}.preparation-note{display:none}.preparation-roster>button{min-width:120px;width:120px;flex-shrink:0;font-size:11px;padding:8px}.question-card{top:216px;left:16px;right:16px;bottom:18px;max-width:none;border-width:5px;border-radius:13px}.question-card-heading{min-height:61px;gap:11px;padding:9px 11px;font-size:13px}.question-card-heading>b{font-size:11px;max-width:95px}.question-emblem{width:35px;height:35px;border-width:2px;box-shadow:0 0 0 2px #efcd75}.question-emblem svg{width:27px;height:27px}.question-scroll{padding:16px}.question-tabs{gap:6px;margin-bottom:16px}.question-tabs button{font-size:12px;padding:7px 9px}.question-prompt-label{font-size:17px}.question-prompt-label textarea{font-size:16px;min-height:72px;max-height:150px;padding:10px}.answer-editor{margin:17px 0}.answer-editor legend{font-size:13px;margin-bottom:11px}.answer-editor-row{gap:8px;margin-bottom:10px}.answer-editor-row>input{font-size:16px;padding:9px;height:41px}.correct-radio{gap:6px;font-size:16px}.correct-radio input{width:20px;height:20px}.question-editor-actions{gap:8px;flex-wrap:wrap;margin-top:15px}.question-editor-actions>span{font-size:11px;max-width:130px}.question-editor-actions button{font-size:14px;min-height:42px;padding:10px 12px}.questions-waiting h2{font-size:29px}.questions-waiting>p{font-size:15px}.question-review h3{font-size:17px}.question-review p{font-size:14px}.exp-dock{height:198px;left:50%;bottom:37px;width:calc(100% - 16px);gap:8px;padding:10px 7px 0;align-items:center}.dice-console{width:90px}.exp-energy{width:87px;min-width:87px}.exp-cards{min-height:161px;padding:13px 10px 16px;justify-content:flex-start;overflow:visible}.exp-cards .exp-energy+.exp-energy{margin-left:-37px}.exp-energy b{font-size:16px;min-width:26px;min-height:23px}.exp-hand .hand-heading{align-items:flex-start;flex-direction:column;gap:3px;margin-bottom:0}.hand-heading strong{font-size:13px}.hand-heading span{font-size:11px}.dice-caption{font-size:10px}.dice-console>span{font-size:9px}.dice-tray>span{font-size:9px}.exp-map{inset:91px 10px 250px 10px;justify-content:center}.exp-board{width:min(100%,calc(100dvh - 395px));max-width:650px}.exp-rail{display:none}.exp-meta{font-size:9px}.expedition .battle-turn strong{font-size:13px}.expedition .battle-turn small{font-size:9px}.expedition .battle-turn{min-width:150px}.turn-hint{top:98px;left:50%;font-size:10px;padding:7px 12px;letter-spacing:.5px}.turn-banner{left:50%;top:37%;width:85vw;padding:17px 25px}.turn-banner strong{font-size:36px}.turn-banner small{font-size:17px}.start-assembly h3{font-size:10px;top:15%}.start-assembly h3 span{font-size:8px}.assembly-pawn small{font-size:8px;padding:1px 3px;bottom:-6px}.flow-panel.card-frame{width:calc(100vw - 24px);left:50%;top:calc(50% - 70px);max-height:calc(100dvh - 290px);border-width:5px;border-radius:13px}.flow-toolbar{padding:10px 12px;font-size:14px;min-height:54px;gap:8px}.flow-toolbar button{font-size:10px;padding:6px 7px}.flow-panel .campfire.trivia-card{grid-template-columns:1fr}.flow-panel .trivia-card .campfire-art{min-height:0;height:63px;border-right:0;border-bottom:3px solid #3b2819;display:flex;align-items:center;padding:8px 12px;gap:12px}.flow-panel .trivia-card .campfire-art>span{position:static;width:39px;height:39px;margin:0;z-index:2}.flow-panel .trivia-card .campfire-art>span svg{width:39px;height:39px}.flow-panel .trivia-card .campfire-art>b{position:static;font-size:12px;padding:0;max-width:75%;text-align:left;z-index:2}.flow-panel .trivia-card .campfire-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;opacity:.8}.flow-panel .trivia-card .campfire-body{padding:17px}.flow-panel .trivia-card h2{font-size:25px}.flow-panel .trivia-card .campfire-body>.row{flex-wrap:wrap;gap:7px}.flow-panel .trivia-options{grid-template-columns:1fr}.flow-panel .trivia-options label{min-height:54px;padding:10px 12px;font-size:16px}.flow-panel .trivia-author{font-size:14px!important}.flow-panel .trivia-card .camp-clock{font-size:11px}.flow-panel .trivia-options label.correct-answer{padding-bottom:20px}.flow-panel .trivia-card .automatic-round p{font-size:13px}.flow-panel .trivia-card .automatic-round small{font-size:11px}}
@media(max-width:420px){.splash-twelve .splash-menu h1{font-size:66px}.splash-twelve .splash-menu{top:35%}.splash-twelve .splash-actions{margin-top:18px;gap:9px}.splash-twelve .splash-poster{background-position:center 86%}.exp-energy{width:82px;min-width:82px}.exp-cards .exp-energy+.exp-energy{margin-left:-47px}.dice-console{width:80px}.exp-map{bottom:255px}.exp-board{width:min(100%,calc(100dvh - 410px))}.map-legend{font-size:7px;padding:5px;gap:4px 6px;margin-top:8px}.preparation-heading h1{font-size:22px}.question-editor-actions>span{max-width:100%;width:100%}.question-editor-actions button.primary{margin-left:auto}.question-scroll{padding:14px}.preparation-roster{height:78px;top:110px}.question-card{top:204px}.flow-toolbar{font-size:12px}.flow-toolbar button{font-size:9px}.flow-panel .trivia-card .campfire-body{padding:15px}}
@media(max-height:610px) and (min-width:801px){.splash-twelve .splash-menu h1{font-size:68px}.splash-twelve .splash-actions{gap:7px;margin-top:14px}.splash-twelve .splash-actions button{min-height:36px;padding:6px 18px;font-size:15px}.splash-twelve .splash-tagline{margin-top:12px}.exp-dock{height:150px}.exp-energy{width:85px;min-width:85px}.exp-cards{min-height:140px}.exp-map{bottom:180px}.exp-board{width:min(100%,calc(100dvh - 265px))}.flow-panel.card-frame{max-height:calc(100dvh - 220px);top:calc(50% - 50px)}.preparation-heading{top:15px}.preparation-heading h1{font-size:27px}.preparation-roster,.question-card{top:112px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.splash-poster,.guardian-sprite.levitating .sprite-idle{animation:none}.turn-banner{animation-duration:.01ms;animation-delay:2s}}
/* Keep every face in frame, including taller desktop windows. */
.splash-twelve .cinematic-world{background-image:url(assets/splash-twelve.png);filter:blur(24px) brightness(.6);transform:scale(1.08)}
.splash-twelve .splash-poster{inset:auto;left:50%;top:50%;width:min(100vw,177.7778dvh);height:min(56.25vw,100dvh);background-size:100% 100%;background-repeat:no-repeat;transform:translate(-50%,-50%);mask-image:linear-gradient(0deg,transparent,black 3%,black 97%,transparent)}
.splash-twelve .splash-actions button{font-family:Arial,Helvetica,sans-serif}
@keyframes keyart-breathe{to{transform:translate(-50%,-50%) scale(1.015)}}
.preparation-person>.avatar{flex:0 0 43px}
@media(max-width:800px){.splash-twelve .splash-poster{inset:auto 0 10%;top:auto;left:0;width:100%;height:56.25vw;transform:none;animation:none}.preparation-person>.avatar{flex-basis:36px}}
.exp-hand{max-width:none}
@media(min-width:801px){.exp-dock{width:min(950px,calc(100vw - 220px));left:55%}.exp-map{bottom:247px}.exp-board{width:min(100%,calc(100dvh - 390px))}}
@media(min-width:1450px){.exp-map{bottom:262px}.exp-board{width:min(100%,calc(100dvh - 390px))}.exp-cards .exp-energy+.exp-energy{margin-left:-28px}}
@media(max-width:420px){.exp-cards:has(>.exp-energy:nth-child(6)) .exp-energy+.exp-energy{margin-left:-57px}}
@media(max-width:800px){.flow-panel.card-frame{right:auto;transform:translate(-50%,-50%)}.turn-hint{top:132px}}
.flow-panel.card-frame{font-family:Arial,Helvetica,sans-serif}
.flow-panel .trivia-card .automatic-round p{color:#694b27}.flow-panel .trivia-card .automatic-round small{color:#73562d}
.flow-panel .trivia-card .campfire-art>b{left:5px;right:5px;bottom:15px;padding:3px;word-break:normal;font-size:11px;text-align:center;letter-spacing:.2px;line-height:1.4}
@media(min-width:801px){.exp-board{width:min(100%,calc(100dvh - 340px))}.map-legend{display:none}}
@media(min-width:1200px){.map-legend{position:absolute;display:grid;left:calc(50% + min(450px,calc(50dvh - 170px)) + 18px);top:50%;transform:translateY(-50%);width:170px;max-width:170px;margin:0;padding:12px;gap:14px;font-size:11px}.map-legend span{display:flex;align-items:center;gap:8px}.map-legend i{width:25px;height:25px;flex-shrink:0}}
@media(max-width:800px){.splash-twelve .cinematic-world{background-image:url(assets/arena-landscape.png);filter:brightness(.48);transform:scale(1.02)}}