/* One visual language for every player screen; game playfields keep their own layout. */
:root{--bg:#fff8e8;--bg-2:#fff8e8;--panel:#fff8e8;--panel-2:#fff8e8;--panel-3:#f4e6c8;--ink:#0b2c38;--muted:#164955;--muted-2:#71644c;--line:#f4e6c8;--line-strong:#e4cf9c;--blue:#176374;--cyan:#164955;--violet:#176374;--gold:#d9ad53;--gold-2:#d9ad53;--green:#138760;--pink:#d94980;--red:#c53850;--shadow:0 12px 32px #16495512}
html{font-size:16px;background:#fff8e8;scroll-padding-top:88px}
.friendlyUI{color:#0b2c38;background:radial-gradient(ellipse at 15% 0,#f4e6c8 0,transparent 38%),#fff8e8;font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;line-height:1.5}
.friendlyUI *{box-sizing:border-box}
.friendlyUI button,.friendlyUI input,.friendlyUI select{font-family:inherit}
.friendlyUI button{cursor:pointer;touch-action:manipulation}
.friendlyUI button:disabled{cursor:default;opacity:.55}
.friendlyUI button:focus-visible,.friendlyUI a:focus-visible,.friendlyUI select:focus-visible,.friendlyUI input:focus-visible{outline:3px solid #164955;outline-offset:4px}
.friendlyUI [hidden]{display:none!important}
.friendlyUI .ambientWorld{display:none}
.friendlyUI .appTopbar{height:78px;min-height:78px;padding:10px max(20px,calc((100vw - 1040px)/2));background:#fff8e8;border-bottom:1px solid #f4e6c8;box-shadow:0 3px 18px #16495508;backdrop-filter:none;color:#164955}
.friendlyUI .brandButton{color:#164955;gap:10px}
.friendlyUI .brandButton strong{font-size:1.15rem;letter-spacing:-.035em}
.friendlyUI .brandButton small{font-size:.75rem;color:#71644c;letter-spacing:.09em}
.friendlyUI .miniShield{width:42px;height:46px;background:#176374;border-radius:13px;border:0;box-shadow:0 4px 0 #176374}
.friendlyUI .miniShield svg{stroke:#fff8e8;fill:none;width:28px;height:28px}
.friendlyUI .userChip{background:#fff8e8;border:1px solid #f4e6c8;border-radius:24px;padding:4px 12px 4px 4px;color:#176374;font-size:.9rem;gap:8px}
.friendlyUI #userInitial{background:#176374;color:#fff8e8;border-radius:50%;font-size:1rem}
.friendlyUI .viewHost{width:100%;max-width:1040px;margin:0 auto;padding:26px 24px 112px}
.friendlyUI .appTopbar{height:calc(78px + var(--safe-top));padding-top:calc(10px + var(--safe-top))}
.friendlyUI .trainingModeRow{display:flex}
.friendlyUI .verseSlot span,.friendlyUI .verseSlot small{color:#71644c}
.friendlyUI .cardTile>span:not(.ownedTag):not(.earnTag){color:#176374;font-size:.9rem}
.friendlyUI .view{animation:none}
.friendlyUI .bottomNav{width:min(calc(100% - 24px),630px);left:50%;transform:translateX(-50%);bottom:calc(10px + env(safe-area-inset-bottom,0px));height:74px;padding:6px;border:1px solid #f4e6c8;border-radius:25px;background:#fff8e8;box-shadow:0 8px 35px #1649552a;backdrop-filter:none;gap:4px}
.friendlyUI .bottomNav button{color:#71644c;border-radius:19px;min-width:0;font-size:.8rem;gap:3px;padding:6px 2px}
.friendlyUI .bottomNav button.active{color:#fff8e8;background:#176374;box-shadow:0 3px 0 #176374}
.friendlyUI .bottomNav button:before,.friendlyUI .bottomNav button:after{display:none}
.friendlyUI .bottomNav svg{width:24px;height:24px}
.friendlyUI .bottomNav button.active svg{color:#fff8e8;filter:none}
.friendlyUI .bottomNav span{font-size:.8rem;letter-spacing:0;font-weight:800}
.friendlyUI .homeStatusRow{margin:0 0 20px;padding:0;align-items:center}
.friendlyUI .homeIdentity>span{font-size:.75rem;letter-spacing:.1em;color:#71644c;font-weight:800}
.friendlyUI .homeIdentity h1{font-size:2rem;letter-spacing:-.05em;margin:0;color:#0b2c38}
.friendlyUI .streakChip{border:0;background:transparent;box-shadow:none;gap:9px}
.friendlyUI .streakChip b{font-size:.9rem;color:#164955}
.friendlyUI .streakChip small{font-size:.75rem;color:#71644c;letter-spacing:0}
.friendlyUI .streakFlame{background:#d9ad53;border:0;border-radius:16px;box-shadow:0 4px 0 #e8a91f;color:#784604;font-size:1.4rem;min-width:42px;height:47px}
.friendlyUI .homeHero{position:relative;display:grid;grid-template-columns:1fr .8fr;overflow:hidden;border:0;border-radius:30px;background:linear-gradient(120deg,#176374,#176374 70%,#176374);box-shadow:0 8px 0 #e4cf9c,0 20px 45px #1763741a;color:#fff8e8}
.friendlyUI .questPanel{position:relative;z-index:1;padding:32px 0 20px 32px;margin:0;background:transparent;min-width:0}
.friendlyUI .questPanel:before,.friendlyUI .questPanel:after,.friendlyUI .questScene:before,.friendlyUI .questScene:after{display:none}
.friendlyUI .questLabel{background:#fff8e820;border:1px solid #fff8e838;padding:6px 10px;border-radius:9px;color:#fff8e8;font-size:.75rem;letter-spacing:.09em;display:inline-block;font-weight:800}
.friendlyUI .questPanel h2{margin:15px 0 3px;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.08;color:#fff8e8;letter-spacing:-.04em}
.friendlyUI .questPanel>p{font-size:.9rem;color:#f4e6c8;margin:8px 0}
.friendlyUI .questEncouragement{display:block;margin:18px 0 0;font-size:1.05rem;color:#f4e6c8;line-height:1.45}
.friendlyUI .questScene{position:relative;grid-column:2;grid-row:1;height:270px;align-self:center;overflow:hidden;background:transparent;mask-image:linear-gradient(90deg,transparent,#000 20%);border:0}
.friendlyUI .questScene img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 18px 15px #0b2c3855);transform:none}
.friendlyUI .questScene.cardScene{mask-image:none;padding:20px}
.friendlyUI .questScene.cardScene img{transform:rotate(7deg);object-fit:contain;border-radius:0}
.friendlyUI .homeActions{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:12px;padding:0 28px 28px;margin:0}
.friendlyUI .learnButton,.friendlyUI .passButton{width:100%;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 19px;border-radius:17px;border:0;text-align:left;letter-spacing:0;transform:none}
.friendlyUI .learnButton{background:#d9ad53;color:#3b300b;box-shadow:0 5px 0 #dba222}
.friendlyUI .passButton{background:#fff8e8;color:#176374;box-shadow:0 5px 0 #e4cf9c}
.friendlyUI .learnButton strong,.friendlyUI .passButton strong{font-size:1.2rem;display:block;line-height:1.2}
.friendlyUI .learnButton small,.friendlyUI .passButton small{font-size:.85rem;display:block;font-weight:600;margin-top:5px;color:inherit;opacity:.85;letter-spacing:0}
.friendlyUI .learnButton>b,.friendlyUI .passButton>b{font-size:1.5rem;background:transparent;color:inherit;box-shadow:none}
.friendlyUI .homeStats{gap:14px;margin:26px 0 18px;grid-template-columns:1fr 1fr}
.friendlyUI .statCard{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-content:center;min-height:104px;padding:17px 20px;background:#fff8e8;border:1px solid #f4e6c8;border-radius:21px;text-align:left;box-shadow:0 4px 0 #f4e6c8}
.friendlyUI .statCard b{grid-row:1/3;align-self:center;font-size:2rem;color:#176374;line-height:1}
.friendlyUI .statCard span{font-size:.95rem;color:#164955;letter-spacing:0}
.friendlyUI .statCard small{font-size:.8rem;color:#71644c;margin-top:3px}
.friendlyUI .cupHomeLink{display:flex;align-items:center;gap:14px;width:100%;padding:18px 20px;margin:20px 0;border:1px solid #e4cf9c;border-radius:21px;background:#fff8e8;color:#164955;text-align:left;box-shadow:none;line-height:1.35}
.friendlyUI .cupHomeLink strong{font-size:1.05rem;display:block;letter-spacing:0}
.friendlyUI .cupHomeLink small{font-size:.85rem;display:block;font-weight:600;color:#71644c;margin-top:4px}
.friendlyUI .cupHomeIcon{font-size:2rem}
.friendlyUI .cupHomeLink>b{margin-left:auto;font-size:1.4rem}
.friendlyUI .heroMeter{padding:23px;border:1px solid #f4e6c8;border-radius:23px;background:#fff8e8;box-shadow:0 4px 0 #f4e6c8;margin:20px 0}
.friendlyUI .heroMeter:before,.friendlyUI .collectionHero:before{display:none}
.friendlyUI .heroMeterTop>div>span{color:#71644c;font-size:.75rem;letter-spacing:.09em}
.friendlyUI .heroMeterTop strong{color:#164955;font-size:1.4rem;margin-top:2px}
.friendlyUI .heroMeterTop>b{font-size:2rem;color:#de9a05;background:transparent;border:0}
.friendlyUI .heroMeter p{font-size:.9rem;color:#71644c;line-height:1.5;margin:12px 0}
.friendlyUI .heroMeter button{width:100%;display:flex;justify-content:space-between;min-height:48px;border:0;border-radius:12px;background:#fff8e8;color:#176374;font-size:1rem;font-weight:800;padding:12px 16px}
.cardProgress{appearance:none;border:0;width:100%;height:12px;display:block;margin-top:17px;border-radius:10px;overflow:hidden;background:#f4e6c8;color:#176374}
.cardProgress::-webkit-progress-bar{background:#f4e6c8;border-radius:10px}.cardProgress::-webkit-progress-value{background:linear-gradient(90deg,#176374,#176374);border-radius:10px}.cardProgress::-moz-progress-bar{background:#176374;border-radius:10px}
.friendlyUI .viewHeader{margin:0 0 22px;padding:0}
.friendlyUI .viewHeader h1{font-size:2rem;line-height:1.15;letter-spacing:-.04em;color:#0b2c38;margin:5px 0 9px}
.friendlyUI .viewHeader p{font-size:1rem;color:#71644c;line-height:1.55;margin:0;max-width:650px}
.friendlyUI .eyebrow{font-size:.75rem;letter-spacing:.1em;color:#176374}
.friendlyUI .verseSummary{gap:12px;margin:0 0 24px}
.friendlyUI .summaryBubble{background:#f4e6c8;border:1px solid #f4e6c8;padding:16px 20px;border-radius:18px;display:flex;align-items:center;gap:14px}
.friendlyUI .summaryBubble b{color:#176374;font-size:1.75rem;margin:0}
.friendlyUI .summaryBubble span{font-size:.85rem;color:#164955;letter-spacing:0}
.friendlyUI .verseList{display:grid;gap:16px;margin-bottom:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
.friendlyUI .verseCard{padding:22px;background:#fff8e8;border:1px solid #f4e6c8;border-radius:22px;box-shadow:0 4px 0 #f4e6c8}
.friendlyUI .verseCard.featured{border:2px solid #bca571;background:#fff8e8;box-shadow:0 4px 0 #f4e6c8}
.friendlyUI .verseCardTop{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.friendlyUI .verseKind{font-size:.75rem;color:#176374;background:#fff8e8;padding:5px 8px;border-radius:7px;letter-spacing:.03em}
.friendlyUI .verseStatus{font-size:.8rem;color:#164955;letter-spacing:0;background:#fff8e8;border:1px solid #f4e6c8}
.friendlyUI .leaderRank{background:#fff8e8;color:#176374}
.friendlyUI .trainingChoice .trainingPrimary{box-shadow:0 4px 0 #176374}
.friendlyUI .verseCard h2{font-size:1.7rem;color:#164955;letter-spacing:-.03em;margin:15px 0 4px}
.friendlyUI .verseCard>p{font-size:.9rem;color:#71644c;margin:4px 0}
.friendlyUI .verseReward{font-size:.75rem;color:#16815f;background:#e8ecd8;padding:4px 8px;border-radius:7px;display:inline-block;margin-top:9px;letter-spacing:.02em}
.friendlyUI .verseActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}
.friendlyUI .verseActions button{min-height:49px;border-radius:13px;font-size:.95rem;letter-spacing:0;line-height:1.2;padding:12px 8px;display:flex;gap:8px;justify-content:center;align-items:center}
.friendlyUI .verseActions .learn{background:#176374;border:0;color:#fff8e8;box-shadow:0 3px 0 #164955}
.friendlyUI .verseActions .sudden{background:#fff8e8;border:1px solid #f4e6c8;color:#176374}
.friendlyUI .showMore{min-height:48px;background:#fff8e8;border:1px solid #e4cf9c;color:#176374;font-size:.95rem;border-radius:13px;padding:12px 18px;letter-spacing:0}
.friendlyUI .segmentTabs{position:static;display:flex;gap:8px;padding:6px;background:#f4e6c8;border:0;border-radius:17px;margin:0 0 24px;box-shadow:none}
.friendlyUI .segmentTabs button{flex:1;min-height:50px;border-radius:12px;background:transparent;border:0;color:#71644c;font-size:.9rem;letter-spacing:0;padding:10px;box-shadow:none}
.friendlyUI .segmentTabs button.active{background:#fff8e8;color:#176374;box-shadow:0 3px 9px #16495515}
.friendlyUI .segmentTabs button b{display:none}
.friendlyUI .segmentTabs button span{font-size:.85rem;letter-spacing:0}
.friendlyUI .collectionHero{padding:24px;border-radius:24px;border:0;background:linear-gradient(115deg,#176374,#176374);box-shadow:0 5px 0 #e4cf9c;color:#fff8e8;margin-bottom:28px}
.friendlyUI .collectionHero>span{font-size:.75rem;color:#f4e6c8;letter-spacing:.1em}
.friendlyUI .collectionHero h2{font-size:1.8rem;letter-spacing:-.035em;color:#fff8e8}
.friendlyUI .collectionHero p{font-size:.9rem;color:#f4e6c8;line-height:1.5;max-width:640px}
.friendlyUI .collectionHero>button{min-height:52px;width:auto;padding:12px 22px;font-size:.9rem;letter-spacing:0;background:#d9ad53;box-shadow:0 3px 0 #d7a527;color:#49390b;border-radius:14px}
.friendlyUI .collectionHero>button:disabled{background:#f4e6c8;color:#176374;box-shadow:none;opacity:1}
.friendlyUI [data-physical-collection-status]{font-size:.8rem!important;border-top:1px solid #fff8e830;padding-top:12px;margin-top:20px!important}
.friendlyUI .seriesSection{margin-top:26px}.friendlyUI .seriesHeader h2{font-size:1.3rem;color:#164955}.friendlyUI .seriesHeader span,.friendlyUI .seriesHeader>b{font-size:.8rem;color:#71644c}
.friendlyUI .cardGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.friendlyUI .cardTile{border-radius:12px;background:#f4e6c8;border:1px solid #e4cf9c;box-shadow:0 5px 0 #f4e6c8,0 10px 20px #1649550f;transition:transform .15s}
.friendlyUI .cardTile:hover{transform:translateY(-4px)}
.friendlyUI .ownedTag,.friendlyUI .earnTag{font-size:.75rem;line-height:1.2;padding:7px;border-radius:7px;letter-spacing:0;backdrop-filter:none}
.friendlyUI .ownedTag{background:#147759;color:#fff8e8}.friendlyUI .earnTag{background:#164955;color:#fff8e8}
.friendlyUI .verseGalleryIntro h2{font-size:1.3rem}.friendlyUI .verseGalleryIntro p{font-size:.9rem;color:#71644c}
.friendlyUI .verseGalleryGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.friendlyUI .verseSlot{background:#fff8e8;border:1px solid #f4e6c8;border-radius:13px;color:#71644c}.friendlyUI .verseSlot b{font-size:1.4rem;color:#176374}.friendlyUI .verseSlot span,.friendlyUI .verseSlot small{font-size:.75rem;letter-spacing:0}
.friendlyUI .verseGalleryPaging{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:16px 0}.friendlyUI .verseGalleryPaging span{font-size:.8rem;color:#71644c}
.friendlyUI .leaderboardPicker{position:static;background:#fff8e8;border:1px solid #f4e6c8;border-radius:18px;box-shadow:none;padding:16px;margin-bottom:24px}.friendlyUI .leaderboardPicker span{font-size:.75rem;color:#71644c}.friendlyUI .leaderboardPicker select{background:#fff8e8;color:#164955;border:1px solid #f4e6c8;border-radius:11px;font-size:1rem;min-height:50px}
.friendlyUI .podium{align-items:stretch;gap:12px;margin:24px 0}.friendlyUI .podiumCard{background:#fff8e8;border:1px solid #f4e6c8;border-radius:20px;padding:22px 12px;color:#164955;box-shadow:0 4px 0 #f4e6c8;min-width:0}.friendlyUI .podiumCard.first{background:#f2d894;border:2px solid #d9ad53;box-shadow:0 4px 0 #f2d894;transform:none}.friendlyUI .podiumCard strong{font-size:1rem;overflow-wrap:anywhere}.friendlyUI .podiumCard>span:not(.medal){font-size:.9rem;color:#71644c}.friendlyUI .podiumCard .medal{font-size:2.1rem}
.friendlyUI .leaderRow{background:#fff8e8;border:1px solid #f4e6c8;border-radius:15px;padding:16px;gap:12px;box-shadow:none}.friendlyUI .leaderRow.you{background:#fff8e8;border-color:#bca571}.friendlyUI .leaderRank{color:#176374;font-size:1rem}.friendlyUI .leaderName strong{color:#164955;font-size:1rem}.friendlyUI .leaderName small{color:#71644c;font-size:.8rem}.friendlyUI .leaderValue{color:#176374;font-size:1.05rem}.friendlyUI .leaderName em{background:#176374;color:#fff8e8;font-size:.75rem}
.friendlyUI .profileCard{background:#fff8e8;border:1px solid #f4e6c8;border-radius:26px;box-shadow:0 5px 0 #f4e6c8;padding:28px;max-width:680px;margin:auto}.friendlyUI .profileAvatar{background:#176374;color:#fff8e8;border:0;border-radius:26px;box-shadow:0 5px 0 #176374}.friendlyUI .profileCard h1{color:#164955;font-size:1.9rem}.friendlyUI .profileCard>p{color:#71644c;font-size:.9rem}.friendlyUI .profileGrid{gap:12px;margin-top:24px}.friendlyUI .profileStat{background:#fff8e8;border:1px solid #f4e6c8;border-radius:16px;padding:18px}.friendlyUI .profileStat span{font-size:.8rem;color:#71644c;letter-spacing:0}.friendlyUI .profileStat b{font-size:1.5rem;color:#176374}.friendlyUI .profileActions{gap:12px;margin-top:24px}.friendlyUI .profileActions button{font-size:1rem;background:#fff8e8;color:#176374;border:1px solid #f4e6c8;border-radius:13px;min-height:52px}.friendlyUI .profileActions .logoutButton{background:#fff1f3;border-color:#f1d1d8;color:#a43552}
.friendlyUI .emptyState,.friendlyUI .loadingCard{background:#fff8e8;border:1px solid #f4e6c8;border-radius:24px;padding:30px;color:#176374}.friendlyUI .emptyState h2{font-size:1.6rem;color:#164955}.friendlyUI .emptyState p{font-size:1rem;color:#71644c}.friendlyUI .emptyState>b{color:#16866d;background:#e8ecd8;font-size:2.5rem}
.friendlyUI .modalOverlay{background:#0b2c38cc;backdrop-filter:blur(7px);padding:20px}
.friendlyUI .modalCard{background:#fff8e8;color:#164955;border:1px solid #f4e6c8;border-radius:27px;width:min(100%,620px);padding:32px;box-shadow:0 28px 100px #0b2c3860;max-height:calc(100dvh - 40px)}
.friendlyUI .modalClose{width:44px;height:44px;min-width:44px;border-radius:14px;background:#fff8e8;border:1px solid #f4e6c8;color:#176374;font-size:1.7rem;right:12px;top:12px}
.friendlyUI .modalCard h1{color:#164955;font-size:1.8rem;letter-spacing:-.04em;margin:8px 34px 9px}
.friendlyUI .modalCard>p,.friendlyUI .confirmCard p{color:#71644c;font-size:1rem;line-height:1.5}
.friendlyUI .finishEmblem,.friendlyUI .finishFlag{width:64px;height:64px;border-radius:20px;background:#e8ecd8;border:0;color:#19876c;font-size:2rem}
.friendlyUI .finalChoices{display:grid;grid-template-columns:1fr;gap:12px;margin-top:23px}
.friendlyUI .finalChoices button{min-height:112px;text-align:left;padding:20px 18px 20px 84px;border:1px solid #e4cf9c;border-radius:19px;background:#fff8e8;color:#164955;box-shadow:0 4px 0 #f4e6c8}
.friendlyUI .finalChoices .chompChoice{background:#e8ecd8;border-color:#b8e3d2;color:#1b7158;box-shadow:0 4px 0 #d0eadf}
.friendlyUI .finalChoices .voiceChoice{background:#fff8e8;border-color:#dacbf7;color:#6541a4;box-shadow:0 4px 0 #e4daf6}
.friendlyUI .choiceIcon{position:absolute;left:18px;top:25px;width:48px;height:52px;margin:0;background:#f4e6c8;color:#176374;font-size:1.6rem;border-radius:15px}
.friendlyUI .finalChoices b{font-size:1.15rem;color:inherit}.friendlyUI .finalChoices small{font-size:.85rem;color:#71644c;margin-top:5px;line-height:1.35}.friendlyUI .finalChoices i{position:static;display:block;width:auto;background:transparent;padding:0;margin-top:8px;font-size:.8rem;color:inherit;text-transform:none}
.friendlyUI .finalReward{padding:12px;background:#fff8e8;border:0;color:#71644c;font-size:.85rem}
.friendlyUI .detailCard{text-align:left}.friendlyUI .detailCardArt{max-height:55dvh;max-width:100%;width:auto;margin:18px auto;border-radius:0;box-shadow:0 9px 28px #0b2c382a}.friendlyUI .detailCard>span{font-size:.8rem;color:#71644c}.friendlyUI .detailCard>p{font-size:.9rem}.friendlyUI .detailActions{gap:10px}.friendlyUI .detailActions button{font-size:1rem;color:#176374;background:#fff8e8;border-color:#f4e6c8;min-height:51px}.friendlyUI .detailActions .card3DLaunch{background:#176374;color:#fff8e8;border:0;box-shadow:0 4px 0 #176374}
.friendlyUI .confirmActions button{font-size:.9rem;color:#71644c;background:#fff8e8;min-height:52px}.friendlyUI .confirmActions .confirm{color:#493709;background:#d9ad53;border:0}
.friendlyUI .drawReveal>span{font-size:.8rem;color:#71644c}.friendlyUI .drawReveal p{font-size:.9rem;color:#71644c}.friendlyUI .drawReveal>b{font-size:.9rem;color:#795710}.friendlyUI .drawReveal button{font-size:1rem;min-height:54px;background:#d9ad53}
.friendlyUI .toast{font-size:.95rem;background:#164955;color:#fff8e8;border-radius:15px;bottom:calc(102px + var(--safe-bottom));border:1px solid #176374}.friendlyUI .toast.good{background:#126e57;color:#fff8e8}.friendlyUI .toast.bad{background:#a33652;color:#fff8e8}
.friendlyUI .bootScreen{background:#fff8e8;color:#164955}.friendlyUI .bootScreen p{color:#71644c;font-size:1rem}.friendlyUI .bootMark{background:#176374;border-radius:28px;border:0;box-shadow:0 8px 0 #e4cf9c}.friendlyUI .bootMark svg{stroke:#fff8e8;fill:none}
.friendlyUI .loginStage{max-width:1100px;padding:45px 28px;gap:30px;align-items:center}.friendlyUI .loginArtwork{border:0;border-radius:30px;background:linear-gradient(140deg,#176374,#176374);box-shadow:0 8px 0 #f4e6c8;min-height:620px}.friendlyUI .loginArtwork img{object-fit:contain;object-position:top;opacity:.95}.friendlyUI .loginArtwork>div{left:30px;bottom:35px;right:30px}.friendlyUI .loginArtwork h1{font-size:3rem;line-height:1.1;color:#fff8e8}.friendlyUI .loginArtwork h1 strong{color:#d9ad53}.friendlyUI .loginArtwork p{color:#f4e6c8;font-size:1rem}.friendlyUI .loginPanel{background:#fff8e8;border:1px solid #f4e6c8;border-radius:27px;box-shadow:0 10px 30px #16495510;color:#164955;padding:32px}.friendlyUI .loginWordmark{margin-bottom:28px}.friendlyUI .loginWordmark strong{color:#164955;font-size:1.2rem}.friendlyUI .loginWordmark small{color:#71644c;font-size:.75rem}.friendlyUI .wordmarkShield{background:#176374;color:#fff8e8;border:0}.friendlyUI .wordmarkShield svg{stroke:#fff8e8}.friendlyUI .loginCopy>span{color:#71644c;font-size:.75rem}.friendlyUI .loginCopy h2{color:#164955;font-size:2rem}.friendlyUI .loginCopy p,.friendlyUI .loginHelp{color:#71644c;font-size:.95rem}.friendlyUI .loginPanel label{font-size:.95rem;color:#164955;margin-top:17px}.friendlyUI .loginPanel input{min-height:56px;border:1px solid #e4cf9c;background:#fff8e8;border-radius:12px;color:#0b2c38;font-size:1.05rem;padding:14px}.friendlyUI .loginPanel input::placeholder{color:#71644c}.friendlyUI .primaryButton{min-height:57px;border:0;background:#176374;box-shadow:0 5px 0 #164955;border-radius:14px;color:#fff8e8;font-size:1.1rem;letter-spacing:0}.friendlyUI .formMessage{font-size:.9rem;color:#a93650}
/* The training menu is a clean chooser; active games retain the complete canvas. */
.friendlyUI .gameOverlay:has(.trainingHub){background:#fff8e8}.friendlyUI .gameOverlay:has(.trainingHub) .gameShell{max-width:1040px;background:#fff8e8;color:#164955}.friendlyUI .gameOverlay:has(.trainingHub) .gameGlobalTop{background:#fff8e8;color:#164955;border-bottom:1px solid #f4e6c8;min-height:64px;padding:9px 16px}.friendlyUI .gameOverlay:has(.trainingHub) .gameGlobalTop button{background:#fff8e8;border:1px solid #f4e6c8;color:#176374;min-height:44px;font-size:.85rem;border-radius:12px}.friendlyUI .gameOverlay:has(.trainingHub) .gameGlobalTop span{color:#164955;font-size:1rem}.friendlyUI .gameOverlay:has(.trainingHub) .gameGlobalTop small{color:#71644c;font-size:.75rem}.friendlyUI .trainingHub{padding:28px 22px 40px;color:#164955;max-width:1040px;margin:auto}.friendlyUI .trainingHubHeader>span{color:#71644c;font-size:.75rem}.friendlyUI .trainingHubHeader h1{color:#164955;font-size:2rem;letter-spacing:-.04em}.friendlyUI .trainingHubHeader p{font-size:1rem;color:#71644c;line-height:1.5}.friendlyUI .trainingHubGrid{gap:16px;margin-top:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.friendlyUI .trainingChoice{background:#fff8e8;border:1px solid #f4e6c8;border-radius:24px;padding:22px;box-shadow:0 4px 0 #f4e6c8;color:#164955;min-width:0}.friendlyUI .trainingChoiceIcon{width:54px;height:58px;border-radius:16px;background:#fff8e8;border:0;font-size:1.7rem;box-shadow:0 4px 0 #f4e6c8;color:#176374}.friendlyUI .trainingChoice span{font-size:.75rem;color:#71644c}.friendlyUI .trainingChoice h2{font-size:1.45rem;color:#164955;margin:8px 0}.friendlyUI .trainingChoice p{font-size:.95rem;color:#71644c;line-height:1.5}.friendlyUI .trainingChoice button{min-height:48px;font-size:.85rem;letter-spacing:0;border-radius:12px}.friendlyUI .trainingPrimary{background:#176374;color:#fff8e8;border:0}.friendlyUI .trainingModeRow{gap:8px;flex-wrap:wrap}.friendlyUI .trainingModeRow button{background:#fff8e8;color:#176374;border:1px solid #e4cf9c;padding:10px;flex:1}.friendlyUI .trainingSudden{background:#fff8e8;border:1px solid #e4cf9c;color:#176374;border-radius:18px;min-height:100px;padding:20px}.friendlyUI .trainingSudden span,.friendlyUI .trainingSudden small{color:#71644c;font-size:.8rem}.friendlyUI .trainingSudden b{font-size:1.2rem;color:#176374}
.friendlyUI .voiceCard .voiceHint,.friendlyUI .voiceCard .voicePrivacy{font-size:.9rem;color:#71644c}.friendlyUI .voiceCard .voiceMic{color:#fff8e8;background:#176374;border:0;box-shadow:0 6px 0 #176374}.friendlyUI .voiceCard .voiceDone{font-size:1rem;background:#176374;color:#fff8e8}.friendlyUI .voiceCard .voiceTranscript{font-size:1rem;background:#fff8e8;color:#71644c;border-color:#f4e6c8}
.friendlyUI .cupHero{background:linear-gradient(115deg,#176374,#176374);border:0;border-radius:24px;box-shadow:0 5px 0 #f4e6c8;padding:26px;color:#fff8e8}.friendlyUI .cupHero h1{color:#fff8e8;font-size:2.4rem;letter-spacing:-.04em}.friendlyUI .cupHero .eyebrow{color:#f4e6c8}.friendlyUI .cupHero p,.friendlyUI .cupHero small{color:#fff8e8;font-size:.9rem}.friendlyUI .cupPrizes{font-size:.85rem;color:#d9ad53;gap:14px}.friendlyUI .cupProgress{font-size:.95rem;color:#71644c;padding:22px 2px}.friendlyUI .cupProgress>b{color:#176374}.friendlyUI .cupProgress strong{color:#164955;font-size:.9rem}.friendlyUI .cupCourse,.friendlyUI .cupPast{background:#fff8e8;border:1px solid #f4e6c8;border-radius:20px;padding:20px;box-shadow:0 4px 0 #f4e6c8;color:#176374}.friendlyUI .cupCourse>span{font-size:.75rem;color:#71644c}.friendlyUI .cupCourse h2{font-size:1.2rem;color:#164955}.friendlyUI .cupCourse h2 small{font-size:.75rem}.friendlyUI .cupCourse>b{font-size:1rem;color:#176374}.friendlyUI .cupCourse details{color:#164955;font-size:1rem}.friendlyUI .cupCourse summary{font-size:.9rem}.friendlyUI .cupCourse button,.friendlyUI .cupPast button,.friendlyUI .cupHeading button{font-size:.9rem;min-height:48px;letter-spacing:0;border-radius:12px;background:#176374;color:#fff8e8}.friendlyUI .cupPast h2,.friendlyUI .cupHeading h2{font-size:1.3rem;color:#164955}.friendlyUI .chompCup>p.muted,.friendlyUI .cupPast p{font-size:.9rem;color:#71644c;line-height:1.55}
.friendlyUI .gameOverlay:not(:has(.trainingHub)),.friendlyUI #suddenOverlay{--ink:#fff8e8;--muted:#bca571;--muted-2:#bca571;--cyan:#bca571;--green:#72e1b3;--gold:#d9ad53;--violet:#bca571;color:#fff8e8}
.friendlyUI #suddenOverlay{background:radial-gradient(ellipse at 50% 0,#176374,transparent 70%),#0b2c38}
.friendlyUI #suddenOverlay .suddenCard{color:#fff8e8}
.friendlyUI #suddenOverlay .suddenCard h1{color:#fff8e8;font-size:clamp(1.6rem,7vw,2.5rem)}
.friendlyUI #suddenOverlay .suddenCard>p{color:#f4e6c8;font-size:.95rem}
.friendlyUI #suddenOverlay .skullMark{width:46px;height:46px;border-radius:14px;background:#176374;color:#fff8e8;border:1px solid #176374;box-shadow:none}
.friendlyUI #suddenOverlay .eyebrow{color:#e4cf9c;font-size:.75rem;letter-spacing:.08em}
.friendlyUI #suddenOverlay .suddenHud{background:#164955;color:#fff8e8;border-color:#176374;font-size:1rem}
.friendlyUI #suddenOverlay .suddenHud b,.friendlyUI #suddenOverlay .suddenHud span{color:#fff8e8}
.friendlyUI #suddenOverlay .suddenKeyboard button{background:#fff8e8;color:#164955;border:0;border-bottom:4px solid #bca571;font-weight:900}
.friendlyUI .gameOverlay:not(:has(.trainingHub)) .gameGlobalTop button{font-size:.85rem;min-height:44px;color:#f4e6c8;background:#164955;border-color:#71644c}.friendlyUI .gameOverlay:not(:has(.trainingHub)) .gameGlobalTop>div span{font-size:.95rem;color:#fff8e8}.friendlyUI .gameHeading h1{color:#fff8e8}.friendlyUI .gameHeading p{font-size:.95rem;color:#e4cf9c}.friendlyUI .gameFooter button{font-size:.85rem;min-height:50px}.friendlyUI .answerGrid button,.friendlyUI .phraseGrid button,.friendlyUI .wordHunt button,.friendlyUI .matchBoard button,.friendlyUI .wordButton{font-size:1rem;min-height:53px}.friendlyUI .gameBody .tinyHint,.friendlyUI .gameBody .wordCounter,.friendlyUI .gameBody .walkHint{font-size:.85rem;color:#e4cf9c}
.friendlyUI .leaderboardFootnote{font-size:.85rem;color:#71644c}
/* Godot opens only on request. Closing the overlay frees its whole runtime. */
.cardRoom{position:fixed;inset:0;z-index:850;background:#0b2c38;color:#fff8e8;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
.cardRoom header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:12px;background:#0b2c38}.cardRoom h2{font-size:1.1rem;margin:0;line-height:1.3}.cardRoom header button{background:#164955;color:#fff8e8;border:1px solid #164955;border-radius:12px;min-height:46px;padding:8px 16px;font-size:1rem}.cardRoom iframe{border:0;flex:1;min-height:0;width:100%;background:#0b2c38}.cardRoom footer{padding:12px 12px 16px;text-align:center;background:#0b2c38}.cardRoom footer p{font-size:.9rem;color:#e4cf9c;margin:0 0 12px}.cardRoomControls{display:flex;justify-content:center;gap:6px}.cardRoomControls button{min-height:48px;min-width:48px;padding:10px 12px;flex:1;border:1px solid #71644c;border-radius:13px;background:#164955;color:#fff8e8;font-size:.95rem}.cardRoomControls button:first-child{background:#d9ad53;border:0;color:#493807}
@media(min-width:1000px){.homeView{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;align-items:start}.homeStatusRow{grid-column:1/-1}.friendlyUI .homeHero{grid-row:2/5;grid-template-columns:1fr .7fr;height:100%;min-height:390px}.friendlyUI .homeHero .questScene{height:260px}.friendlyUI .homeStats{margin:0;grid-template-columns:1fr}.friendlyUI .homeStats .statCard{min-height:78px}.friendlyUI .cupHomeLink,.friendlyUI .heroMeter{margin:0}.friendlyUI .homeHero .homeActions{grid-template-columns:1fr;align-self:end}}
@media(max-width:700px){.friendlyUI .viewHost{padding:20px 16px 108px}.friendlyUI .appTopbar{padding-left:16px;padding-right:16px;height:70px;min-height:70px}.friendlyUI .homeIdentity h1{font-size:1.7rem}.friendlyUI .homeHero{grid-template-columns:1.2fr .8fr;border-radius:25px}.friendlyUI .questPanel{padding:24px 0 18px 22px}.friendlyUI .questPanel h2{font-size:2rem}.friendlyUI .questScene{height:205px}.friendlyUI .questEncouragement{font-size:.95rem;margin-top:13px}.friendlyUI .homeActions{padding:0 20px 24px;gap:10px}.friendlyUI .learnButton,.friendlyUI .passButton{min-height:76px;padding:13px;border-radius:14px}.friendlyUI .learnButton strong,.friendlyUI .passButton strong{font-size:1.02rem}.friendlyUI .learnButton small,.friendlyUI .passButton small{font-size:.75rem}.friendlyUI .homeStats{gap:12px;margin-top:23px}.friendlyUI .statCard{display:block;padding:16px;min-height:122px}.friendlyUI .statCard b{display:block;margin-bottom:8px;font-size:1.75rem}.friendlyUI .statCard span{display:block;font-size:.85rem}.friendlyUI .statCard small{display:block;font-size:.75rem}.friendlyUI .verseList{grid-template-columns:1fr}.friendlyUI .viewHeader h1{font-size:1.8rem}.friendlyUI .cardGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.friendlyUI .verseGalleryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.friendlyUI .podium{gap:8px}.friendlyUI .podiumCard{padding:17px 7px}.friendlyUI .podiumCard strong{font-size:.85rem}.friendlyUI .podiumCard>span:not(.medal){font-size:.8rem}.friendlyUI .trainingHubGrid{grid-template-columns:1fr}.friendlyUI .trainingHub{padding:22px 16px}.friendlyUI .loginStage{padding:16px;display:block}.friendlyUI .loginArtwork{min-height:195px;height:195px;border-radius:23px;margin-bottom:16px;overflow:hidden}.friendlyUI .loginArtwork img{width:48%;margin-left:auto;object-position:right}.friendlyUI .loginArtwork>div{left:22px;bottom:22px;right:20px}.friendlyUI .loginArtwork>div>span,.friendlyUI .loginArtwork p{display:none}.friendlyUI .loginArtwork h1{font-size:1.7rem;max-width:65%;margin:0}.friendlyUI .loginPanel{margin:0;padding:25px;border-radius:23px}.friendlyUI .loginWordmark{display:none}.friendlyUI .loginCopy h2{font-size:1.8rem}.friendlyUI .loginHelp{margin-bottom:0}.friendlyUI .modalCard{padding:26px 20px;border-radius:24px}.friendlyUI .modalOverlay{padding:12px}.friendlyUI .modalCard{max-height:calc(100dvh - 24px)}.friendlyUI .profileCard{padding:23px}.friendlyUI .profileStat{padding:15px}.friendlyUI .collectionHero{padding:22px}.friendlyUI .collectionHero h2{font-size:1.55rem}}
@media(max-width:370px){.friendlyUI .viewHost{padding-left:12px;padding-right:12px}.friendlyUI .homeActions{grid-template-columns:1fr}.friendlyUI .questPanel h2{font-size:1.8rem}.friendlyUI .questScene{height:190px}.friendlyUI .homeIdentity>span{font-size:.7rem}.friendlyUI .streakChip small{display:none}.friendlyUI .bottomNav span{font-size:.75rem}.friendlyUI .bottomNav{width:calc(100% - 16px)}.friendlyUI .brandButton strong{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.friendlyUI *,.friendlyUI *::before,.friendlyUI *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.friendlyUI .cardTile:hover{transform:none}}
@media(max-width:700px){.friendlyUI .appTopbar{height:calc(70px + var(--safe-top));padding-top:calc(10px + var(--safe-top))}}

.cardRoomControls .cardZoom{flex:0 0 48px;font-size:1.6rem;font-weight:700;padding:4px}


/* Hero Card palette: AB001 and AB021 references — deep teal/navy, foil gold,
   parchment, emerald and crimson. This section changes paint only. */
:root{--hero-night:#071c26;--hero-teal:#0d4653;--hero-gold:#d9ad53;--hero-ivory:#fff3d4;--hero-crimson:#76271e;--hero-emerald:#24533e}
html{background:#071c26;color-scheme:dark}
.friendlyUI{background:radial-gradient(ellipse at 15% 0,#155261 0,transparent 48%),linear-gradient(145deg,#0b2934,#071c26 75%);color:#f5e8c8}
.friendlyUI .appTopbar{background:linear-gradient(110deg,#08232f,#103f4a);border-bottom-color:#b78a3e;box-shadow:0 3px 18px #0005}
.friendlyUI .brandButton{color:#f4d285}.friendlyUI .brandButton small{color:#d8c9a6}
.friendlyUI .miniShield,.friendlyUI .wordmarkShield,.friendlyUI .bootMark{background:linear-gradient(145deg,#f6dc8f,#c39132);box-shadow:0 4px 0 #72511f}
.friendlyUI .miniShield svg,.friendlyUI .wordmarkShield svg,.friendlyUI .bootMark svg{stroke:#153640}
.friendlyUI .userChip{background:#173d44;border-color:#8e753f;color:#f7e9c9}
.friendlyUI #userInitial{background:#d9ad53;color:#172d2f}
.friendlyUI .bottomNav{background:linear-gradient(150deg,#123d49,#081f2a);border-color:#ad853e;box-shadow:0 8px 35px #0007}
.friendlyUI .bottomNav button{color:#ddcfad}
.friendlyUI .bottomNav button.active{background:linear-gradient(145deg,#f4d98e,#c7983f);color:#172e31;box-shadow:0 3px 0 #75511b,inset 0 1px 0 #fff0be}
.friendlyUI .bottomNav button.active svg{color:#172e31}
.friendlyUI .homeIdentity h1,.friendlyUI .viewHeader h1,.friendlyUI .seriesHeader h2,.friendlyUI .cupHeading h2{color:#fff1cf}
.friendlyUI .homeIdentity>span,.friendlyUI .viewHeader>.eyebrow{color:#e2bd70}
.friendlyUI .viewHeader p,.friendlyUI .seriesHeader span,.friendlyUI .seriesHeader>b,.friendlyUI .verseGalleryPaging>span,.friendlyUI .leaderboardFootnote{color:#d2c5a8}
.friendlyUI .streakChip b{color:#f7e7bf}.friendlyUI .streakChip small{color:#ccbd99}
.friendlyUI .streakFlame{background:linear-gradient(145deg,#f4d785,#c38d2f);color:#47300c;box-shadow:0 4px 0 #77531f}
.friendlyUI .homeHero{background:radial-gradient(ellipse at 90% 10%,#1d7583,transparent 65%),linear-gradient(125deg,#082c39,#124a55);box-shadow:inset 0 0 0 2px #c49b4d,0 8px 0 #030f1877,0 20px 45px #0003}
.friendlyUI .questPanel h2{color:#fff0cb}.friendlyUI .questPanel>p,.friendlyUI .questEncouragement{color:#e2d6b8}
.friendlyUI .questLabel{background:#062c34;border-color:#b18c45;color:#f0d28d}
.friendlyUI .learnButton,.friendlyUI .collectionHero>button,.friendlyUI .confirmActions .confirm,.friendlyUI .drawReveal button{background:linear-gradient(145deg,#f3d487,#cc993c);color:#39260d;box-shadow:0 4px 0 #795420,inset 0 1px 0 #fff0bf}
.friendlyUI .passButton{background:linear-gradient(140deg,#326947,#194531);color:#fff1d1;box-shadow:0 4px 0 #092b1b,inset 0 0 0 1px #ad975b}
.friendlyUI .statCard,.friendlyUI .heroMeter,.friendlyUI .verseCard,.friendlyUI .profileCard,.friendlyUI .modalCard,.friendlyUI .loginPanel,.friendlyUI .trainingChoice,.friendlyUI .cupCourse,.friendlyUI .cupPast,.friendlyUI .leaderRow,.friendlyUI .podiumCard,.friendlyUI .emptyState,.friendlyUI .loadingCard,.friendlyUI .leaderboardPicker{background:linear-gradient(125deg,#fff8e8,#f3e5c5);border-color:#c4a266;box-shadow:0 4px 0 #03172066}
.friendlyUI .verseCard.featured{border-color:#d7b05b;box-shadow:0 4px 0 #03172066}
.friendlyUI .statCard b,.friendlyUI .heroMeterTop strong,.friendlyUI .verseCard h2,.friendlyUI .profileCard h1,.friendlyUI .modalCard h1{color:#123e48}
.friendlyUI .cupHomeLink{background:linear-gradient(115deg,#843a2a,#581d19);border-color:#b88840;color:#fff0ca;box-shadow:0 3px 0 #04172077}
.friendlyUI .cupHomeLink small{color:#e7cbaa}
.friendlyUI .heroMeterTop>b{color:#a8731c}
.cardProgress,.cardProgress::-webkit-progress-bar{background:#dfcda2}
.cardProgress::-webkit-progress-value{background:linear-gradient(90deg,#a77222,#e4bd62)}
.cardProgress::-moz-progress-bar{background:#bc8c35}
.friendlyUI .segmentTabs{background:#113943;box-shadow:inset 0 0 0 1px #88743f}
.friendlyUI .segmentTabs button{color:#e0d1b0}
.friendlyUI .segmentTabs button.active{background:linear-gradient(135deg,#f0d28b,#d2a34c);color:#20322f}
.friendlyUI .collectionHero,.friendlyUI .cupHero{background:linear-gradient(120deg,#74291f,#441a19);box-shadow:inset 0 0 0 2px #ba9144,0 5px 0 #03172088}
.friendlyUI .collectionHero h2,.friendlyUI .cupHero h1{color:#ffedba}
.friendlyUI .collectionHero>span,.friendlyUI .cupHero .eyebrow{color:#e4bb6c}
.friendlyUI .collectionHero p,.friendlyUI .cupHero p,.friendlyUI .cupHero small{color:#ead7b8}
.friendlyUI .cupPrizes{color:#f5ce78}
.friendlyUI .cupProgress,.friendlyUI .chompCup>p.muted{color:#d9ccad}
.friendlyUI .cupProgress>b,.friendlyUI .cupProgress strong{color:#f2cb76}
.friendlyUI .cardTile{background:#123642;border-color:#a68544;box-shadow:0 5px 0 #02131b,0 10px 20px #0003}
.friendlyUI .cardTile>span:not(.ownedTag):not(.earnTag){color:#e9cc8a}
.friendlyUI .ownedTag{background:#24543b;color:#fff0cb}.friendlyUI .earnTag{background:#722e24;color:#fff0cb}
.friendlyUI .verseSlot{background:#f5e7c7;border-color:#c5a563}
.friendlyUI .verseGalleryIntro{background:#f5e7c7;border-color:#c5a563;color:#153e47}
.friendlyUI .podiumCard.first{background:linear-gradient(140deg,#fff1ba,#e9c774);border-color:#c39339}
.friendlyUI .leaderRow.you{background:#e9e9d2;border-color:#7f9464}
.friendlyUI .verseCard:before{background:#c59338;opacity:.08}
.friendlyUI .modalOverlay{background:#021218db}
.friendlyUI .finalChoices button{background:#efe1bf;border-color:#bf9b58;box-shadow:0 4px 0 #d2bc87;color:#174750}
.friendlyUI .finalChoices .chompChoice{background:#e4e9d2;border-color:#91a578;color:#28543c;box-shadow:0 4px 0 #c2cda7}
.friendlyUI .finalChoices .speedverseChoice{background:#f1e0b8;border-color:#c49c52;color:#685122;box-shadow:0 4px 0 #d9c18a}
.friendlyUI .finalChoices .catcherChoice{background:#dbe8ed;border-color:#91b2c0;color:#245463;box-shadow:0 4px 0 #bcd2dc}
.friendlyUI .finalChoiceCard .finalChoices{gap:10px}
.friendlyUI .finalChoiceCard .finalChoices button{min-height:100px;padding-top:15px;padding-bottom:15px}
.friendlyUI .finalChoices button:disabled{opacity:.65;cursor:not-allowed}
@media(min-width:700px){.friendlyUI .finalChoiceCard{max-width:760px}.friendlyUI .finalChoiceCard .finalChoices{grid-template-columns:repeat(2,minmax(0,1fr))}}
.friendlyUI .finalChoices .voiceChoice{background:#e9deeb;border-color:#baa1be;color:#633d69;box-shadow:0 4px 0 #d0bdd2}
.friendlyUI .finalChoices small{color:#5e5c47}
.friendlyUI .loginArtwork{background:linear-gradient(140deg,#082b35,#1d6774);box-shadow:inset 0 0 0 2px #b9944c,0 8px 0 #03151e}
.friendlyUI .loginArtwork h1 strong{color:#f0ca75}
.friendlyUI .gameOverlay:has(.trainingHub),.friendlyUI .gameOverlay:has(.trainingHub) .gameShell{background:#092c37}
.friendlyUI .gameOverlay:has(.trainingHub) .gameGlobalTop{background:#103e49;border-bottom-color:#ac8743}
.friendlyUI .gameOverlay:has(.trainingHub) .gameGlobalTop span,.friendlyUI .trainingHubHeader h1{color:#ffedc6}
.friendlyUI .gameOverlay:has(.trainingHub) .gameGlobalTop small,.friendlyUI .trainingHubHeader>span{color:#dbb66c}
.friendlyUI .trainingHubHeader p{color:#ded0af}
.friendlyUI .trainingPrimary,.friendlyUI .primaryButton{background:linear-gradient(135deg,#195e6b,#0b3c49);color:#fff1d1}
.friendlyUI .trainingChoice .trainingPrimary,.friendlyUI .primaryButton{box-shadow:0 4px 0 #052c36}
.friendlyUI .trainingModeRow button{background:#f1e3c1;color:#24474a;border-color:#ba9c63}
.friendlyUI .trainingSudden{background:#66271f;border-color:#ad8440}
.friendlyUI .trainingSudden b{color:#f7dfa6}.friendlyUI .trainingSudden span,.friendlyUI .trainingSudden small{color:#e3cdac}
.friendlyUI #suddenOverlay{background:radial-gradient(ellipse at 50% 0,#176571,transparent 70%),#061f2b}
.friendlyUI #suddenOverlay .suddenCard{background:transparent;box-shadow:none}
.friendlyUI .bootScreen{background:#082936;color:#f4dfaf}.friendlyUI .bootScreen p{color:#d4c49e}
.cardRoom,.cardRoom iframe{background:#071d29}
.cardRoom header,.cardRoom footer{background:#0e3843}
.cardRoom h2{color:#f7dfaa}.cardRoom footer p{color:#ded1b3}
.cardRoom header button,.cardRoomControls button{background:#174c55;border-color:#a18345;color:#fff0cb}
.cardRoomControls button:first-child{background:linear-gradient(145deg,#efd28b,#c6963c);color:#352811}
.friendlyUI button:focus-visible,.friendlyUI a:focus-visible,.friendlyUI select:focus-visible,.friendlyUI input:focus-visible{outline-color:#d6a643}