/* A single visual language for actions, the player's journal and the illustrated guide. */
.uiIcon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none;color:var(--gold)}
button.iconButton>.uiIcon{margin-right:7px}button{box-shadow:inset 0 1px #fff1,0 2px 0 #080f0ab3;min-height:40px}button:hover:not(:disabled){box-shadow:inset 0 1px #fff2,0 3px 10px #0004}button:active:not(:disabled){box-shadow:inset 0 2px 4px #0004;transform:translateY(2px)}button.primary{background:linear-gradient(#ac503b,#793628);border-color:#d39a65;color:#fff0d7}.tabs button{min-width:0;box-shadow:none}.tabs button>.uiIcon{display:block;margin:0 auto 5px;width:22px;height:22px}.actions button>.uiIcon{float:left;margin:2px 10px 16px 0}.actions button.travel{display:block;text-align:left}.actions button{min-height:62px}.techniques button>.uiIcon{float:left;margin:2px 10px 10px 0;width:30px;height:30px}#top nav button{white-space:nowrap}#top nav .uiIcon{width:18px;height:18px}#passBtn{white-space:nowrap}
.resourceCard{border-color:var(--resource-color)}.resourceCard .resourceBadge{position:absolute;right:7px;top:7px;z-index:1;background:#172820f5;color:#ffe5b5;border:1px solid var(--resource-color);border-radius:5px;padding:3px 8px;font-weight:700;font-size:15px;box-shadow:0 3px 8px #0008}.resourceMarket{border-top:3px solid var(--resource-color)}.marketRow .iconButton .uiIcon{width:15px;height:15px;margin-right:3px}.resourceCard small{color:var(--resource-color)}
/* Illustrated guide */
.modalBox:has(.helpGuide){max-width:990px;width:min(990px,100%);padding:0;background:#16241f;border:1px solid #b99a67}.modalBox:has(.helpGuide)>#modalClose{z-index:3;top:12px;right:14px}.guideHeader{padding:20px 58px 17px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #9a825544;background:linear-gradient(90deg,#334134,#1d2c25);color:#edcf95;letter-spacing:2px;font-size:14px}.guideHeader .uiIcon{width:29px;height:29px;margin-right:12px}.guideHeader small{font-size:13px;letter-spacing:1px}.guideNav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:8px;background:#0d1b16;border-bottom:1px solid #867653}.guideNav button{font-size:14px;border:1px solid transparent;padding:10px 4px;background:transparent;box-shadow:none;min-height:48px;line-height:1.4}.guideNav button .uiIcon{margin-right:6px;width:18px;height:18px}.guideNav button.selected{border-color:#b5a26b;background:#3b4831;color:#ffdf9f}.guideContent{padding:25px}.guideContent h2{font-size:32px}.guideContent p{font-size:16px;line-height:1.6}.guideWelcome{background:linear-gradient(90deg,#12251eee,#12251e30),url('assets/chronicle.webp') center 55%/cover;padding:28px 24px;min-height:165px;border:1px solid #9c845b;border-radius:5px}.guideWelcome small{color:#dbc18f;font-size:12px;letter-spacing:1.5px}.guideWelcome h2{color:#fff2cd;font-size:34px;margin:13px 0 8px;max-width:380px}.guideWelcome p{margin:0;color:#e8debc}.guideStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 24px}.guideStats span{border:1px solid #7f7a50;padding:13px;background:#283827;text-align:center;font-size:14px;color:#c5c9b0}.guideStats b{display:block;color:#ebcd8c;font:30px Georgia,serif;margin-bottom:3px}.guideSteps{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guideStep{display:flex;gap:14px;border:1px solid #576b52;padding:18px 15px;background:linear-gradient(140deg,#263b2c,#1c2b23);border-radius:5px;min-width:0}.stepNumber{font:20px Georgia,serif;color:#e5c78c;min-width:39px;padding-top:5px}.guideStep .uiIcon{float:right;width:28px;height:28px;opacity:.7;margin:0 0 8px 10px}.guideStep h3{font-size:21px;margin:3px 0 10px;color:#f0dfba}.guideStep p{font-size:15px;margin:0;color:#c4cebd}.guideNote{padding:15px 17px;border-left:3px solid #c5a35e;background:#343c28;color:#d6d9bd;margin:20px 0 0!important;font-size:15px!important}.guideNote.compact{margin:15px 0!important;font-size:14px!important}.guideFooter{display:flex;justify-content:space-between;gap:10px;padding:16px 25px;background:#102019;border-top:1px solid #8b74494d}.guideFooter button{font-size:14px}.guideArt{display:flex;justify-content:center;gap:16px;padding:16px 0 25px}.guideArt .itemArt{width:clamp(70px,18vw,145px);height:auto;aspect-ratio:1;border-radius:8px;box-shadow:0 10px 15px #0006;transform:rotate(-4deg)}.guideArt .itemArt:nth-child(2){transform:translateY(-8px) rotate(2deg);border-color:#ebcd84}.guideArt .itemArt:nth-child(3){transform:rotate(5deg)}.guideDiceDemo{display:flex;align-items:center;justify-content:center;gap:30px;padding:20px;background:radial-gradient(ellipse,#44543a,#17281f);border:1px solid #8f8251;border-radius:7px;margin-bottom:18px}.helpDie{font-size:105px;line-height:1;color:#f3dbab;text-shadow:0 7px 8px #0008;font-family:system-ui,sans-serif}.guideDiceDemo b{font:27px Georgia,serif;color:#ffe2a0}.guideDiceDemo p{font-size:14px}.guideRulePair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.guideRulePair article{padding:17px;text-align:center;border:1px solid #8d8156;background:#2d3828}.guideRulePair b{display:block;font:27px Georgia,serif;color:#efd397;margin-bottom:8px}.guideRulePair span{font-size:15px}.guideDuel{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 0 25px}.guideDuel>.portrait{width:140px;height:160px;border:2px solid #b59863;position:relative;border-radius:5px}.guideDuel>.portrait:last-child{border-color:#b97159}.guideDuel .portrait span{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:7px;background:#102019e6;color:#ebd1a0;font:18px Georgia,serif}.guideDuel strong .uiIcon{width:36px;height:36px}.resourceGuide{display:grid;grid-template-columns:1fr 1fr;gap:14px}.resourceSheet{display:flex;gap:13px;border:1px solid #655e42;border-top:2px solid var(--resource-color);padding:13px;background:#233027;border-radius:5px;min-width:0}.resourceSheet>.itemArt{width:90px;height:90px;flex-shrink:0;border-color:var(--resource-color)}.resourceSheet small{font-size:12px;color:var(--resource-color);text-transform:uppercase;letter-spacing:1px}.resourceSheet h3{font-size:21px;margin:3px 0 6px}.resourceSheet p{font-size:14px;line-height:1.5;margin:0 0 8px}.resourceWeight{font-size:12px;color:#dbcead}.guideSaveIcon{text-align:center;margin-bottom:22px}.guideSaveIcon .uiIcon{width:64px;height:64px;padding:13px;border:1px solid #be9e65;border-radius:12px;background:#33462f}.guideSaveTools{padding:18px;border:1px solid #6f7e58;margin-top:20px;background:#24382a}.guideSaveTools label{display:block;margin:18px 0 7px;font-size:14px}
/* Eight skills; one expandable card per skill. */
.progressSummary{display:flex;gap:14px;align-items:center;padding:18px;background:linear-gradient(120deg,#384531,#202f24);border:1px solid #a58c5f;border-radius:6px}.progressSummary>.uiIcon{width:34px;height:34px}.progressSummary b{display:block;color:#f2d194;font:28px Georgia,serif}.progressSummary span{display:block;font-size:12px;color:#c5cbb9}.progressSummary small{margin-left:auto;text-align:right;font-size:12px}.skillCards{display:grid;gap:12px}.skillCard{background:linear-gradient(120deg,#29372d,#18281f);border:1px solid #5a6d54;border-left:3px solid var(--skill-color);border-radius:6px;overflow:hidden}.skillCard summary{display:flex;gap:12px;align-items:center;padding:15px;list-style:none;color:#f1e3c5}.skillCard summary::-webkit-details-marker{display:none}.skillCard summary span{float:none}.skillSeal{width:43px;height:47px;display:grid;place-items:center;border:1px solid var(--skill-color);border-radius:8px;background:#0c1c1680;flex-shrink:0}.skillSeal .uiIcon{width:28px;height:28px;color:var(--skill-color)}.skillTitle{flex:1}.skillTitle>b{font:22px Georgia,serif;display:block}.skillTitle>small{display:block;font-size:12px;margin:4px 0 8px;color:#c3c6b6}.skillRanks{display:flex;gap:5px}.skillRanks i{width:26px;height:4px;border-radius:3px;background:#0d1a13}.skillRanks i.earned{background:var(--skill-color)}.skillExpand{font-size:23px!important;color:var(--skill-color)}.skillCard[open] .skillExpand{transform:rotate(45deg)}.skillContents{padding:0 17px 18px}.practiceRow{display:flex;justify-content:space-between;font-size:13px}.skillNumbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin:15px 0}.skillNumbers span{font-size:12px;color:#bac9b2;border:1px solid #5b72523b;padding:9px 2px;background:#101e1770}.skillNumbers b{font:23px Georgia,serif;color:var(--skill-color);display:block}.skillContents h4{font:19px Georgia,serif;color:#e4d0a5;margin:16px 0 8px}.skillContents p{font-size:14px;margin:0 0 10px}.nextUpgrade{padding:12px;background:#39412a;border-left:2px solid var(--skill-color);margin:14px 0}.nextUpgrade small{font-size:11px;letter-spacing:1px;color:#d3c99d}.nextUpgrade p{margin:6px 0 0}.skillActions{display:grid;gap:8px}.skillActions button{font-size:13px;text-align:left}.skillActions .uiIcon{width:17px;height:17px;margin-right:5px}
/* Quest journal, allegiance and a chronological event trail. */
#questTitle{padding-top:100px;position:relative}#questTitle:before{content:'';position:absolute;top:0;left:0;right:0;height:85px;background:linear-gradient(90deg,#16241f45,#16241f90),url('assets/chronicle.webp') center 50%/cover;border:1px solid #9a8056;border-radius:5px}.questCompletion{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:14px;background:#33402c;border:1px solid #8a8559;border-radius:5px}.questCompletion>span{font-size:14px}.questCompletion>b{margin-left:auto;color:#f0d397;font-size:20px}.questCompletion .xpTrack{width:100%;margin:0}.questTimeline{margin:16px 0 20px;border-left:1px solid #947d52;margin-left:17px}.questStep{margin-left:-18px;border:0;padding:8px 0;gap:12px;align-items:flex-start}.questNode{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;background:#28362b;border:1px solid #bc9d66;border-radius:50%;font:15px Georgia,serif;box-shadow:0 3px 8px #0006}.questStep>div{padding:9px 12px;background:#23372a;border:1px solid #57684d;border-radius:4px;flex:1}.questStep small{font-size:10px;letter-spacing:1px;color:#cebb8c}.questStep p{margin:5px 0;font-size:14px;color:#ddd9c1}.questStep.done .questNode{background:#496b3f;color:#efffd7;border-color:#a7c286}.questStep.done>div{opacity:.8}.evidenceCard{display:flex;align-items:flex-start;gap:12px;border:1px solid #847653;background:#3b3c28;padding:13px;margin:10px 0;border-radius:4px;font-size:14px;color:#e3d7b9}.emptyIllustrated{display:flex;gap:14px;align-items:center;padding:17px;border:1px dashed #6b7e60;border-radius:5px}.emptyIllustrated>.uiIcon{width:36px;height:36px;opacity:.7}.emptyIllustrated p{font-size:14px;margin:0}.scenarioClock{padding:13px;background:#332c24;border:1px solid #7d6248;border-radius:4px}.scenarioClock>span{display:inline-flex;align-items:center;gap:7px}.scenarioClock .uiIcon{width:17px;height:17px}.contractCard{display:flex;gap:12px;padding:14px;background:#303c2a;border:1px solid #94805a;border-radius:5px}.contractCard .itemArt{width:70px;height:70px}.contractCard p{font-size:13px;margin:7px 0}.cityStory{position:relative;padding-left:65px!important;min-height:90px;border:1px solid #596e51;border-left:3px solid #b59661;border-radius:5px}.storySeal{position:absolute;left:13px;top:16px;width:37px;height:42px;display:grid;place-items:center;background:#15251c;border:1px solid #a28858;border-radius:6px}.cityStory>small{font-size:11px;letter-spacing:.5px;color:#c5b080}.cityStory h3{margin-top:7px}.cityStory.done .storySeal{background:#3b5233;border-color:#abc58c}
.factionCard{padding:18px 15px;margin:16px 0;border:1px solid #6b7558;border-top:3px solid var(--faction-color);border-radius:6px;background:linear-gradient(130deg,#304031,#1c2a22);box-shadow:0 6px 14px #0004}.factionHead{display:flex;align-items:center;gap:12px}.factionSeal{width:46px;height:53px;border-radius:8px 8px 18px 18px;border:1px solid var(--faction-color);background:#132219;display:grid;place-items:center;flex-shrink:0}.factionSeal .uiIcon{color:var(--faction-color);width:30px;height:30px}.factionHead small{font-size:11px;color:#bcc5ae}.factionHead h3{font-size:25px;margin:4px 0}.repValue{font:29px Georgia,serif;color:var(--faction-color);margin-left:auto}.reputationRail{position:relative;height:7px;background:linear-gradient(90deg,#9c5643,#76774a,#8aad6c);margin:21px 5px 9px;border-radius:5px}.reputationRail i{position:absolute;width:12px;height:15px;border:2px solid #fff0c2;background:#343623;top:-4px;transform:translateX(-50%);border-radius:3px;box-shadow:0 2px 7px #000}.repScale{display:flex;justify-content:space-between;font-size:10px;color:#bbc3ab}.factionCard p{font-size:13px;margin:13px 0 0}.chronicleSummary{display:flex;align-items:center;gap:13px;padding:16px;background:#30402d;border:1px solid #a28b60;border-radius:5px;margin-bottom:20px}.chronicleSummary>.uiIcon{width:32px;height:32px}.chronicleSummary b{font:20px Georgia,serif;color:#ebd2a4}.chronicleSummary span{display:block;font-size:12px;color:#bac8ae;margin-top:3px}.journalTimeline{border-left:1px solid #7c7953;margin-left:17px}.journalEntry{display:flex;gap:12px;margin-left:-17px;padding:0 0 17px}.journalSeal{width:33px;height:33px;display:grid;place-items:center;border:1px solid #968159;background:#233b2b;border-radius:50%;flex-shrink:0}.journalSeal .uiIcon{width:17px;height:17px}.journalEntry>div{padding:10px 12px;background:#203326;border:1px solid #4c6049;border-radius:4px;flex:1}.journalEntry small{font-size:10px;color:#c9b487;letter-spacing:.5px}.journalEntry p{font-size:14px;line-height:1.6;color:#d1d6c2;margin:5px 0 0}.journalEntry.danger>div{background:#3a2c23;border-color:#7e5441}.journalEntry.trade .journalSeal{background:#4a4029}
@media(max-width:950px){#top{gap:15px}#top nav button{padding:8px;font-size:13px}.resourceGuide{grid-template-columns:1fr}.guideSteps{gap:10px}.guideStep{padding:14px 12px;gap:8px}}
@media(max-width:680px){.guideContent{padding:17px}.guideNav{grid-template-columns:repeat(4,minmax(0,1fr));padding:5px}.guideNav button{font-size:12px;padding:8px 3px}.guideNav .uiIcon{display:block;margin:0 auto 5px!important}.guideSteps{grid-template-columns:1fr}.guideContent h2{font-size:27px}.guideWelcome{padding:20px 16px}.guideWelcome h2{font-size:28px}.guideStats{gap:7px}.guideStats span{font-size:12px;padding:10px 5px}.guideStats b{font-size:25px}.guideFooter{padding:12px;gap:6px;flex-wrap:wrap}.guideFooter button{font-size:12px;flex:1;padding:8px 5px}.guideDiceDemo{gap:16px;padding:15px}.helpDie{font-size:83px}.guideDiceDemo b{font-size:23px}.resourceSheet>.itemArt{width:76px;height:76px}.guideHeader{padding-left:17px}.tabs button>.uiIcon{width:20px;height:20px}.tabs button{padding:9px 3px}#top nav{flex-wrap:wrap}.guideDuel>.portrait{width:115px;height:140px}}
/* Readable map labels and live party information. */
.mapLabel{background:#101d19!important;color:#fff2ce!important;border:2px solid #d5bd7c!important;font:600 15px/1.3 system-ui,sans-serif;text-shadow:0 1px 2px #000;box-shadow:0 3px 0 #070d0b,0 5px 13px #000b;padding:7px 10px}.mapLabel.current{background:#513c1d!important;border-color:#ffe1a0!important;box-shadow:0 0 0 3px #edbc5055,0 5px 13px #000b}.mapLabel.locked{opacity:.85}.unitLabel{background:#132c24!important;color:#fff3d4;border:2px solid #b3d3a3;padding:5px 8px;font:600 12px/1.2 system-ui;box-shadow:0 4px 9px #000b}.unitLabel.hostile{background:#582519!important;border-color:#f0a084;color:#fff0dc}.partyMapLabel{background:#122432!important;border:2px solid var(--seat)!important;color:#fff!important;font-weight:700;padding:6px 10px;z-index:5}.onlineBar[hidden]{display:none}.onlineBar{display:flex;align-items:center;gap:15px;padding:12px 23px;border-bottom:2px solid #b79b60;background:#182d26}.onlineStatus{min-width:180px}.onlineStatus b{font-size:14px;color:#ecd09a;display:block}.onlineStatus small{font-size:12px;display:block;color:#b5c5ad}.partySeats{display:flex;gap:9px;flex:1;flex-wrap:wrap}.partySeat{display:grid;grid-template-columns:12px 1fr;gap:3px 7px;background:#10221b;border:1px solid #637859;border-left:3px solid var(--seat);padding:7px 10px;min-width:115px;border-radius:4px}.partySeat.current{background:#3b442a;border-color:var(--seat)}.partySeat>i{height:9px;width:9px;border-radius:50%;background:var(--seat);margin-top:5px}.partySeat>b{font-size:14px;color:#f1e9d0}.partySeat>small{font-size:11px;grid-column:2;color:#c3cdb9}.roomHeader{padding:22px;background:linear-gradient(90deg,#15291fec,#243b25b0),url('assets/chronicle.webp') center/cover;border:1px solid #a68c5e;margin-bottom:22px}.roomHeader small{color:#dfbd7b;letter-spacing:2px;font-size:12px}.roomHeader h2{margin:10px 0}.roomHeader p{margin-bottom:0}.roomPlayers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.roomPlayers article{border:1px solid var(--seat);padding:15px;background:#263829}.roomPlayers b,.roomPlayers small{display:block}.roomPlayers small{font-size:12px;color:#c8d0bb;margin-top:5px}.seatMark{width:13px;height:13px;float:left;margin:5px 9px 0 0;border-radius:50%;background:var(--seat)}#roomError{font-size:14px;color:#ffb89d;padding:12px 0}#inviteLink{font-size:12px}.nearbyHeading{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.nearbyHeading h3{font-size:20px;margin-bottom:10px}.nearbyHeading small{font-size:11px}.nearbyUnit{display:flex;align-items:center;gap:8px;padding:10px 8px;margin:8px 0;border:1px solid #748360;background:#20382b;border-radius:5px}.nearbyUnit>div{flex:1}.nearbyUnit b{display:block;font-size:14px}.nearbyUnit small{display:block;font-size:10px;color:#c5cdb7}.nearbyIcon .uiIcon{width:23px;height:23px}.nearbyUnit button{font-size:11px;padding:5px;min-height:35px}.attackSmall,button.danger{background:linear-gradient(#8b4432,#54291f);border-color:#d48d69;color:#ffe5cf}.bountyProgress{padding:11px;background:#403d27;border:1px solid #ac925a;font-size:13px;margin:10px 0 20px}.online-waiting #actions,.online-waiting #nearbyActions{opacity:.55}.onlineBar:not([hidden])~.gameLayout{height:calc(100dvh - 290px)}#top{flex-wrap:wrap;height:auto;min-height:80px;padding-top:12px;padding-bottom:12px}#top nav{flex-wrap:wrap}#onlineBtn{border-color:#b69b60;background:#304732}
@media(max-width:950px){.onlineBar{flex-wrap:wrap;padding:10px}.onlineStatus{min-width:0;flex:1}.partySeats{flex-basis:100%;order:3}.partySeat{flex:1}.mapLabel{font-size:13px!important}.unitLabel{font-size:11px}.nearbyUnit{flex-wrap:wrap}.nearbyUnit>div{min-width:90px}}@media(max-width:680px){.onlineBar:not([hidden])~.gameLayout{height:auto}.partySeat{min-width:44%}.roomPlayers{grid-template-columns:1fr}.mapLabel{font-size:12px!important;padding:5px 7px}.unitLabel{font-size:10px;padding:4px 6px}}

.partyToken{width:auto;min-width:28px;height:auto;padding:4px 7px;background:#0c221f;color:#fff;border-width:2px;font-weight:700;border-radius:5px;font-size:11px}

/* Illustrated participant selection, matching the existing portrait cards. */
.roster{margin:1rem 0;padding:1rem;border:1px solid #b68b4f;background:#161b1be8;border-radius:12px}.roster select{width:100%;padding:.7rem;background:#20282b;color:#fff2d8;border:1px solid #bb9862;font:inherit;border-radius:6px}.companionChoices{display:grid;gap:.7rem;margin-top:1rem}.companionChoice{display:flex;align-items:center;gap:.8rem;padding:.8rem;border:2px solid #536064;border-radius:10px;background:#111a20;cursor:pointer}.companionChoice:has(input:checked){border-color:#e0b869;background:#343020;box-shadow:inset 0 0 22px #e0b86918}.companionChoice input{width:1.3rem;height:1.3rem;flex:0 0 auto;accent-color:#e0b869}.companionChoice .portrait{width:64px;height:72px;flex:0 0 64px}.companionChoice strong,.companionChoice small,.companionChoice span>span{display:block}.companionChoice strong{font-size:1.1rem;color:#fff0cf}.companionChoice small{color:#e0b869;margin:.2rem 0}.companionChoice span>span{font-size:.9rem;color:#e4e5df;line-height:1.45}.partyHistory{max-height:270px;overflow:auto}.partyHistory article{padding:.8rem;border-left:3px solid #bb9862;margin:.5rem 0;background:#111b22}.partyHistory p{margin:.4rem 0;font-size:.95rem;line-height:1.5}

/* Atlas labels: locations, party and world actors have distinct shapes. */
#boardWrap{background:linear-gradient(#253a3455,#223229aa),url('assets/map-parchment.webp') center/cover}
#boardWrap .boardAtmosphere{opacity:.25}
#mapLabels .mapLabel,.node2d button{background:#f1dfb3;color:#302719;border:2px solid #74613d;border-radius:3px;font:700 15px/1.2 Georgia,serif;text-shadow:none;padding:7px 11px;box-shadow:0 3px 8px #10171270;min-height:34px}
#mapLabels .mapLabel.current{background:#ffe4a1;color:#251d11;border-color:#654521;box-shadow:0 0 0 3px #e9b85370,0 3px 8px #10171270}
#mapLabels .mapLabel.locked{opacity:1;background:#c4bc9f;color:#453f30}
#mapLabels .unitLabel:not(.partyMapLabel){width:auto;height:auto;min-height:34px;padding:6px 10px;border-radius:12px;border:2px solid #b9d6e0;background:#16364b;color:#fff;font:700 14px/1.3 system-ui;text-align:center;box-shadow:0 3px 8px #0008}
#mapLabels .unitLabel.hostile:not(.partyMapLabel){background:#7b2826;border-color:#ffbfa0;color:#fff}
#mapLabels .partyMapLabel{max-width:170px;overflow:hidden;text-overflow:ellipsis;min-height:34px;padding:6px 10px;background:#13242e;border:2px solid var(--seat);color:#fff;font:700 14px/1.3 system-ui;border-radius:14px;box-shadow:0 3px 8px #0008}
#mapLabels button:focus-visible{outline:3px solid white;outline-offset:3px;z-index:12}
.mapLegend{background:#102620ed;padding:7px 10px;border:1px solid #b2a477;font-size:12px;max-width:90%;flex-wrap:wrap}
.mapTools #mapIndexBtn{font-size:13px;max-width:125px;line-height:1.2;padding:9px 7px}
.atlasList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}.atlasList button{text-align:left;min-height:62px}.atlasList b,.atlasList small{display:block}.atlasList small{font-size:14px;margin-top:4px;color:#d7d7bd}.tutorialChoice{display:flex;gap:10px;align-items:center;margin:18px 0;font-size:15px}.tutorialChoice input{width:20px;height:20px;flex:none;accent-color:#d8b77b}
@media(max-width:680px){.atlasList{grid-template-columns:1fr}.mapTitle h2{font-size:26px}.mapTitle p{max-width:190px}.mapTools #mapIndexBtn{max-width:105px}.mapLegend{font-size:12px;bottom:146px}#mapLabels .mapLabel{font-size:14px;padding:6px 8px}}