/* Arena Elemental: parchment, obsidian and forged gold, shared with the cards. */
:root{--parchment:#fae9bc;--ink:#382719;--gold:#edc46d}
button{border:1px solid #a27c3e;background:linear-gradient(160deg,#354235,#182a27);color:#f9e6b1;box-shadow:inset 0 1px #fff2,0 2px 0 #0d1716;font-weight:600}
button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible{outline:3px solid #fff0b1;outline-offset:4px}button:disabled{filter:saturate(.4);opacity:.48;cursor:not-allowed}
button.primary{border:2px solid #573c1c;background:linear-gradient(130deg,#fff3bc,#e9bd62 62%,#c58a33);color:#3c2919;text-shadow:0 1px #fff5;box-shadow:inset 0 0 0 1px #ffdf87,inset 0 2px #fff7,0 3px 0 #48331e,0 5px 10px #0004;font-family:Georgia,serif;font-weight:700;letter-spacing:.2px;border-radius:6px}
.lobby-preview,.team-selection,.invite-box,.panel.name-entry{border-color:#c9a459;background:linear-gradient(135deg,#1e342fe8,#101d23f5);box-shadow:inset 0 0 0 2px #0b161a,0 10px 25px #0005}
.lobby-selection h2,.name-entry h2{font-family:Georgia,serif;color:#f8d895}.expedition .battle-hud{top:12px}.expedition .battle-identity,.expedition .battle-turn,.expedition .battle-tools button{background:linear-gradient(140deg,#433626ed,#172e2bf2);border:1px solid #d0a85a;box-shadow:inset 0 0 0 2px #15231e,0 5px 14px #0006}.expedition .battle-turn{min-width:210px}.expedition .battle-turn strong{font-family:Georgia,serif;color:#f7db9c;font-size:14px}
.exp-rail{width:132px;top:90px;bottom:160px;left:10px;gap:5px}.exp-rail>button{background:linear-gradient(120deg,#3e3c27ed,#152b28f2);border-color:#b79b5666;box-shadow:inset 0 0 0 1px #0c1719,0 3px 7px #0004;border-radius:5px;min-height:47px}.exp-rail>button.own{border-color:#f5d17a}.exp-rail .avatar{height:38px;width:28px}.exp-rail span b{font-size:10px}.exp-rail small,.exp-rail em{font-size:8px}
.exp-map{inset:80px 25px 155px 155px;overflow:visible;padding:0;display:flex;align-items:center;justify-content:center}.exp-board{aspect-ratio:1;width:min(100%,calc(100dvh - 255px));min-width:0;max-width:850px;overflow:visible;filter:drop-shadow(0 18px 14px #0007)}
.exp-board:before{content:'';position:absolute;inset:1.7%;border:8px solid #755d33;border-radius:6%;background:linear-gradient(#183b2c80,#0a2828a6),url(assets/arena-landscape.png) center/cover;box-shadow:inset 0 0 0 3px #d4ab60,inset 0 0 70px 25px #001d1fb3,0 7px 0 #3c3927,0 12px 0 #182f28,0 18px 18px #0008}
.exp-path-shadow{stroke:#102b26;stroke-width:39}.exp-path{stroke:#a88f58;stroke-width:24;stroke-dasharray:7 6}.exp-tile{width:8.5%;height:8.5%;transform:translate(-50%,-50%);border-radius:18%;border:2px solid #392d1d;background:linear-gradient(135deg,#fae5ad,#c5ab70)!important;box-shadow:inset 0 0 0 2px var(--tile),inset 0 3px 1px #fff5,0 4px 0 #806739,0 7px 0 #304438,0 10px 9px #0007;gap:2px}.exp-tile b{font-size:9px;top:3px;left:5px;color:#59472d}.exp-tile span{font-size:19px;color:#463e26;margin-top:5px}.exp-tile.challenge{background:linear-gradient(135deg,#ffe9b6,#c79846)!important}.exp-tile.risk{background:linear-gradient(135deg,#efd1ac,#bb8062)!important}.exp-tile.finish,.exp-tile.start{background:linear-gradient(140deg,#fff0b0,#e1ad45)!important}.exp-tile.occupied-mine{outline:2px solid #ffedab;outline-offset:4px;box-shadow:inset 0 0 0 2px var(--tile),0 4px #806739,0 7px #304438,0 0 25px #ffe99c88}.exp-tile:hover{filter:brightness(1.12)}
.board-center{position:absolute;inset:19%;border:1px solid #d5ae6377;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse,#213c2a66,#102c2f55 66%,transparent 70%);box-shadow:inset 0 0 0 8px #a9935c0f,inset 0 0 0 9px #d6ae5b33;pointer-events:none}.board-center>.eyebrow{font-size:6px;color:#e2cca1;margin-bottom:10px;letter-spacing:1px}.board-center>strong{font-family:Georgia,serif;font-size:clamp(22px,3.5vh,40px);line-height:.95;color:#f7e5b1;text-shadow:0 2px #161f14,0 5px 5px #0008;letter-spacing:1px}.board-center>strong em{font-style:normal;color:#edbd5d;font-size:.84em}.board-round{font-size:8px;color:#c4c6a0;margin-top:14px;letter-spacing:3px}.element-ring{position:absolute;inset:5%;pointer-events:none}.element-ring span{position:absolute;left:50%;top:50%;font-size:20px;color:var(--c);transform:translate(-50%,-50%) rotate(calc(var(--e)*60deg)) translateY(-105px) rotate(calc(var(--e)*-60deg));text-shadow:0 0 14px var(--c);opacity:.7}.throw-target{display:flex;flex-direction:column;align-items:center;margin-top:14px;opacity:.5;color:#eacb82;font-size:7px;letter-spacing:1px}.throw-target b{font-size:19px;margin-bottom:4px}.dice-over .board-center{border:2px solid #ffe7a0;background:radial-gradient(ellipse,#9c994966,#27473088 65%,transparent 70%);box-shadow:0 0 45px #e4dca666,inset 0 0 40px #fce8a233}.dice-over .throw-target{opacity:1}.dice-over .throw-target b{animation:drop-pulse .5s ease-in-out infinite alternate}.map-legend{font-size:8px;gap:5px 10px;background:#142b22d9;border:1px solid #a88b4e88;border-radius:5px;max-width:650px;padding:7px 10px;margin-top:15px;flex-shrink:0}.map-legend i{font-size:12px}
/* Full-body alpha sprites. Only the lower limbs move while a guardian walks. */
.exp-token{width:11%;height:11%;padding:0;background:none!important;box-shadow:none!important;transition:filter .2s;border:0!important;z-index:5;overflow:visible}.exp-token.mine{z-index:9}.exp-token:before{bottom:3%;left:16%;right:16%;height:10%;border:0;background:#071e1da6;box-shadow:none;filter:blur(2px)}.guardian-sprite{display:block;position:absolute;inset:0;filter:drop-shadow(0 2px 2px #0009);pointer-events:none}.guardian-sprite i{display:block;position:absolute;inset:0;background-image:var(--sheet);background-size:300% 200%;background-position:var(--sx) var(--sy);background-repeat:no-repeat;pointer-events:none}.guardian-sprite .sprite-body,.guardian-sprite .sprite-leg{display:none}.exp-token.mine .guardian-sprite{filter:drop-shadow(0 0 5px #ffe2a0)}.exp-token:hover .guardian-sprite,.exp-token:focus-visible .guardian-sprite{transform:scale(1.35);transform-origin:center 90%;filter:drop-shadow(0 0 6px var(--c));z-index:10}.exp-token small{bottom:-4px;font-size:8px;max-width:90px;padding:1px 4px;border:1px solid #c7a3639c;border-radius:4px;background:#152c26ed;color:#ffe8b2;z-index:2}.walking .sprite-idle{display:none}.walking .sprite-body,.walking .sprite-leg{display:block}.walking .sprite-body{clip-path:inset(0 0 29%);animation:body-step .23s ease-in-out infinite alternate}.walking .left-leg{clip-path:inset(69% 50% 0 0);transform-origin:40% 71%;animation:limb-step .23s ease-in-out infinite alternate}.walking .right-leg{clip-path:inset(69% 0 0 50%);transform-origin:60% 71%;animation:limb-step .23s ease-in-out infinite alternate-reverse}.exp-more{font-size:8px;background:#19382c;border:1px solid #e5c078;z-index:11}
@keyframes body-step{to{transform:translateY(-1.5px) rotate(-1deg)}}@keyframes limb-step{from{transform:rotate(-10deg) translateY(1px)}to{transform:rotate(10deg) translateY(-3px)}}@keyframes drop-pulse{to{transform:translateY(-6px);text-shadow:0 0 15px #fff4b1}}
/* Central action modal; the hand and dice remain interactive outside it. */
.flow-shade{position:absolute;inset:0;z-index:20;background:#06150f70;backdrop-filter:blur(1px);pointer-events:none;transition:opacity .15s}.flow-panel{position:absolute;z-index:24;left:50%;top:calc(50% - 45px);transform:translate(-50%,-50%);width:min(710px,calc(100vw - 260px));max-height:calc(100dvh - 255px);display:flex;flex-direction:column;border:3px solid #e9c574;border-radius:13px;background:#f4dfae;box-shadow:0 0 0 2px #1c2118,inset 0 0 0 2px #554021,0 25px 70px #000b;outline:none;animation:parchment-in .24s ease-out}.flow-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 14px;background:repeating-linear-gradient(115deg,#ffffff03 0 3px,transparent 3px 8px),linear-gradient(135deg,#55402b,#1a2d26);color:#f5d694;border-bottom:2px solid #b98c43;flex-shrink:0;font:700 11px Georgia,serif;letter-spacing:.3px;border-radius:9px 9px 0 0}.flow-toolbar button{padding:6px 9px;font-size:10px;white-space:nowrap;border-color:#c8a35a;background:#172d25;box-shadow:inset 0 1px #fff2;border-radius:5px}.flow-content{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#a3844f #ebd5a2;position:relative;border-radius:0 0 9px 9px;background:radial-gradient(ellipse at 10% 20%,#fff2d0a0,transparent 55%),repeating-linear-gradient(13deg,#694e1805 0 1px,transparent 1px 4px),linear-gradient(140deg,#fff0c7,#e8ce95);color:var(--ink)}
.flow-panel .exp-action,.flow-panel .campfire,.flow-panel .exp-results{position:static;inset:auto;width:auto;max-height:none;height:auto;overflow:visible;transform:none;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--ink);opacity:1}.flow-panel .exp-action{transition:none}.flow-panel .landing-card{display:grid;grid-template-columns:130px 1fr;border-radius:0;overflow:visible}.flow-panel .landing-art{height:auto;min-height:230px;align-self:stretch;border-bottom:0;border-right:2px solid #b7954f;background-position:center}.flow-panel .landing-art b{color:#ffe8b1}.flow-panel .landing-art span{font-size:60px}.flow-panel .landing-copy{padding:22px}.flow-panel .landing-copy h2{font-size:31px;color:#573819;line-height:1.05;margin:9px 0 12px}.flow-panel .landing-copy p{font-size:13px;line-height:1.5;color:#443b26}.flow-panel .eyebrow{color:#8e5d28;font-size:8px}.flow-panel .landing-copy button{font-size:12px;min-height:40px;padding:9px 12px;margin-top:8px}.flow-panel .landing-note{color:#796643;font-size:10px}.flow-panel .card-drop{background:#fff6d275;border:2px dashed #9e7a3c;min-height:75px;box-shadow:inset 0 0 12px #8468251a}.flow-panel .card-drop>span{color:#644321}.flow-panel .card-drop small{color:#7d6740;font-size:10px}.flow-panel .card-drop.over{background:#b2c98780;border-color:#5a8532;box-shadow:0 0 20px #bad97a66}.flow-panel .recipient{background:#a7b17b33;color:#4d462b;border:1px solid #8c8c4d66}.flow-panel .recipient small{color:#69703b}.flow-panel .target-label{color:#614b28}.flow-panel select,.flow-panel textarea{background:#fff3d3;color:#3f321f;border-color:#a78b50;box-shadow:inset 0 2px 5px #6f55251a}.flow-panel textarea::placeholder{color:#8f805f}
.flow-panel .campfire{display:grid;grid-template-columns:120px 1fr}.flow-panel .campfire-art{border-right:2px solid #b48d47}.flow-panel .campfire-art img{opacity:.8;filter:saturate(.9)}.flow-panel .campfire-art:after{background:linear-gradient(0deg,#29352a,transparent 80%)}.flow-panel .campfire-art>span{font-size:50px;top:40px}.flow-panel .campfire-art>b{font-size:10px;color:#ffe4aa}.flow-panel .campfire-body{padding:21px 23px}.flow-panel .campfire h2{color:#614020;font-size:29px}.flow-panel .camp-question{color:#3f3824;font-size:13px}.flow-panel .camp-follow{color:#655032;background:#c0a66f30;border-color:#ad8236}.flow-panel .camp-clock{color:#7d5f2d;border-color:#b49250;background:#fff2c6;font-size:10px}.flow-panel .vote-options legend{color:#76613b}.flow-panel .vote-options label{color:#443e27;background:#fff1c266;border-color:#b59959;font-size:12px}.flow-panel .vote-options b{color:#946121}.flow-panel .vote-options label:has(input:checked){background:#d5db9e;border-color:#687b36;box-shadow:0 0 0 1px #687b36}.flow-panel .note-label,.flow-panel .response-count{color:#786342}.flow-panel .response-count{font-size:10px}.flow-panel .vote-saved{background:#d7dfb3;border-color:#8c9b50;color:#3f4a24}.flow-panel .vote-saved p{color:#5e6a3d}.flow-panel .responses>div{background:#c7b17b2c;border:1px solid #bda36555}.flow-panel .responses b{color:#704b27}.flow-panel .responses small{color:#6b5d3d}.flow-panel .consensus-note{color:#7c653d}.flow-panel .automatic-round{display:flex;gap:10px;align-items:center;margin-top:17px;padding:9px 12px;background:#cbb27633;border-top:1px solid #b79b5e88;color:#80632f}.automatic-round>span{font-size:24px}.automatic-round p{font-size:11px;margin:0}.automatic-round small{display:block;font-size:9px;margin-top:3px;color:#8e7548}.flow-panel .exp-results{padding:24px}.flow-panel .exp-results h2{color:#62431e}.flow-panel .exp-results p{color:#655233}.flow-panel .score-table>div{background:#ccba8333;border-color:#b8a36888;color:#59492e}.flow-panel .score-table strong{color:#796234}.flow-panel .score-table b{color:#67491c}
.flow-panel .landing-header{padding:28px;text-align:center}.flow-panel .landing-header h2{color:#62421f;font-size:30px;margin:10px 0}.flow-panel .landing-header p{color:#6c5939;font-size:13px;line-height:1.6;max-width:440px;margin:12px auto}.flow-panel .landing-header strong{color:#718144}.instruction-die{font-size:57px;color:#b48539;line-height:1;margin:15px 0;text-shadow:0 2px #fff6}.throw-steps{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:17px 0}.throw-steps span{font-size:11px;color:#85662d;border:1px solid #c2a465;padding:7px 10px;border-radius:5px;background:#ffeabb77}.throw-instruction small{font-size:9px;color:#94815b}.flow-pill{position:absolute;z-index:25;bottom:164px;left:50%;transform:translateX(-50%);min-width:220px;padding:9px 16px;border:2px solid #cfad61;border-radius:6px;background:linear-gradient(#3a4832,#192d28);box-shadow:0 4px 0 #0d1f1c,0 10px 25px #0007;color:#f2d99e;font:700 12px Georgia,serif}.flow-pill span{display:block;color:#b6c39e;font:9px Arial,sans-serif;margin-top:4px}.is-minimized{display:none!important}.expedition:has(.campfire) .exp-map{filter:none}.dice-rolling .flow-panel,.dice-rolling .flow-shade,.dice-dragging .flow-panel,.dice-dragging .flow-shade{opacity:0;pointer-events:none}.dice-dragging .throw-target{opacity:1}.dice-rolling .flow-pill,.dice-dragging .flow-pill{opacity:0;pointer-events:none}@keyframes parchment-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
/* Physical dice tray. There is no throw button: pointer drop or a keyboard gesture rolls it. */
.exp-dock{z-index:27;bottom:0;height:150px;left:50%;width:min(700px,68vw);gap:25px;align-items:flex-start}.dice-console{width:150px;background:radial-gradient(ellipse,#303e28e8,#10292388 65%,transparent 72%)}.dice-grab{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;position:relative}.dice-grab:focus-visible{outline:2px solid #ffe7a2;outline-offset:0;border-radius:50%}.dice-grab:active{cursor:grabbing}.dice-grab.used{cursor:default}.dice-tray{width:150px;height:100px;pointer-events:none}.dice-tray>span{font-size:7px;bottom:2px}.dice-caption{display:block;color:#f4d595;font:700 9px Georgia,serif;letter-spacing:1px;margin-top:4px}.dice-console>span{font-size:7px;text-align:center}.dice-dragging .dice-grab,.dice-rolling .dice-grab{opacity:.15}.die-drag-ghost,.thrown-die{position:fixed;z-index:100;pointer-events:none;width:56px;height:56px;perspective:600px;transform:translate(-50%,-50%)}.die-drag-ghost{filter:drop-shadow(0 20px 9px #0006)}.die-drag-ghost .die-cube{transform:rotateX(-25deg) rotateY(35deg) rotateZ(-12deg);margin:0}.thrown-die .die-cube{margin:0}.throw-shadow{position:absolute;left:-10px;top:40px;width:75px;height:23px;background:#0008;border-radius:50%;filter:blur(6px)}.thrown-die.settled{transition:opacity .25s;animation:none}.exp-hand{padding-top:4px;max-width:430px}.exp-cards{padding-top:13px}.exp-energy{width:73px}.hand-heading,.hand-heading>span{font-size:8px}.exp-meta{font-size:7px;max-width:165px;bottom:15px}.exp-meta b{font-size:8px}.exp-meta button{font-size:7px}
@media(min-height:950px){.exp-board{width:min(100%,calc(100dvh - 270px))}.element-ring span{transform:translate(-50%,-50%) rotate(calc(var(--e)*60deg)) translateY(-155px) rotate(calc(var(--e)*-60deg))}.exp-dock{height:170px}.exp-energy{width:88px}.flow-pill{bottom:190px}}
@media(max-width:1000px){.exp-map{left:140px;right:10px}.flow-panel{width:min(690px,calc(100vw - 165px));left:54%}.exp-rail{width:120px}.element-ring span{font-size:16px}.exp-dock{left:54%;gap:15px}}
@media(max-width:800px){.expedition .battle-hud{top:7px;left:7px;right:7px;gap:7px}.expedition .battle-turn{min-width:155px}.expedition .battle-turn strong{font-size:10px}.expedition .battle-tools{gap:5px}.expedition .battle-tools button{width:32px;height:32px;padding:4px}.exp-rail{display:none}.exp-map{inset:133px 7px 190px;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:10px 0}.exp-board{width:min(100%,calc(100dvh - 360px));min-width:310px;max-width:610px;flex-shrink:0}.exp-tile b{font-size:7px;top:2px;left:3px}.exp-tile span{font-size:15px;margin-top:4px}.exp-token small{font-size:6px;bottom:-5px;max-width:60px;padding:0 2px}.exp-more{font-size:7px}.board-center>strong{font-size:24px}.board-center>.eyebrow{font-size:4px;letter-spacing:.5px;margin-bottom:8px}.board-round{font-size:6px;margin-top:10px}.throw-target{font-size:5px;margin-top:10px}.throw-target b{font-size:16px}.element-ring span{font-size:13px;transform:translate(-50%,-50%) rotate(calc(var(--e)*60deg)) translateY(-75px) rotate(calc(var(--e)*-60deg))}.map-legend{display:none}.exp-dock{left:50%;height:153px;width:100%;padding:0 7px;gap:6px}.dice-console{width:125px;flex-shrink:0}.dice-tray{height:100px;width:125px}.dice-caption{font-size:8px}.dice-console>span{font-size:6px}.exp-hand{padding-top:7px}.exp-cards{padding-top:12px}.exp-energy{width:55px;min-width:27px}.exp-meta{left:8px;top:118px;bottom:auto;max-width:100%;gap:5px;font-size:6px}.exp-meta b,.exp-meta button{font-size:6px}.flow-panel{left:8px;right:8px;top:calc(50% - 20px);transform:translateY(-50%);width:auto;max-height:calc(100dvh - 300px);border-width:2px}.flow-toolbar{padding:9px 10px;font-size:10px}.flow-toolbar button{font-size:9px;padding:6px}.flow-panel .landing-card{grid-template-columns:72px 1fr}.flow-panel .landing-art{min-height:200px}.flow-panel .landing-art span{font-size:35px}.flow-panel .landing-art b{font-size:7px;left:8px}.flow-panel .landing-copy{padding:15px}.flow-panel .landing-copy h2{font-size:26px}.flow-panel .landing-copy p{font-size:12px}.flow-panel .landing-note{font-size:9px}.flow-panel .landing-copy button{font-size:11px}.flow-panel .campfire{display:block}.flow-panel .campfire-art{display:none}.flow-panel .campfire-body{padding:16px}.flow-panel .campfire h2{font-size:26px}.flow-panel .camp-question{font-size:12px}.flow-panel .vote-options{grid-template-columns:1fr}.flow-panel .camp-clock{font-size:9px}.flow-panel .campfire-body>.row{flex-wrap:wrap;gap:6px}.flow-panel .landing-header{padding:22px 17px}.flow-panel .landing-header h2{font-size:27px}.flow-panel .landing-header p{font-size:12px}.instruction-die{font-size:46px}.throw-steps{gap:5px;margin:12px 0}.throw-steps span{font-size:9px;padding:5px}.flow-pill{bottom:169px;min-width:200px;font-size:11px}.flow-panel .responses{grid-template-columns:1fr}.flow-panel .card-drop{min-height:58px}.flow-panel .card-drop img{height:50px}.flow-panel .exp-results{padding:16px}.flow-panel .score-table strong{font-size:9px}}
@media(max-height:520px){.expedition .battle-hud{top:5px}.expedition .battle-turn{padding:4px 8px}.expedition .battle-tools{width:auto}.exp-map{inset:70px 10px 110px 10px;overflow:auto}.exp-board{width:340px;min-width:340px;max-width:340px}.exp-dock{height:110px;max-width:500px;left:50%}.dice-tray{height:65px}.dice-caption{font-size:7px}.dice-console>span{display:none}.exp-energy{width:46px}.exp-meta{top:auto;bottom:7px;left:7px;max-width:150px}.flow-panel{top:calc(50% - 10px);max-height:calc(100dvh - 165px);width:min(620px,calc(100vw - 50px));left:50%;right:auto;transform:translate(-50%,-50%)}.flow-toolbar{padding:6px 10px}.flow-panel .landing-header{padding:14px}.instruction-die{display:none}.flow-panel .landing-header h2{font-size:24px}.flow-panel .campfire-body{padding:14px}.flow-panel .landing-art{min-height:160px}.flow-pill{bottom:115px}.exp-rail{display:none}.map-legend{display:none}}
@media(prefers-reduced-motion:reduce){.flow-panel,.walking .sprite-body,.walking .sprite-leg,.dice-over .throw-target b{animation:none!important}.exp-token:hover .guardian-sprite{transform:none}.die-cube{transition:none}}

.dice-rolling .flow-panel,.dice-dragging .flow-panel{animation:none!important;opacity:0!important;visibility:hidden}.dice-rolling .flow-shade,.dice-dragging .flow-shade{opacity:0!important;visibility:hidden}
dialog{border:3px solid #dfb65d;border-radius:12px;background:linear-gradient(140deg,#fff0c6,#e6cb92);color:#4b371e;box-shadow:0 0 0 2px #18281e,0 25px 80px #000b}dialog::backdrop{background:#071b19bb}dialog h2,dialog h3{font-family:Georgia,serif;color:#64431e}dialog p,dialog .muted,dialog .rules-lead,dialog .tile-detail{color:#705a33}dialog .exp-rule-tiles>div{background:#d8c48d55;border-color:#aa894a}dialog .exp-rule-tiles strong,dialog .exp-rule-tiles p,dialog .exp-score-example,dialog .exp-score-example strong{color:#6d5226}dialog .exp-score-example{background:#d4bf8755;border-color:#b28b42}dialog .exp-log b{color:#8a632b}dialog .player-sheet p{color:#6d572f}dialog .score-table>div{background:#d0ba7b44;color:#604c2a;border-color:#b49957}dialog .score-table strong,dialog .score-table b{color:#735123}
.lobby-guardian{display:block;position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 20px 15px #0007)}

.flow-pill{left:10px;right:auto;bottom:108px;transform:none;min-width:0;width:132px;padding:8px;font-size:11px;line-height:1.25}.flow-pill span{font-size:8px}
@media(max-width:800px){.flow-pill{left:50%;right:auto;bottom:169px;transform:translateX(-50%);min-width:200px;width:auto;padding:9px 14px}}
@media(max-height:520px){.flow-pill{left:10px;bottom:110px;transform:none;min-width:0;width:130px;padding:7px}}