/* Cinematic entrance and guardian selection: one world, no website chrome. */
html,body{margin:0;min-height:100%;background:#071411}body{overflow:hidden}#game-root{position:fixed;inset:0;margin:0;padding:0;width:100%;max-width:none;height:100dvh}#app{height:100%;width:100%}#connection{display:none!important}button,input,select,textarea{font:inherit}button{font-size:14px}button.primary{font-size:16px}input,select,textarea{font-size:16px}dialog{font-size:15px;line-height:1.55}dialog h2{font-size:29px}dialog p{font-size:15px}
.splash-scene,.selection-scene{position:relative;height:100dvh;min-height:450px;overflow:hidden;isolation:isolate;color:#f8e5bc;font-family:Arial,sans-serif}.cinematic-world{position:absolute;inset:-3%;z-index:-3;background:linear-gradient(#081f2466,transparent 40%,#061b1cb3),url(assets/arena-landscape.png) center/cover;animation:arena-breathe 24s ease-in-out infinite alternate}.splash-scene:before,.selection-scene:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 38%,#122c2422,#071b1b70 70%),linear-gradient(90deg,#071a1b66,transparent 35% 65%,#071a1b66)}.splash-scene:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,#061b1dce,transparent 35%),radial-gradient(ellipse at 50% 50%,#091e1b88,transparent 50%)}
.splash-guardians{position:absolute;inset:0;z-index:-1;pointer-events:none}.splash-guardian{position:absolute;aspect-ratio:1;width:min(36vw,570px);filter:drop-shadow(0 25px 15px #0008);animation:guardian-float 7s ease-in-out infinite alternate}.splash-guardian .guardian-sprite{filter:drop-shadow(0 0 17px #d5c98d33)}.guardian-0{left:-3%;bottom:4%;rotate:-3deg}.guardian-1{left:17%;bottom:18%;width:min(26vw,440px);opacity:.68;animation-delay:-2s}.guardian-2{right:-3%;bottom:3%;rotate:3deg;animation-delay:-3s}.guardian-3{right:17%;bottom:19%;width:min(26vw,440px);opacity:.7;animation-delay:-4s}.splash-menu{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);width:min(570px,90vw);text-align:center}.splash-kicker{font:700 12px Georgia,serif;letter-spacing:4px;color:#e1c38a;text-shadow:0 2px 8px #000;margin:0 0 22px}.splash-menu h1{font-family:Georgia,serif;font-size:clamp(54px,7.3vw,110px);line-height:.84;margin:0;letter-spacing:3px;color:#f6e2b1;text-shadow:0 3px #67502d,0 6px #1b2822,0 12px 25px #000b}.splash-menu h1 span{display:block;font-size:.77em;color:#e8b750;letter-spacing:2px;margin-top:14px}.splash-tagline{font-size:16px;line-height:1.5;color:#e9dcbd;text-shadow:0 2px 8px #000;margin:29px 0}.splash-actions{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:32px}.splash-actions button{width:290px;height:54px;font-size:18px;font-family:Georgia,serif;letter-spacing:.4px;border-radius:5px}.splash-actions #splash-rules{background:linear-gradient(140deg,#25382be8,#0b2221ed);border:1px solid #c4a05d;color:#e9d29e;box-shadow:inset 0 0 0 2px #0b1d1c,0 7px 15px #0006}.splash-version,.splash-mode{position:absolute;z-index:2;bottom:25px;font-size:11px;color:#a7b7a6;letter-spacing:2px}.splash-version{left:30px}.splash-mode{right:30px}.ambient-motes{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.ambient-motes i{position:absolute;left:calc(5% + var(--n)*7%);bottom:-20px;width:3px;height:3px;border-radius:50%;background:#eacd86;box-shadow:0 0 10px #f3d67c;animation:ember-rise calc(13s + var(--n)*.7s) linear infinite;animation-delay:calc(var(--n)*-1.3s)}
#entry-modal{width:min(440px,calc(100vw - 40px));padding:34px}#entry-modal h2{font-family:Georgia,serif;margin:15px 0;color:#61431f}#entry-modal p{font-size:15px;color:#735d37}#entry-modal .eyebrow{color:#926d30;font-size:11px}.entry-close{position:absolute;right:12px;top:12px;border:0;box-shadow:none;background:transparent;color:#70542b;font-size:17px}#entry-form label{font-size:14px;font-weight:700;display:block;color:#6a532f}#entry-form input{display:block;width:100%;margin:9px 0 22px;background:#fff3d6;color:#493a25;border:1px solid #a58446;padding:13px}#entry-form .primary{width:100%;min-height:49px;font-size:16px}
@keyframes arena-breathe{from{transform:scale(1.02) translateX(-.4%)}to{transform:scale(1.07) translateX(.4%)}}@keyframes guardian-float{from{transform:translateY(0) rotate(-.6deg)}to{transform:translateY(-12px) rotate(.6deg)}}@keyframes ember-rise{0%{transform:translate(0,0);opacity:0}12%,70%{opacity:.65}100%{transform:translate(30px,-80vh);opacity:0}}
/* Full-screen selection: preview in the world, twelve faces along the bottom. */
.selection-scene:before{background:linear-gradient(90deg,#051c1dc9,transparent 29% 68%,#051a1ac9),linear-gradient(0deg,#03181df7,transparent 45%)}.selection-scene .cinematic-world{filter:saturate(.78) brightness(.75);animation-duration:30s}.selection-top{position:absolute;z-index:10;left:22px;right:22px;top:17px;height:50px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;padding:0;background:transparent}.selection-top>span{font:12px Georgia,serif;letter-spacing:3px;color:#d1c7a6}.selection-top>div{display:flex;gap:8px;align-items:center}.selection-top button{padding:9px 13px;background:#0c2622cc;font-size:13px;border-color:#a38b54;box-shadow:inset 0 0 0 2px #0a1d1b}.selection-top .selection-brand{border:0;background:none;box-shadow:none;font-family:Georgia,serif;font-size:17px;letter-spacing:2px;color:#e9dcbd;padding:0}.selection-brand b{color:#e6b758;display:block;font-size:13px;letter-spacing:3px}.selection-roster{position:absolute;left:19px;top:93px;bottom:185px;width:197px;z-index:5;display:flex;flex-direction:column;min-height:0}.selection-section-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#d9c58e;font-size:11px;margin-bottom:12px;letter-spacing:1px}.selection-section-heading span{font-size:11px;color:#9ab2a2;letter-spacing:0}.selection-seats{display:flex;flex-direction:column;gap:4px;overflow:auto;scrollbar-width:thin;min-height:0}.selection-seat{display:flex;gap:8px;align-items:center;min-height:39px;flex-shrink:0;padding:3px 6px;border-left:2px solid #8e89534d;background:linear-gradient(90deg,#142f29bb,transparent);position:relative}.selection-seat>span:not(.avatar):not(.waiting-avatar){display:block;min-width:0}.selection-seat b{display:block;font-size:13px;color:#e1d5b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}.selection-seat small{display:block;font-size:11px;color:#8ca799;margin-top:3px}.selection-seat .avatar{height:33px;width:28px;border-radius:4px;flex-shrink:0}.selection-seat.confirmed{border-color:#e5c878;background:linear-gradient(90deg,#4c5b2f88,transparent)}.selection-seat em{margin-left:auto;font-size:14px;color:#cbe6a6;font-style:normal}.waiting-avatar{height:33px;width:28px;display:grid;place-items:center;flex-shrink:0;color:#607c6b;border:1px dashed #5b77634d;font-size:24px}.selection-seat:has(.waiting-avatar){opacity:.66}.selection-seat:has(.waiting-avatar) b{font-size:12px}
.selection-stage{position:absolute;left:225px;right:282px;top:72px;bottom:248px;display:flex;align-items:center;justify-content:center;pointer-events:none;isolation:isolate}.selection-stage:before{content:'';position:absolute;left:50%;top:38%;translate:-50% -50%;width:90%;aspect-ratio:1;background:radial-gradient(ellipse,color-mix(in srgb,var(--element) 22%,transparent),transparent 65%);filter:blur(15px);z-index:-1}.guardian-floor{position:absolute;width:85%;height:20%;bottom:4%;border-radius:50%;border:1px solid color-mix(in srgb,var(--element) 40%,transparent);background:radial-gradient(ellipse,#9ead6044,#1f493b55 45%,transparent 72%);box-shadow:0 0 45px color-mix(in srgb,var(--element) 13%,transparent);transform:perspective(500px) rotateX(30deg)}.selection-guardian{position:relative;width:min(100%,calc(100dvh - 305px));max-width:540px;aspect-ratio:1;filter:drop-shadow(0 20px 10px #0006);animation:guardian-float 6s ease-in-out infinite alternate}.selection-guardian .guardian-sprite{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--element) 22%,transparent))}.selection-caption{position:absolute;left:calc(50% - 30px);transform:translateX(-50%);bottom:216px;text-align:center;z-index:3;pointer-events:none}.selection-caption>span{font-size:12px;text-transform:uppercase;letter-spacing:4px;color:var(--element)}.selection-caption h1{font:700 46px/.95 Georgia,serif;letter-spacing:1px;color:#f6e8c5;margin:8px 0;text-shadow:0 3px #1f2d22,0 8px 15px #000b;white-space:nowrap}.selection-caption p{font-size:13px;color:#c1ccb4;margin:8px 0 0}.selection-confirm{position:absolute;left:calc(50% - 30px);bottom:142px;transform:translateX(-50%);text-align:center;z-index:6}.selection-confirm>.primary{height:48px;min-width:260px;padding:10px 25px;font-size:18px}.selection-confirm>span{display:block;margin-top:9px;font-size:11px;color:#b9c9b2}.selection-confirm .cancel-choice{background:linear-gradient(#5b6350,#2c4438);border-color:#b4b784;color:#efdfb4;box-shadow:inset 0 0 0 1px #919867,0 3px #152a25;text-shadow:none}
.portrait-dock{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);width:min(1040px,calc(100vw - 54px));display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:start;z-index:7;padding-top:9px;border-top:1px solid #97814b70}.portrait-button{display:block;min-width:0;padding:0;background:none!important;border:0;box-shadow:none!important;text-align:center;color:#d5c9a6;transition:translate .18s;overflow:visible}.portrait-face{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:2px solid #6f806855;background:#0a2424;box-shadow:inset 0 0 0 2px #0b1a1a,0 5px 8px #0005}.portrait-face img{height:100%;width:100%;object-fit:cover;object-position:50% 43%;transform:scale(2.35);transform-origin:50% 48%;pointer-events:none;filter:saturate(.75)}.portrait-face i{position:absolute;top:0;right:0;background:#101f1bcc;color:#e9cf80;padding:1px 4px;font:700 11px Arial;font-style:normal;min-width:0}.portrait-face i:empty{display:none}.portrait-button>b{display:block;font-size:13px;line-height:1.1;margin-top:6px;white-space:nowrap}.portrait-button>small{display:block;font-size:11px;color:#6f9a84;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.portrait-button.previewed{translate:0 -5px}.portrait-button.previewed .portrait-face{border-color:#f0d591;box-shadow:0 0 0 1px #f0d591,0 0 19px color-mix(in srgb,var(--element) 35%,transparent)}.portrait-button.previewed img{filter:saturate(1.1)}.portrait-button.mine .portrait-face{border-color:#d1e6a2}.portrait-button.reserved:not(.mine) .portrait-face img{filter:grayscale(.6) brightness(.6)}.portrait-button.reserved>small{color:#d4c28c}.portrait-button:disabled{opacity:.42}.portrait-button:focus-visible{outline:2px solid #ffe8a2;outline-offset:5px}.portrait-button:hover:not(:disabled){translate:0 -5px}
.selection-admin{position:absolute;right:23px;top:93px;bottom:173px;width:236px;z-index:6;overflow:auto;scrollbar-width:thin}.selection-admin details{border-top:1px solid #b19a5c;border-bottom:1px solid #796b4266;background:linear-gradient(90deg,#102a24b0,#0b2424e6);padding:13px 15px}.selection-admin summary{cursor:pointer;color:#decca1;font:700 15px Georgia,serif;list-style:none;display:flex;align-items:center;justify-content:space-between}.selection-admin summary:after{content:'⌄';font-size:16px;margin-left:10px}.admin-content{padding-top:15px}.admin-content label{display:block;font-size:13px;color:#bdcbb2;margin-bottom:12px}.admin-content select{display:block;width:100%;font-size:14px;margin-top:6px;padding:8px;background:#102923;color:#f0dfb3;border:1px solid #7b794b;border-radius:3px}.admin-content>button{width:100%;padding:9px;margin-top:2px;font-size:13px}.admin-fixed-rules{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid #71835e44;margin-top:16px;padding-top:11px}.admin-fixed-rules span{font-size:11px;color:#c1c9aa}.admin-content p{font-size:12px;line-height:1.5;color:#a4b9a0;margin:12px 0}.admin-content>small{font-size:11px;line-height:1.4;color:#839f8e;display:block}.selection-admin>#start{width:100%;margin-top:16px;min-height:47px;font-size:16px}.start-readiness{font-size:11px!important;line-height:1.5;text-align:center;color:#a5b9a1!important;margin:10px 0}.selection-admin details:not([open])~.start-readiness{display:block}dialog .selection-seats{max-height:65dvh;display:grid;grid-template-columns:1fr 1fr;gap:8px}dialog .selection-seat{background:#a5aa7240;border-color:#8d975f;padding:8px}dialog .selection-seat b{color:#624d2c;font-size:14px}dialog .selection-seat small{color:#7a7951;font-size:12px}dialog .selection-seat em{color:#647c32}
/* The map now uses themed crystal, bridge, fire and relic runes. */
.element-rune{width:100%;height:100%;overflow:visible;display:block;filter:drop-shadow(0 1px 1px #281d1744)}.exp-tile .tile-rune{display:block;width:65%;height:65%;margin-top:7px;font-size:0}.landing-art>span .element-rune{width:76px;height:76px;filter:drop-shadow(0 3px 5px #0007)}.map-legend i{display:inline-block;vertical-align:middle;width:22px;height:22px;margin-right:5px}.map-legend{font-size:10px;gap:5px 10px;padding:6px 10px}.exp-rail{width:147px;bottom:173px}.exp-rail>button{min-height:51px}.exp-rail span b{font-size:12px}.exp-rail small,.exp-rail em{font-size:10px}.exp-rail .avatar{height:42px;width:30px}.exp-token small{font-size:10px;max-width:92px}.expedition .battle-identity strong{font-size:16px}.expedition .battle-identity small,.expedition #session-clock{font-size:12px}.expedition .battle-turn strong{font-size:15px}.hand-heading,.hand-heading>span{font-size:11px}.exp-meta{font-size:10px}.exp-meta b{font-size:10px}.exp-meta button{font-size:10px}.dice-caption{font-size:12px}.dice-console>span{font-size:10px}.dice-tray>span{font-size:10px}.flow-toolbar{font-size:14px}.flow-toolbar button{font-size:13px}.flow-panel .landing-copy p,.flow-panel .camp-question{font-size:15px}.flow-panel .eyebrow{font-size:11px}.flow-panel .landing-copy button{font-size:15px;min-height:45px}.flow-panel .landing-note{font-size:12px}.flow-panel .camp-follow,.flow-panel .vote-options label{font-size:14px}.flow-panel .vote-options legend,.flow-panel .note-label,.flow-panel .response-count,.flow-panel .consensus-note{font-size:13px}.flow-panel .camp-clock{font-size:12px}.flow-panel textarea{font-size:16px}.flow-panel .card-drop small{font-size:12px}.flow-panel .card-drop>span{font-size:14px}.flow-panel .responses b{font-size:14px}.flow-panel .responses small{font-size:13px}.flow-panel .vote-saved{font-size:14px}.flow-panel .vote-saved p{font-size:14px}.automatic-round p{font-size:13px}.automatic-round small{font-size:12px}.flow-panel .landing-header p{font-size:15px}.throw-steps span{font-size:13px}.throw-instruction small{font-size:12px}.flow-pill{width:147px;font-size:13px}.flow-pill span{font-size:11px}.empty-hand{font-size:14px}.flow-panel .score-table{font-size:14px}.flow-panel .score-table strong{font-size:14px}
@media(min-width:1600px){.selection-roster{width:240px;left:35px;bottom:220px}.selection-seat{min-height:49px}.selection-seat b{font-size:16px;max-width:170px}.selection-seat small{font-size:13px}.selection-admin{width:280px;right:35px;bottom:220px}.selection-stage{left:290px;right:330px;bottom:300px}.selection-guardian{max-width:660px}.portrait-dock{width:min(1270px,90vw);bottom:25px;gap:12px}.portrait-button>b{font-size:15px}.portrait-button>small{font-size:12px}.selection-confirm{bottom:181px}.selection-caption{bottom:260px}.selection-caption h1{font-size:58px}.admin-content label{font-size:15px}.admin-content select{font-size:16px}.admin-content p,.admin-content>small{font-size:13px}}
@media(max-height:750px) and (min-width:801px){.selection-top{top:12px}.selection-roster,.selection-admin{top:80px;bottom:167px}.selection-seat{min-height:34px;padding:2px 5px}.selection-seat .avatar,.waiting-avatar{height:27px;width:25px}.selection-seat b{font-size:12px}.selection-seat small{font-size:10px}.admin-content{padding-top:10px}.admin-content label{margin-bottom:8px;font-size:12px}.admin-content select{padding:6px;font-size:13px;margin-top:4px}.admin-content p{font-size:11px}.selection-admin details{padding:10px 12px}.selection-admin>#start{margin-top:11px}.selection-stage{bottom:223px;top:65px}.selection-caption{bottom:202px}.selection-caption h1{font-size:38px}.selection-caption p{font-size:12px}.selection-caption>span{font-size:11px}.selection-confirm{bottom:132px}.selection-confirm>.primary{height:44px;font-size:16px}.portrait-dock{bottom:14px;max-width:960px}.portrait-button>b{font-size:12px}.portrait-button>small{font-size:10px}}
@media(max-width:1050px) and (min-width:801px){.selection-roster{width:165px;left:12px}.selection-admin{width:210px;right:12px}.selection-stage{left:180px;right:225px}.selection-top>span{display:none}.portrait-dock{gap:6px;width:calc(100vw - 36px)}.portrait-button>b{font-size:11px}.portrait-button>small{font-size:10px}.selection-caption,.selection-confirm{left:calc(50% - 20px)}.selection-caption h1{font-size:38px}.selection-seat b{max-width:115px}.selection-seat small{font-size:10px}}
@media(max-width:800px){.splash-scene,.selection-scene{min-height:500px}.splash-menu{top:42%;width:92vw}.splash-kicker{font-size:9px;letter-spacing:2px;margin-bottom:20px}.splash-menu h1{font-size:65px}.splash-menu h1 span{font-size:.74em}.splash-tagline{font-size:14px;margin:25px 0;max-width:250px;margin-inline:auto}.splash-actions{margin-top:26px;gap:12px}.splash-actions button{width:250px;height:52px;font-size:18px}.splash-guardian{width:65vw;bottom:6%}.guardian-0{left:-18%}.guardian-2{right:-18%}.guardian-1{left:0;bottom:30%;width:42vw;opacity:.35}.guardian-3{right:0;bottom:30%;width:42vw;opacity:.35}.splash-version,.splash-mode{font-size:9px;letter-spacing:1px;bottom:18px}.splash-version{left:15px}.splash-mode{right:15px}#entry-modal{padding:26px}#entry-modal h2{font-size:27px}
.selection-top{top:11px;left:12px;right:12px;height:43px;gap:8px}.selection-top>span{display:none}.selection-top .selection-brand{font-size:13px;letter-spacing:1px}.selection-brand b{font-size:10px;letter-spacing:2px}.selection-top button{font-size:11px;padding:8px 9px}.selection-top>div{gap:6px}.selection-roster{display:none}.selection-admin{top:76px;right:10px;bottom:auto;width:166px;max-height:calc(100dvh - 345px);overflow:auto;scrollbar-width:thin}.selection-admin details{padding:9px 11px;background:#0b2424ef;border:1px solid #9c885a99;border-radius:4px}.selection-admin summary{font-size:12px}.selection-admin>#start{font-size:13px;min-height:37px;padding:7px 9px;margin-top:8px}.start-readiness{font-size:10px!important;margin-top:7px}.admin-content label{font-size:12px}.admin-content select{font-size:13px;padding:7px}.admin-content p,.admin-content>small{font-size:11px}.admin-fixed-rules span{font-size:10px}.selection-stage{left:5px;right:5px;top:142px;bottom:321px}.selection-guardian{width:min(100%,calc(100dvh - 420px));min-width:215px;max-width:350px}.guardian-floor{bottom:0;height:18%;width:70%}.selection-caption{left:50%;bottom:290px}.selection-caption h1{font-size:36px;margin:6px 0}.selection-caption>span{font-size:11px;letter-spacing:3px}.selection-caption p{font-size:12px;margin-top:6px}.selection-confirm{left:50%;bottom:218px}.selection-confirm>.primary{height:44px;min-width:230px;font-size:17px}.selection-confirm>span{font-size:10px;margin-top:8px}.portrait-dock{bottom:13px;width:min(440px,calc(100vw - 24px));grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 9px;border-top:1px solid #9c89516b;padding-top:9px}.portrait-button>b{font-size:11px;margin-top:4px}.portrait-button>small{font-size:9px;margin-top:3px}.portrait-button.previewed{translate:0 -3px}.portrait-button:hover:not(:disabled){translate:0 -3px}.portrait-face{border-width:1px}.portrait-face i{font-size:9px}.selection-caption h1{white-space:normal}.selection-seats{gap:5px}dialog .selection-seats{grid-template-columns:1fr}dialog .selection-seat{min-height:47px}
.exp-rail{display:none}.exp-token small{font-size:8px}.expedition .battle-turn strong{font-size:11px}.expedition #session-clock{font-size:10px}.expedition .battle-identity strong{font-size:13px}.expedition .battle-identity small{font-size:10px}.hand-heading,.hand-heading>span{font-size:10px}.exp-meta{font-size:7px}.exp-meta b{font-size:8px}.exp-meta button{font-size:8px}.dice-caption{font-size:10px}.dice-console>span{font-size:8px}.dice-tray>span{font-size:8px}.flow-toolbar{font-size:12px}.flow-toolbar button{font-size:11px}.flow-panel .landing-copy p,.flow-panel .camp-question{font-size:14px}.flow-panel .landing-copy button{font-size:14px}.flow-panel .eyebrow{font-size:10px}.flow-panel .landing-note{font-size:11px}.flow-panel .camp-follow{font-size:13px}.flow-panel .vote-options label{font-size:14px}.flow-panel .vote-options legend,.flow-panel .response-count,.flow-panel .consensus-note,.flow-panel .note-label{font-size:12px}.flow-panel .camp-clock{font-size:11px}.flow-panel .card-drop small{font-size:11px}.flow-panel .card-drop>span{font-size:12px}.flow-panel .score-table{font-size:11px}.flow-panel .score-table strong{font-size:11px}.flow-panel .landing-header p{font-size:14px}.throw-steps span{font-size:11px}.throw-instruction small{font-size:11px}.flow-pill{width:auto;min-width:200px;font-size:13px}.flow-pill span{font-size:11px}.landing-art>span .element-rune{width:48px;height:48px}}
@media(max-height:680px) and (max-width:800px){.splash-menu{top:43%}.splash-menu h1{font-size:52px}.splash-tagline{margin:17px auto;font-size:13px}.splash-actions{margin-top:17px}.splash-actions button{height:46px}.selection-stage{top:116px;bottom:295px}.selection-guardian{min-width:155px;width:200px}.selection-caption{bottom:265px}.selection-caption h1{font-size:29px}.selection-caption p{font-size:11px}.selection-confirm{bottom:200px}.selection-confirm>.primary{height:39px;font-size:16px}.selection-confirm>span{font-size:9px}.portrait-dock{width:min(380px,calc(100vw - 24px));gap:7px}.portrait-button>small{display:none}.selection-admin{top:67px;max-height:240px}.selection-top{top:8px}}
@media(max-height:500px){.splash-scene,.selection-scene{min-height:320px}.splash-menu{top:46%}.splash-kicker{font-size:9px;margin-bottom:15px}.splash-menu h1{font-size:52px}.splash-tagline{font-size:12px;margin:16px 0}.splash-actions{flex-direction:row;justify-content:center;margin-top:16px;gap:12px}.splash-actions button{width:200px;height:43px;font-size:15px}.splash-guardian{width:37vw}.splash-version,.splash-mode{font-size:8px;bottom:10px}.selection-roster{display:none}.selection-top{top:7px;height:38px}.selection-top>span{display:none}.selection-admin{right:9px;top:60px;width:184px;bottom:115px}.selection-stage{left:10px;right:200px;top:48px;bottom:139px}.selection-guardian{width:220px;min-width:0}.selection-caption{left:35%;bottom:108px}.selection-caption h1{font-size:25px}.selection-caption>span,.selection-caption p{display:none}.selection-confirm{left:70%;bottom:112px}.selection-confirm>.primary{height:35px;min-width:190px;font-size:14px}.selection-confirm>span{display:none}.portrait-dock{bottom:8px;width:calc(100vw - 30px);grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;max-width:950px}.portrait-button>b{font-size:9px}.portrait-button>small{display:none}.selection-admin details{padding:8px}.admin-content label{font-size:11px}.admin-content select{font-size:12px;padding:5px;margin-top:3px}.selection-admin>#start{min-height:33px;margin-top:7px;font-size:13px}.start-readiness{font-size:9px!important}.flow-toolbar{font-size:11px}.flow-toolbar button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cinematic-world,.splash-guardian,.selection-guardian,.ambient-motes i{animation:none!important}.ambient-motes{display:none}.portrait-button{transition:none}}

.portrait-button>b{overflow:hidden;text-overflow:ellipsis}.portrait-button:disabled .portrait-face{filter:brightness(.8)}

.splash-guardian.guardian-0,.splash-guardian.guardian-2{z-index:2}.splash-guardian.guardian-1,.splash-guardian.guardian-3{z-index:1;opacity:1;filter:brightness(.8) drop-shadow(0 20px 10px #0007)}
.splash-guardian .guardian-sprite i,.selection-guardian .guardian-sprite i{clip-path:inset(0 0 3% 0)}
.portrait-face img,.avatar img{position:absolute;left:50%;top:50%;width:260%;height:auto;max-width:none;object-fit:fill;object-position:center;transform:translate(calc(-1 * var(--fx,50%)),calc(-1 * var(--fy,40%)));transform-origin:center}
.avatar{position:relative;overflow:hidden}
.selection-admin{display:flex;flex-direction:column;overflow:visible}.selection-admin details{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.selection-admin summary{position:sticky;top:-13px;background:#142b26;z-index:2;padding:7px 0}.selection-admin>#start,.selection-admin>.start-readiness{flex-shrink:0}
@media(max-width:800px){.selection-admin summary{top:-9px;padding:3px 0}.selection-admin details{flex:auto}.selection-admin{overflow:visible}}

.exp-rule-tiles b{width:43px;height:43px}.exp-rule-tiles strong{font-size:15px!important}.exp-rule-tiles p{font-size:13px!important;line-height:1.5}.visual-rule-flow strong{font-size:15px}.visual-rule-flow span{font-size:13px;line-height:1.5}
@media(min-width:801px){.exp-meta{max-width:240px}.exp-meta>span{line-height:1.4}}
.splash-guardian .guardian-sprite i{clip-path:inset(0 0 6% 0)}