/* Baseline Games Hub canonical stylesheet.
   Consolidated from the former inline authority layers without changing cascade order. */

/* --- Games Hub foundation --- */
/* Structural fallback only: active Games Hub colour authority lives in css/baseline-games-hub.css. */
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;background:var(--page-bg);color:var(--ink);font-family:var(--font)}
body{background:var(--page-bg)}
.bl-scroll{background:var(--page-bg);background-size:100% 100%;background-attachment:fixed}

.section{display:none;animation:fade .28s ease}.section.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:24px}
.card h2,.card h3{margin:0 0 12px 0;color:var(--accent-2);font-family:var(--font-soft)}

.note{color:var(--muted);font-size:16px}
.grid{display:grid;gap:16px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tabs{display:flex;gap:10px;flex-wrap:wrap}.tab{appearance:none;border:none;cursor:pointer;background:var(--games-control);padding:10px 14px;border-radius:999px;font-size:16px;font-weight:760;color:var(--games-muted);border:1px solid rgba(24,32,51,.14)}
.tab[aria-selected="true"]{background:var(--games-panel);color:var(--games-ink);box-shadow:0 16px 32px -24px rgba(24,32,51,.28)}
.header-row,.game-header,.game-toolbar,.level-row,.skill-head,.word-form-row,.ninja-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.game-header{align-items:flex-start}
.game-header>div:first-child{flex:1 1 520px}
.game-header .link-actions{margin-left:auto;align-self:flex-start;justify-content:flex-end}
.link-actions{display:flex;gap:10px;flex-wrap:wrap}
.action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:var(--games-control);color:var(--accent-2);font-weight:900;cursor:pointer;text-decoration:none;box-shadow:0 10px 22px -20px rgba(24,32,51,.18)}
.action:hover{filter:brightness(1.03)}
.action[disabled]{opacity:.45;cursor:not-allowed;filter:none}.action.secondary{background:var(--games-panel)}.action.ghost{background:var(--games-panel)}
.summary-box{display:grid;gap:8px;padding:14px 16px;border-radius:18px;background:var(--games-panel);border:1px solid var(--border)}
.inline-note{font-size:15px;color:var(--muted)}
.stat-pills{display:flex;gap:10px;flex-wrap:wrap}.stat-pill{padding:9px 12px;border-radius:999px;background:var(--games-panel);border:1px solid var(--border);font-weight:800;color:var(--games-ink)}
.progress-shell{display:grid;gap:12px;padding:16px 18px;border-radius:20px;border:1px solid var(--border);background:var(--games-panel)}
.xp-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.xp-bar{height:16px;border-radius:999px;background:var(--games-play-deep);overflow:hidden;border:1px solid rgba(24,32,51,.14)}
.xp-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--games-page-deep) 0%,var(--games-page-mid) 45%,var(--games-accent) 100%);width:0%}
.xp-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.skill-alert{width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background:var(--games-control);color:var(--accent-2);font-weight:900;box-shadow:0 0 0 rgba(24,32,51,0);transition:box-shadow .18s ease, transform .18s ease, background .18s ease, border-color .18s ease}.skill-alert.is-ready{background:linear-gradient(180deg,var(--games-page-soft),var(--games-page-mid));border-color:var(--games-accent);color:var(--games-ink);box-shadow:0 0 0 4px rgba(196,163,109,.24),0 16px 30px -18px rgba(24,32,51,.40);transform:translateY(-1px)}.skill-alert[disabled]{background:var(--games-panel);color:var(--games-muted);border-color:var(--games-border);box-shadow:none;transform:none}
.skill-tree{display:none;gap:12px}.skill-tree.open{display:grid}
.skill-item{display:grid;gap:8px;padding:14px;border-radius:18px;border:1px solid var(--border);background:var(--games-panel)}.skill-item h4{margin:0;color:var(--games-ink)}.skill-item p{margin:0;color:var(--games-muted);line-height:1.5}.skill-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.empty-box{display:grid;gap:12px;padding:18px;border-radius:18px;border:1px dashed rgba(24,32,51,.24);background:var(--games-panel);color:var(--games-muted);justify-items:start}
.games-list{display:grid;gap:12px}
#games.has-active-game #gamesOverviewCard{display:none}
#games.has-active-game .game-panel.is-active{display:block}
.game-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;text-align:left;padding:18px 20px;border-radius:22px;border:1px solid var(--border);background:linear-gradient(180deg,var(--games-surface-2),var(--games-panel));box-shadow:0 12px 26px -18px rgba(24,32,51,.18);cursor:pointer}
.game-row:hover{filter:brightness(1.02)}
.game-row.is-selected{outline:2px solid rgba(24,32,51,.26);outline-offset:0;box-shadow:0 16px 30px -18px rgba(24,32,51,.24)}
.game-row h3{margin:0 0 6px 0;color:var(--games-ink);font-family:var(--font-soft)}
.game-row p{margin:0;color:var(--games-muted);line-height:1.58}
.game-row-meta{display:grid;gap:6px;justify-items:end;text-align:right}
.game-panel{display:none}.game-panel.is-active{display:block}
.game-shell{display:grid;gap:18px}.game-main{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.game-board-card{display:grid;gap:16px}.game-side-card{display:grid;gap:16px}.game-toggle-row{display:flex;gap:10px;flex-wrap:wrap}.game-toggle-btn{position:relative}.game-toggle-btn.is-ready{background:linear-gradient(180deg,var(--games-page-soft),var(--games-page-mid));border-color:var(--games-accent);color:var(--games-ink);box-shadow:0 0 0 4px rgba(196,163,109,.18),0 16px 30px -18px rgba(24,32,51,.34)}.collapse-panel-shell[hidden]{display:none !important}
.board-wrap{display:grid;gap:14px}.board-grid{display:grid;gap:12px}
.board-tier-list{display:grid;gap:10px}.tier-btn{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:var(--games-panel);font-weight:800;color:var(--games-ink);cursor:pointer}.tier-btn.active{background:var(--games-panel);color:var(--games-ink)}.tier-btn[disabled]{opacity:.48;cursor:not-allowed}
.memory-card{appearance:none;border:1px solid rgba(24,32,51,.14);background:var(--games-panel);border-radius:20px;min-height:104px;aspect-ratio:1 / 1.02;padding:0;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 12px 26px -22px rgba(24,32,51,.22)}
.memory-card:hover{filter:brightness(1.02)}.memory-card[disabled]{cursor:default;opacity:.94}
.memory-card-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(58px,6vw,90px);font-weight:900;line-height:1;padding:4px;transition:transform .18s ease,opacity .18s ease}
.memory-card-back{background:linear-gradient(180deg,var(--games-accent) 0%,var(--games-page-mid) 46%,var(--games-page-deep) 100%);color:var(--games-panel);font-size:clamp(44px,4.8vw,66px)}.memory-card-front{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.26),transparent 34%),linear-gradient(180deg,var(--games-panel) 0%,var(--games-panel) 54%,var(--games-control) 100%);color:var(--games-ink);opacity:0;transform:scale(.92);text-shadow:0 2px 0 rgba(255,255,255,.24)}
.memory-card.is-open .memory-card-back,.memory-card.is-matched .memory-card-back{opacity:0;transform:scale(.92)}
.memory-card.is-open .memory-card-front,.memory-card.is-matched .memory-card-front{opacity:1;transform:scale(1.03)}
.memory-card.is-matched{border-color:#b9926d;background:var(--games-panel)}
.numbers-strip{display:flex;gap:12px;flex-wrap:wrap}.number-chip{min-width:68px;min-height:68px;border-radius:18px;border:1px solid rgba(24,32,51,.14);background:var(--games-panel);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:var(--games-ink);box-shadow:0 10px 22px -20px rgba(24,32,51,.18)}
.formula-box,.word-box,.ninja-box{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--border);background:var(--games-panel)}
.text-input{width:100%;min-height:46px;border-radius:14px;border:1px solid rgba(24,32,51,.18);background:var(--games-panel);color:var(--games-ink);padding:11px 14px;font:inherit}
.text-input:focus{outline:2px solid rgba(24,32,51,.26);outline-offset:1px}
.stack{display:grid;gap:12px}.helper-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.solution-box{padding:12px 14px;border-radius:16px;background:var(--games-panel);border:1px solid rgba(24,32,51,.14);color:var(--games-ink);line-height:1.55}
.hub-summary-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.bank-box{display:grid;gap:10px;align-content:start}.bank-value{font-size:clamp(34px,4vw,46px);line-height:1;font-weight:900;color:var(--games-ink)}
.game-summary-stack{display:grid;gap:12px;margin-top:12px}.game-summary-details{border:1px solid var(--border);border-radius:18px;background:var(--games-panel);overflow:hidden}.game-summary-details summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:900;color:var(--games-ink)}.game-summary-details summary::-webkit-details-marker{display:none}.game-summary-details[open] summary{border-bottom:1px solid rgba(24,32,51,.12)}.game-summary-body{padding:14px 16px 16px;display:grid;gap:12px}.game-summary-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--games-muted)}.game-summary-row--stack{display:grid;gap:6px;justify-content:start}.game-summary-progress{display:grid;gap:10px}.ninja-toggle-row{display:flex;gap:10px;flex-wrap:wrap}.collapse-panel[hidden]{display:none !important}.game-toolbar .inline-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.word-grid{display:grid;gap:8px}.word-row{display:grid;gap:8px;grid-template-columns:repeat(var(--letters,5),minmax(0,56px));justify-content:start}.letter-cell{width:56px;height:56px;border-radius:14px;border:1px solid rgba(24,32,51,.16);display:flex;align-items:center;justify-content:center;background:var(--games-panel);color:var(--games-ink);font-weight:900;font-size:22px;text-transform:uppercase}.letter-cell.correct{background:#6f9b5d;border-color:#557447;color:#F7F0E3}.letter-cell.present{background:#c99a3d;border-color:#9d772a;color:#FFF8EB}.letter-cell.absent{background:var(--games-panel);border-color:rgba(24,32,51,.16);color:var(--games-muted)}.clue-bar{padding:12px 14px;border-radius:16px;background:var(--games-panel);border:1px solid var(--border);font-weight:800;color:var(--games-ink);letter-spacing:.18em;text-transform:uppercase}
.ninja-grid{display:grid;grid-template-columns:1fr;gap:18px}.ninja-panels{display:grid;gap:16px}.ninja-combat-card{display:grid;gap:16px}.ninja-upgrades{display:grid;gap:12px}.upgrade-item{display:grid;gap:10px;padding:14px;border-radius:18px;border:1px solid var(--border);background:var(--games-panel)}.upgrade-item h4{margin:0;color:var(--games-ink)}.upgrade-item p{margin:0;color:var(--games-muted);line-height:1.5}.meter{height:14px;border-radius:999px;background:var(--games-play-deep);overflow:hidden;border:1px solid rgba(24,32,51,.14)}.meter-fill{height:100%;background:linear-gradient(90deg,var(--games-page-deep) 0%,var(--games-page-mid) 45%,var(--games-accent) 100%);width:0%}.bonus-list{display:grid;gap:10px}.bonus-item{padding:12px 14px;border-radius:16px;background:var(--games-panel);border:1px solid var(--border);color:var(--games-ink)}.trait-list{display:flex;gap:8px;flex-wrap:wrap}.trait-chip{padding:7px 10px;border-radius:999px;background:var(--games-control);border:1px solid var(--border);font-weight:800;color:var(--games-ink)}.ninja-scene{position:relative;overflow:hidden;min-height:272px;border-radius:22px;border:1px solid rgba(24,32,51,.14);background:linear-gradient(180deg,#f7ecdf 0%,#ebd8c4 58%,#cca27f 100%);--scene-speed:18s}.ninja-scene.is-boss{box-shadow:inset 0 0 0 1px rgba(150,64,52,.24),0 18px 40px -30px rgba(150,64,52,.22)}.ninja-scene.is-pulse::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 32% 55%, rgba(255,244,221,.42), transparent 42%);pointer-events:none}.ninja-scene__layer{position:absolute;inset:0;background-image:url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg");background-repeat:repeat-x;background-position:0 100%;background-size:1600px 100%;animation:ninjaPan var(--scene-speed) linear infinite;opacity:1}.ninja-scene__layer--back{display:none}.ninja-scene__layer--mid{opacity:1}.ninja-scene__lane{position:absolute;left:0;right:0;bottom:0;height:94px;background:linear-gradient(180deg,rgba(196,163,109,.08),rgba(122,77,49,.18) 10%,rgba(122,77,49,.40) 10%,rgba(103,67,45,.62) 100%)}.ninja-scene__runner,.ninja-scene__enemy{position:absolute;bottom:34px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.ninja-scene__runner{left:10%;width:180px;animation:ninjaRunnerBob .68s ease-in-out infinite}.ninja-scene__enemy{right:8%;width:176px;animation:ninjaEnemyApproach 2.8s linear infinite}.ninja-scene.is-boss .ninja-scene__enemy{width:228px;right:4%;animation-duration:3.8s}.ninja-scene img{display:block;max-width:100%;max-height:100%;filter:drop-shadow(0 16px 20px rgba(35,23,19,.20))}.ninja-scene__overlay{position:absolute;left:16px;right:16px;top:16px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 14px;border-radius:16px;background:rgba(255,247,239,.84);border:1px solid rgba(24,32,51,.12);backdrop-filter:blur(5px);font-weight:800;color:var(--games-ink)}.ninja-scene__overlay span{font-size:14px;color:var(--games-muted)}.ninja-hit-flash{position:absolute;right:26%;bottom:98px;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,rgba(255,247,204,.95) 0,rgba(255,212,112,.64) 42%,rgba(255,212,112,0) 74%);opacity:0;transform:scale(.55);pointer-events:none}.ninja-hit-flash.is-live{animation:ninjaHitFlash .28s ease-out}@keyframes ninjaHitFlash{0%{opacity:0;transform:scale(.55)}35%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.28)}}@keyframes ninjaPan{from{background-position:0 100%}to{background-position:-1600px 100%}}@keyframes ninjaRunnerBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ninjaEnemyApproach{0%{transform:translateX(18px)}50%{transform:translateX(0)}100%{transform:translateX(18px)}}@media (max-width:1100px){.game-main,.ninja-grid,.hub-summary-grid{grid-template-columns:1fr}}
@media (max-width:700px){.grid-two{grid-template-columns:1fr}.memory-card{min-height:78px}.number-chip{min-width:58px;min-height:58px;font-size:24px}.game-row{grid-template-columns:1fr}.game-row-meta{justify-items:start;text-align:left}.letter-cell{width:44px;height:44px;font-size:18px}.word-row{grid-template-columns:repeat(var(--letters,5),minmax(0,44px))}}

.game-panel-stack{display:grid;gap:16px}
.game-card[hidden]{display:none !important}
.game-subpanel-grid{display:grid;gap:16px}
.game-progress-stats{display:grid;gap:12px}
.game-progress-stats .trackcoin-stat-card{background:var(--games-panel)}
.ninja-tab-row{display:flex;gap:10px;flex-wrap:wrap}
.ninja-tab-row .game-toggle-btn.is-active{background:linear-gradient(180deg,var(--games-page-soft),var(--games-page-mid));border-color:var(--games-accent);color:var(--games-ink);box-shadow:0 0 0 4px rgba(196,163,109,.18),0 16px 30px -18px rgba(24,32,51,.34)}


.game-toolbar .link-actions,.game-toolbar .inline-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
/* Track The Coin visual rules live only in css/baseline-games-hub.css */


/* Baseline Games Hub layout refinements */
.xp-row{grid-template-columns:1fr !important;align-items:stretch}
.xp-row>div:first-child{width:100%}
.progress-shell .xp-bar{width:100%}
.skill-alert{display:none !important}
.game-input-skill-row,.game-input-submit-row,.word-form-row,.make-target-action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.game-input-skill-row{justify-content:flex-start}
.game-input-submit-row{justify-content:flex-start}
.word-form-row,.make-target-action-row{flex-direction:column;align-items:stretch}
.word-form-row .text-input,.make-target-action-row .text-input{flex:1 1 auto;min-width:220px;width:100%}
.make-target-action-row .action,.word-form-row .action,.game-input-skill-row .action,.game-input-submit-row .action{flex:0 0 auto}
.ninja-offline-summary{margin-top:2px}
.ninja-scene{background:linear-gradient(180deg,#203c28 0%,#2b5631 34%,#3a6835 58%,#588139 74%,#6e9038 76%,#6e9038 79%,#6b5231 80%,#5d4328 100%);min-height:330px}
.ninja-scene::before,.ninja-scene::after{content:'';position:absolute;inset:0;pointer-events:none}
.ninja-scene::before{background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 28%,rgba(12,24,14,.08) 100%);z-index:1}
.ninja-scene::after{background-image:radial-gradient(circle at 14% 78%,rgba(22,39,19,.16) 0 28px,transparent 29px),radial-gradient(circle at 39% 74%,rgba(18,34,17,.14) 0 26px,transparent 27px),radial-gradient(circle at 63% 78%,rgba(22,39,19,.15) 0 24px,transparent 25px),radial-gradient(circle at 86% 75%,rgba(18,34,17,.14) 0 28px,transparent 29px);opacity:.5;z-index:1}
.ninja-scene__layer{display:block;position:absolute;inset:0;background-image:url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg");background-repeat:repeat-x;background-position:0 100%;background-size:1600px 100%;animation:ninjaPan 18s linear infinite;opacity:1;z-index:0}
.ninja-scene__lane{background:linear-gradient(180deg,rgba(67,101,44,0) 0%,rgba(67,101,44,.08) 26%,rgba(55,42,27,.18) 100%)}
.ninja-scene__runner,.ninja-scene__enemy{z-index:2}
.ninja-scene__runner img,.ninja-scene__enemy img{width:100%;height:auto}
@media (min-width:900px){.ninja-scene{min-height:430px}.ninja-scene__runner{left:12%;width:220px}.ninja-scene__enemy{right:9%;width:212px}.ninja-scene.is-boss .ninja-scene__enemy{width:260px}.ninja-scene__lane{height:112px}.ninja-scene__runner,.ninja-scene__enemy{bottom:42px}}


.auto-next-toggle[aria-pressed="true"]{background:linear-gradient(180deg,var(--games-page-soft),var(--games-page-mid));border-color:var(--games-accent);color:var(--games-ink);box-shadow:0 0 0 4px rgba(196,163,109,.16),0 16px 30px -18px rgba(24,32,51,.34)}
.auto-next-toggle{white-space:nowrap}
/* Final game fixes: compact Pairs cards with larger symbols, seamless Ninja tile. */
.memory-card{min-height:90px !important;aspect-ratio:auto !important;border-radius:18px !important;background:#6f452e !important;}
.memory-card-face{font-size:clamp(48px,5.4vw,82px) !important;padding:4px !important;}
.memory-card-back,.memory-card-front{background:linear-gradient(180deg,var(--games-page-mid) 0%,var(--games-page-deep) 52%,var(--games-page-deep) 100%) !important;color:var(--games-panel)3e8 !important;text-shadow:0 2px 0 rgba(0,0,0,.16) !important;}
.memory-card-back{font-size:clamp(42px,4.8vw,64px) !important;}
.memory-card-front{transform:scale(.94) !important;}
.memory-card.is-open .memory-card-front,.memory-card.is-matched .memory-card-front{transform:scale(1.08) !important;}
@media (max-width:700px){.memory-card{min-height:78px !important}.memory-card-face{font-size:clamp(40px,12vw,64px) !important}}
.ninja-scene__layer{background-size:1600px 100% !important;animation:ninjaPan 18s linear infinite !important;}
@keyframes ninjaPan{from{background-position:0 100%}to{background-position:-1600px 100%}}


.ninja-scene{background:#27492e !important}
.ninja-scene__layer{display:block !important;position:absolute !important;top:0 !important;bottom:0 !important;width:100% !important;left:0;background-image:url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg") !important;background-repeat:no-repeat !important;background-size:100% 100% !important;animation:ninjaPanLoop 18s linear infinite !important;z-index:0;opacity:1 !important}
.ninja-scene__layer--a{left:0 !important}
.ninja-scene__layer--b{left:100% !important}
.ninja-scene__lane{background:#5c3b21 !important;opacity:1 !important}
.ninja-scene__overlay{background:#f4efe6 !important;border:1px solid rgba(24,32,51,.14) !important;backdrop-filter:none !important}
.ninja-hit-flash{display:none !important}
.ninja-scene__runner,.ninja-scene__enemy{z-index:2}
@keyframes ninjaPanLoop{from{transform:translateX(0)}to{transform:translateX(-100%)}}

/* --- Realm shell foundation --- */
#ninjaPanel .game-shell{gap:16px}
#ninjaPanel .game-header p.note{max-width:860px}
.realm-game-mount{display:block}
.realm-window{position:relative;display:grid;gap:14px;padding:18px;border-radius:28px;border:1px solid rgba(52,35,22,.14);background:linear-gradient(180deg,#f5ecdf 0%,#ecdfcf 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 20px 40px -30px rgba(70,42,26,.28);overflow:hidden;min-height:780px}
.realm-shell{gap:16px}
.realm-shell>.game-header{padding:0 2px}
.realm-shell>.game-header h2{margin-bottom:6px}
.realm-window:fullscreen{padding:24px;border-radius:0;min-height:100vh;width:100vw;height:100vh;overflow:auto}
.realm-window::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.32),transparent 20%),radial-gradient(circle at 88% 0%,rgba(196,151,109,.16),transparent 24%);pointer-events:none}
.realm-window__topline{position:relative;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;z-index:2}
.realm-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900;color:#7a5c45}
.realm-title{margin:6px 0 6px;font-size:clamp(34px,4vw,48px);line-height:1;color:var(--games-ink);font-family:var(--font-soft)}
.realm-note{margin:0;color:var(--games-muted);max-width:740px;line-height:1.55}
.realm-utility{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.realm-fab{display:grid;gap:6px;justify-items:center;align-content:start;min-width:88px;padding:0;border:none;background:none;color:var(--games-ink);font:inherit;cursor:pointer}
.realm-fab[disabled]{opacity:.5;cursor:not-allowed}
.realm-fab__icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--games-page-soft),var(--games-page-mid));border:1px solid rgba(106,70,43,.24);box-shadow:0 12px 26px -20px rgba(70,42,26,.38);font-size:27px}
.realm-fab__label{font-weight:900;font-size:13px;text-align:center;line-height:1.15;color:var(--games-muted)}
.realm-hud{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;z-index:2}
.realm-hud-card{padding:14px 15px;border-radius:20px;background:rgba(255,247,239,.9);border:1px solid rgba(70,42,26,.12);box-shadow:0 16px 26px -24px rgba(70,42,26,.22)}
.realm-hud-card strong{display:block;color:var(--games-ink);font-size:14px}
.realm-hud-card span{display:block;margin-top:8px;font-size:28px;line-height:1;font-weight:900;color:#5a3825}
.realm-xp-shell{position:relative;display:grid;gap:8px;z-index:2;padding:14px 16px;border-radius:18px;background:rgba(255,247,239,.9);border:1px solid rgba(70,42,26,.12)}
.realm-xp-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#5b4232;font-weight:800}
.realm-stage-ribbon{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;z-index:2}
.realm-stage-pill{padding:11px 13px;border-radius:999px;background:rgba(255,247,239,.94);border:1px solid rgba(70,42,26,.12);font-weight:800;color:var(--games-muted);text-align:center}
.realm-stage-pill span{display:block;margin-top:4px;color:var(--games-ink);font-size:15px}
.realm-enemy-meter{position:relative;z-index:2}
.realm-scene-frame{position:relative;z-index:1;border-radius:28px;overflow:hidden;border:1px solid rgba(70,42,26,.16);background:#1c3722;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ninja-scene{background:linear-gradient(180deg,#19361e 0%,#214729 30%,#29532e 48%,#487439 73%,#6f9541 74%,#6f9541 78%,#765631 79%,#4d361f 100%) !important;min-height:520px !important}
.ninja-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 25%,rgba(9,16,10,.12));z-index:1;pointer-events:none}
.ninja-scene::after{content:"";position:absolute;left:0;right:0;bottom:88px;height:84px;background:radial-gradient(circle at 8% 56%,rgba(20,37,18,.18) 0 36px,transparent 37px),radial-gradient(circle at 28% 60%,rgba(20,37,18,.16) 0 38px,transparent 39px),radial-gradient(circle at 52% 54%,rgba(20,37,18,.17) 0 34px,transparent 35px),radial-gradient(circle at 74% 58%,rgba(20,37,18,.18) 0 36px,transparent 37px),radial-gradient(circle at 92% 55%,rgba(20,37,18,.16) 0 34px,transparent 35px);pointer-events:none;opacity:.75;z-index:1}
.ninja-scene__layer{display:block !important;position:absolute !important;top:0 !important;bottom:0 !important;width:100% !important;background-image:url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg") !important;background-repeat:no-repeat !important;background-size:100% 100% !important;opacity:1 !important;animation:ninjaPanLoop 16s linear infinite !important;z-index:0 !important}
.ninja-scene__layer--a{left:0 !important;filter:brightness(.94)}
.ninja-scene__layer--b{left:100% !important;filter:brightness(1.02)}
.ninja-scene__lane{height:118px !important;background:linear-gradient(180deg,rgba(40,60,25,0) 0%,rgba(47,71,29,.16) 30%,rgba(91,66,37,.84) 100%) !important;z-index:1}
@keyframes ninjaPanLoop{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.ninja-scene__runner,.ninja-scene__enemy{bottom:42px !important;z-index:2 !important}
.ninja-scene__runner{left:11% !important;width:205px !important;animation:ninjaRunnerBob .46s ease-in-out infinite !important}
.ninja-scene__enemy{right:8% !important;width:198px !important;animation:ninjaEnemyApproach 2.1s ease-in-out infinite !important}
.ninja-scene.is-boss .ninja-scene__enemy{width:242px !important;right:5% !important}
.ninja-hit-flash{display:block !important}
.realm-scene-titlebar{position:absolute;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:4;padding:14px 18px;border-radius:20px;background:rgba(248,242,233,.92);border:1px solid rgba(70,42,26,.12)}
.realm-scene-titlebar strong{font-size:24px;color:var(--games-ink);font-family:var(--font-soft)}
.realm-scene-titlebar .inline-note:empty{display:none}
.realm-scene-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.realm-lower{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.realm-summary-box{min-height:74px}
.realm-quick-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.realm-mini-action{min-height:42px;padding:10px 14px;border-radius:999px;border:1px solid rgba(70,42,26,.14);background:var(--games-surface-2);color:var(--games-ink);font-weight:900;cursor:pointer}
.realm-drawer,.realm-overlay-screen{position:absolute;z-index:9;border-radius:26px;border:1px solid rgba(70,42,26,.16);box-shadow:0 26px 44px -30px rgba(25,14,8,.42),0 0 0 1px rgba(255,255,255,.12) inset}
.realm-drawer[hidden],.realm-overlay-screen[hidden]{display:none !important}
.realm-drawer{top:16px;right:16px;bottom:16px;width:min(430px,calc(100% - 32px));display:grid;gap:14px;padding:18px;background:rgba(247,239,231,.98);backdrop-filter:blur(6px);overflow:auto}
.realm-drawer__head,.realm-overlay-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.realm-drawer__head h4,.realm-overlay-head h4{margin:0 0 6px;color:var(--games-ink);font-size:28px;font-family:var(--font-soft)}
.realm-close-btn{min-width:42px;height:42px;border-radius:50%;border:1px solid rgba(70,42,26,.14);background:var(--games-surface-2);color:var(--games-ink);font-weight:900;cursor:pointer}
.realm-tab-row{display:flex;gap:8px;flex-wrap:wrap}
.realm-tab-btn{padding:10px 14px;border-radius:999px;border:1px solid rgba(70,42,26,.14);background:var(--games-surface-2);color:var(--games-muted);font-weight:800;cursor:pointer}
.realm-tab-btn.is-active{background:linear-gradient(180deg,var(--games-page-soft),var(--games-page-mid));border-color:#9a6e49;color:var(--games-ink)}
.realm-drawer-pane[hidden]{display:none !important}
.realm-overlay-screen{inset:16px;padding:18px;background:rgba(247,239,231,.98);overflow:auto}
.realm-basecamp-scene{position:relative;min-height:500px;padding:22px;border-radius:24px;background:linear-gradient(180deg,#b7d9ff 0%,#dbecc8 24%,#90b16b 62%,#6d8e48 63%,var(--games-page-mid) 100%);overflow:hidden}
.realm-basecamp-scene::before{content:"";position:absolute;left:-5%;right:-5%;bottom:118px;height:220px;background:radial-gradient(circle at 14% 100%,#557b3f 0 120px,transparent 121px),radial-gradient(circle at 40% 100%,#486c36 0 160px,transparent 161px),radial-gradient(circle at 70% 100%,#4f7540 0 140px,transparent 141px),radial-gradient(circle at 92% 100%,#456834 0 110px,transparent 111px);opacity:.95}
.realm-basecamp-scene::after{content:"";position:absolute;left:0;right:0;bottom:0;height:132px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(67,45,23,.12) 12%,rgba(78,53,29,.72) 13%,rgba(61,40,22,.96) 100%)}
.realm-settlement-rank{position:relative;z-index:2;display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,249,241,.86);border:1px solid rgba(70,42,26,.14);font-weight:900;color:var(--games-muted)}
.realm-camp-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.realm-building{position:relative;display:grid;gap:8px;align-content:end;min-height:170px;padding:18px 16px 16px;border-radius:26px;border:1px solid rgba(70,42,26,.16);background:linear-gradient(180deg,rgba(255,250,244,.96),rgba(245,233,219,.96));box-shadow:0 18px 30px -24px rgba(70,42,26,.28);text-align:left;color:var(--games-ink);cursor:pointer;overflow:hidden}
.realm-building::before{content:"";position:absolute;left:26px;top:18px;width:76px;height:54px;background:linear-gradient(180deg,var(--games-page-soft),var(--games-page-mid));clip-path:polygon(50% 0, 100% 62%, 0 62%);filter:drop-shadow(0 8px 10px rgba(70,42,26,.18))}
.realm-building::after{content:"";position:absolute;left:36px;top:50px;width:56px;height:48px;border-radius:0 0 16px 16px;background:linear-gradient(180deg,var(--games-page-mid),var(--games-page-mid))}
.realm-building strong,.realm-building span{position:relative;z-index:1}
.realm-building span{color:var(--games-muted);line-height:1.45}
.realm-building.is-primary{background:linear-gradient(180deg,#f9efe1,#ebd2b1);border-color:#b8885c}
.realm-building.is-locked{opacity:.72;cursor:not-allowed}
.realm-building.is-locked::before{background:linear-gradient(180deg,#c7c2bc,#978f84)}
.realm-building.is-locked::after{background:linear-gradient(180deg,#9b958c,#70695f)}
.realm-campfire-ring{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);width:108px;height:108px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,236,179,.88) 0 14px,rgba(255,170,69,.78) 15px 24px,rgba(116,64,31,.92) 25px 38px,transparent 39px);box-shadow:0 0 40px rgba(255,172,72,.22);z-index:1}
.realm-spirit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px}
.realm-spirit-card{display:grid;gap:10px;padding:16px;border-radius:20px;border:1px solid rgba(70,42,26,.14);background:var(--games-surface-2)}
.realm-spirit-card h5{margin:0;color:var(--games-ink);font-size:18px}
.realm-spirit-card p{margin:0;color:var(--games-muted);line-height:1.5}
.realm-spirit-card .inline-note{font-size:14px}
.realm-stats-grid{display:grid;gap:10px}
.realm-stats-grid .trackcoin-stat-card{background:var(--games-surface-2)}
/* Track The Coin cup rules removed from inline realm CSS; external Games Hub contract controls them. */
@media (max-width:1180px){.realm-hud,.realm-stage-ribbon,.realm-spirit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.realm-camp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.realm-lower{grid-template-columns:1fr}.realm-quick-actions{justify-content:flex-start}}
@media (max-width:760px){.realm-window{padding:14px;min-height:720px}.realm-window__topline,.realm-scene-titlebar,.realm-overlay-head,.realm-drawer__head{grid-template-columns:1fr;display:grid}.realm-utility,.realm-scene-actions,.realm-quick-actions{justify-content:flex-start}.realm-hud,.realm-stage-ribbon,.realm-camp-grid,.realm-spirit-grid{grid-template-columns:1fr}.realm-fab{min-width:74px}.realm-scene-titlebar strong{font-size:20px}.ninja-scene{min-height:420px !important}.ninja-scene__runner{width:160px !important;left:9% !important}.ninja-scene__enemy{width:156px !important}.realm-drawer,.realm-overlay-screen{inset:10px}.realm-drawer{width:auto;left:10px;right:10px}}

/* --- Realm window integration --- */
#ninjaPanel{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}
#ninjaPanel .realm-shell-card{display:grid!important;gap:16px!important;background:var(--card-bg)!important;border:1px solid var(--border-2)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow)!important;padding:24px!important}
#ninjaPanel .game-header{padding:0 2px 10px!important}
#ninjaPanel .game-header .link-actions{display:none!important}
#ninjaPanel .game-header .note{max-width:780px}
.realm-game-mount{display:block!important}.realm-window{display:block!important;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;min-height:0!important}.realm-window:fullscreen{padding:0!important}.realm-window::before{display:none!important}
#realmSceneFrame{position:relative;min-height:780px;border-radius:32px;overflow:hidden;border:1px solid rgba(62,39,21,.20);background:linear-gradient(180deg,#203821 0%,#29492a 42%,#4e6d36 67%,#6d8c46 72%,#614428 73%,#422b1a 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 26px 42px -30px rgba(24,14,8,.45)}
#realmSceneFrame:fullscreen{width:100vw;height:100vh;min-height:100vh;border-radius:0}
.realm-window__topline,.realm-hud,.realm-xp-shell,.realm-stage-ribbon,.realm-enemy-meter,.realm-lower{display:none!important}
.realm-scene-frame{position:relative!important;z-index:1!important;border-radius:32px!important;overflow:hidden!important;border:none!important;background:transparent!important;box-shadow:none!important}
.ninja-scene{position:relative!important;min-height:780px!important;background:transparent!important;border:none!important;border-radius:0!important;overflow:hidden!important}
.ninja-scene__layer{display:block!important;position:absolute!important;top:0!important;bottom:0!important;width:100%!important;background-image:url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg")!important;background-repeat:no-repeat!important;background-size:100% 100%!important;opacity:1!important;animation:ninjaPanLoop 16s linear infinite!important;z-index:0!important}.ninja-scene__layer--a{left:0!important}.ninja-scene__layer--b{left:100%!important}@keyframes ninjaPanLoop{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.ninja-scene__runner,.ninja-scene__enemy{bottom:126px!important;z-index:4!important;filter:drop-shadow(0 16px 16px rgba(12,10,8,.3))}.ninja-scene__runner{left:12%!important;width:220px!important}.ninja-scene__enemy{right:8%!important;width:214px!important}.ninja-scene.is-boss .ninja-scene__enemy{width:252px!important;right:4%!important}.ninja-scene__lane{height:170px!important;background:linear-gradient(180deg,rgba(40,60,25,0) 0%,rgba(47,71,29,.1) 20%,rgba(91,66,37,.72) 100%)!important;z-index:1!important}
.realm-utility{position:absolute!important;top:18px!important;right:18px!important;z-index:14!important;display:flex!important;gap:10px!important;align-items:flex-start!important;flex-wrap:wrap!important;justify-content:flex-end!important}.realm-fab{display:grid!important;gap:6px!important;justify-items:center!important;min-width:88px!important;padding:0!important;border:none!important;background:none!important;color:#fff7ec!important;text-shadow:0 1px 1px rgba(0,0,0,.28)!important}.realm-fab__icon{width:58px!important;height:58px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,rgba(250,227,194,.98),rgba(218,177,126,.96))!important;border:1px solid rgba(86,54,32,.26)!important;box-shadow:0 14px 24px -20px rgba(12,6,2,.6)!important;font-size:27px!important;color:#5c3824!important}.realm-fab__label{font-weight:900!important;font-size:13px!important;text-align:center!important;line-height:1.15!important;color:#fff6eb!important;max-width:100px!important}
.realm-training-hud{position:absolute;inset:0;z-index:8;pointer-events:none}.realm-training-hud>*{pointer-events:auto}.realm-scene-caption{position:absolute;left:20px;top:92px;display:grid;gap:4px;color:#fff8ee;text-shadow:0 2px 10px rgba(0,0,0,.38)}.realm-scene-caption strong{font-size:26px;line-height:1;font-family:var(--font-soft)}.realm-scene-caption span{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.realm-top-strip{position:absolute;left:20px;right:286px;top:18px;display:grid;gap:8px;padding:12px 14px;border-radius:18px;background:rgba(255,248,239,.9);border:1px solid rgba(70,42,26,.14);box-shadow:0 16px 30px -24px rgba(25,14,8,.38);backdrop-filter:blur(4px)}.realm-top-strip__meta{color:var(--games-ink);font-weight:900;font-size:15px;line-height:1.35}.realm-top-strip .xp-bar{height:14px;border-radius:999px;overflow:hidden;background:rgba(95,71,56,.16)}.realm-top-strip .xp-fill{background:linear-gradient(90deg,#7e4d2c 0%,var(--games-page-mid) 100%)}
.realm-enemy-status{position:absolute;right:32px;top:158px;width:min(360px,30vw);display:grid;gap:8px;padding:12px 14px;border-radius:18px;background:rgba(255,248,239,.9);border:1px solid rgba(70,42,26,.14);box-shadow:0 16px 28px -24px rgba(25,14,8,.42);backdrop-filter:blur(4px)}.realm-enemy-status__name{font-size:22px;line-height:1;font-family:var(--font-soft);color:var(--games-ink);text-align:center}.realm-meter{position:relative;height:18px;border-radius:999px;overflow:hidden;background:rgba(84,62,46,.18);border:1px solid rgba(70,42,26,.1)}.realm-meter__fill{height:100%;background:linear-gradient(90deg,#874928 0%,#d29a59 100%);width:0%}.realm-meter__text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff7ee;text-shadow:0 1px 2px rgba(40,20,10,.65)}
#ninjaManualStrikeBtn{position:absolute!important;left:18px!important;bottom:18px!important;z-index:15!important;min-width:84px!important;min-height:84px!important;border-radius:50%!important;padding:10px!important;background:radial-gradient(circle at 30% 20%,#fff3cf 0,#db9f55 54%,#8e5630 100%)!important;color:#3a2012!important;border:2px solid rgba(76,39,18,.32)!important;box-shadow:0 20px 36px -20px rgba(40,21,10,.55)!important;text-align:center!important;line-height:1.1!important;font-weight:900!important}
.realm-offline-toast{position:absolute;left:50%;bottom:26px;transform:translateX(-50%) translateY(14px);max-width:min(88%,760px);padding:10px 14px;border-radius:16px;background:rgba(255,248,239,.92);border:1px solid rgba(70,42,26,.14);color:var(--games-muted);font-size:14px;line-height:1.4;box-shadow:0 16px 28px -24px rgba(25,14,8,.42);opacity:0;transition:opacity .35s ease,transform .35s ease;z-index:14;pointer-events:none}.realm-offline-toast.is-live{opacity:1;transform:translateX(-50%) translateY(0)}
.realm-drawer{position:absolute!important;z-index:18!important;top:16px!important;right:16px!important;bottom:16px!important;width:min(440px,calc(100% - 32px))!important;display:grid!important;gap:14px!important;padding:18px!important;background:rgba(247,239,231,.985)!important;border-radius:28px!important;border:1px solid rgba(70,42,26,.18)!important;box-shadow:0 30px 44px -30px rgba(25,14,8,.42),0 0 0 1px rgba(255,255,255,.12) inset!important;backdrop-filter:blur(6px)!important;overflow:auto!important}.realm-drawer[hidden]{display:none!important}.realm-tab-row{display:flex;gap:8px;flex-wrap:wrap}.realm-tab-btn{padding:10px 14px;border-radius:999px;border:1px solid rgba(70,42,26,.14);background:var(--games-surface-2);color:var(--games-muted);font-weight:800;cursor:pointer}.realm-tab-btn.is-active{background:linear-gradient(180deg,var(--games-page-soft),var(--games-page-mid));border-color:#9a6e49;color:var(--games-ink)}.realm-drawer-pane[hidden]{display:none!important}.realm-stats-grid,.realm-spirit-grid{display:grid;gap:10px}.realm-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.realm-stat-chip,.trackcoin-stat-card,.realm-spirit-card{display:grid;gap:6px;padding:14px;border-radius:18px;background:var(--games-surface-2);border:1px solid rgba(70,42,26,.12)}.realm-spirit-grid{grid-template-columns:1fr}
.realm-basecamp-screen{position:absolute;inset:0;z-index:12;overflow:hidden;background:linear-gradient(180deg,#b7d9ff 0%,#dbecc8 24%,#90b16b 62%,#6d8e48 63%,var(--games-page-mid) 100%)}.realm-basecamp-screen[hidden]{display:none!important}.realm-basecamp-screen::before{content:"";position:absolute;left:-5%;right:-5%;bottom:118px;height:220px;background:radial-gradient(circle at 14% 100%,#557b3f 0 120px,transparent 121px),radial-gradient(circle at 40% 100%,#486c36 0 160px,transparent 161px),radial-gradient(circle at 70% 100%,#4f7540 0 140px,transparent 141px),radial-gradient(circle at 92% 100%,#456834 0 110px,transparent 111px);opacity:.95}.realm-basecamp-screen::after{content:"";position:absolute;left:0;right:0;bottom:0;height:132px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(67,45,23,.12) 12%,rgba(78,53,29,.72) 13%,rgba(61,40,22,.96) 100%)}.realm-basecamp-copy{position:absolute;left:20px;top:20px;z-index:2;display:grid;gap:10px;max-width:360px;color:var(--games-ink)}.realm-basecamp-copy h4{margin:0;font-size:34px;line-height:1;font-family:var(--font-soft)}.realm-camp-grid{position:absolute;left:0;right:0;top:150px;bottom:36px;z-index:2}.realm-camp-tent{position:absolute;width:31%;min-height:92px;border:none;background:none;cursor:pointer;color:var(--games-ink);text-align:center}.realm-camp-tent strong{display:block;margin-top:54px;font-size:15px}.realm-camp-tent span{display:block;margin:4px auto 0;max-width:190px;font-size:12px;color:#6b5949;line-height:1.3}.realm-camp-tent::before{content:"";position:absolute;left:50%;top:8px;width:86px;height:64px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,var(--games-page-mid) 0%,#8e5b35 55%,#5b3622 100%);border:1px solid rgba(65,38,22,.22);filter:drop-shadow(0 12px 14px rgba(44,25,14,.22))}.realm-camp-tent::after{content:"";position:absolute;left:50%;top:42px;width:26px;height:30px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 100%,0 100%);background:#3f2518;opacity:.78}.realm-camp-tent.is-primary::before{background:linear-gradient(135deg,#efc47d 0%,#bd7a3e 55%,#6f4226 100%)}.realm-camp-tent.is-locked{opacity:.56;cursor:not-allowed}.realm-camp-tent:nth-child(1){left:6%;top:48px}.realm-camp-tent:nth-child(2){left:36%;top:22px}.realm-camp-tent:nth-child(3){right:6%;top:48px}.realm-camp-tent:nth-child(4){left:12%;top:210px}.realm-camp-tent:nth-child(5){left:36%;top:188px}.realm-camp-tent:nth-child(6){right:12%;top:210px}
@media(max-width:760px){#realmSceneFrame{min-height:940px}.ninja-scene{min-height:940px!important}.realm-utility{left:12px!important;right:12px!important;justify-content:flex-start!important}.realm-top-strip{left:12px;right:12px;top:104px}.realm-scene-caption{left:12px;top:66px}.realm-enemy-status{left:12px;right:12px;top:208px;width:auto}.ninja-scene__runner{width:168px!important;left:7%!important;bottom:178px!important}.ninja-scene__enemy{width:164px!important;bottom:176px!important}.realm-drawer{inset:10px!important;width:auto!important}.realm-stats-grid{grid-template-columns:1fr}.realm-basecamp-copy{left:12px;top:88px;max-width:300px}.realm-camp-grid{top:220px;bottom:20px;overflow:auto;padding:0 12px}.realm-camp-tent{position:relative!important;left:auto!important;right:auto!important;top:auto!important;display:block!important;width:100%!important;min-height:88px;margin:0 0 8px}.realm-camp-tent strong{margin-top:50px}}

/* --- Realm refresh layout --- */
#ninjaPanel .realm-window{padding:0!important;min-height:0!important;background:none!important;border:none!important;box-shadow:none!important}
#ninjaPanel #realmSceneFrame{position:relative;min-height:760px;height:min(78vw,880px);max-height:880px;aspect-ratio:16/9;background:#17301e;border-radius:30px;overflow:hidden;border:1px solid rgba(70,42,26,.24);box-shadow:0 24px 54px -34px rgba(25,14,8,.58), inset 0 0 0 1px rgba(255,255,255,.12)}
#ninjaPanel #realmSceneFrame:fullscreen{width:100vw!important;height:100vh!important;max-height:none!important;min-height:100vh!important;border-radius:0!important}
#ninjaPanel .ninja-scene,#ninjaPanel .realm-basecamp-screen,#ninjaPanel .realm-exploration-screen{position:absolute!important;inset:0!important;min-height:100%!important}
#ninjaPanel .ninja-scene{background:linear-gradient(180deg,rgba(9,22,10,.18),rgba(9,22,10,.04)),#224a29!important}
#ninjaPanel .ninja-scene__layer{background-image:url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg")!important;background-repeat:no-repeat!important;background-size:100% 100%!important;animation:ninjaPanLoop 18s linear infinite!important;opacity:1!important}
#ninjaPanel .ninja-scene__layer--a{left:0!important;filter:brightness(.96)}
#ninjaPanel .ninja-scene__layer--b{left:100%!important;filter:brightness(1.03)}
#ninjaPanel .ninja-scene__lane{height:160px!important;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.08) 24%,rgba(84,58,30,.72) 100%)!important}
#ninjaPanel .ninja-scene__runner,#ninjaPanel .ninja-scene__enemy{bottom:118px!important;z-index:4!important;filter:drop-shadow(0 18px 20px rgba(10,8,6,.34))}
#ninjaPanel .ninja-scene__runner{left:11%!important;width:230px!important}
#ninjaPanel .ninja-scene__enemy{right:8%!important;width:212px!important}
#ninjaPanel .ninja-scene.is-boss .ninja-scene__enemy{width:252px!important;right:5%!important}
#ninjaPanel .realm-utility{position:absolute!important;top:16px!important;right:18px!important;z-index:16!important;display:flex!important;gap:10px!important;align-items:flex-start!important;justify-content:flex-end!important;flex-wrap:nowrap!important}
#ninjaPanel .realm-fab{min-width:82px!important;color:#fff6ed!important;text-shadow:0 1px 3px rgba(0,0,0,.42)!important}
#ninjaPanel .realm-fab__icon{width:58px!important;height:58px!important;background:linear-gradient(180deg,#f1dcbf,var(--games-page-mid))!important;border:1px solid rgba(90,61,37,.34)!important;box-shadow:0 14px 28px -18px rgba(0,0,0,.56)!important;color:var(--games-ink)!important}
#ninjaPanel .realm-fab__label{font-size:13px!important;line-height:1.15!important;color:#fff8ee!important;max-width:96px!important}
#ninjaPanel .realm-top-strip{position:absolute!important;left:18px!important;top:18px!important;right:300px!important;z-index:14!important;display:grid!important;grid-template-columns:auto 8px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:13px 18px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(248,241,230,.94),rgba(233,220,202,.92))!important;border:1px solid rgba(86,59,35,.22)!important;box-shadow:0 18px 28px -22px rgba(25,14,8,.52)!important;backdrop-filter:blur(5px)}
#ninjaPanel .realm-top-strip--camp,#ninjaPanel .realm-top-strip--exploration{grid-template-columns:auto!important}
#ninjaPanel .realm-route-meta{display:grid;gap:2px;min-width:180px}
#ninjaPanel .realm-route-meta strong{font:900 20px/1 var(--font-soft);color:#5e341f}
#ninjaPanel .realm-route-meta span{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#7b5c45;font-weight:900}
#ninjaPanel .realm-bar-divider{width:1px;height:42px;background:rgba(90,58,33,.16);display:block}
#ninjaPanel .realm-top-strip__meta{font-weight:900!important;color:var(--games-ink)!important;font-size:15px!important;line-height:1.35!important}
#ninjaPanel .realm-top-strip .xp-bar{height:13px!important;border-radius:999px!important;overflow:hidden!important;background:rgba(70,42,26,.14)!important;border:1px solid rgba(70,42,26,.08)!important;margin-top:6px}
#ninjaPanel .realm-top-strip .xp-fill{background:linear-gradient(90deg,#7b4a27 0%,#d39c5c 100%)!important}
#ninjaPanel .realm-enemy-status{position:absolute!important;right:26px!important;top:104px!important;width:min(340px,26vw)!important;z-index:15!important;display:grid!important;gap:8px!important;padding:12px 14px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(248,241,230,.94),rgba(233,220,202,.92))!important;border:1px solid rgba(86,59,35,.22)!important;box-shadow:0 18px 28px -24px rgba(25,14,8,.52)!important}
#ninjaPanel .realm-enemy-status__name{font-size:18px!important;color:var(--games-ink)!important;text-align:center!important}
#ninjaPanel .realm-meter{height:18px!important;background:rgba(84,62,46,.17)!important}
#ninjaPanel .realm-meter__text{font-size:12px!important}
#ninjaPanel #ninjaManualStrikeBtn{position:absolute!important;left:18px!important;bottom:18px!important;z-index:18!important;min-width:88px!important;min-height:88px!important;border-radius:50%!important;padding:12px!important;background:radial-gradient(circle at 28% 22%,#fff4cf 0,#dfa154 58%,#8d562f 100%)!important;border:2px solid rgba(77,42,18,.34)!important;box-shadow:0 20px 38px -18px rgba(20,12,6,.66)!important;color:#341c0e!important;font-weight:900!important}
#ninjaPanel .realm-offline-toast{z-index:18!important}
#ninjaPanel .realm-drawer{top:18px!important;right:18px!important;bottom:18px!important;width:min(460px,calc(100% - 36px))!important;padding:18px!important;background:linear-gradient(180deg,rgba(248,241,230,.985),rgba(235,223,207,.985))!important;border:1px solid rgba(86,59,35,.24)!important;border-radius:28px!important;box-shadow:0 28px 46px -26px rgba(20,12,6,.62)!important;backdrop-filter:blur(8px)!important;z-index:24!important}
#ninjaPanel .realm-drawer__head h4{margin:0 0 6px;color:var(--games-ink)}
#ninjaPanel .realm-close-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(86,59,35,.22);background:#f5eadb;color:#5a341f;font-size:24px;cursor:pointer}
#ninjaPanel .realm-tab-row{display:flex;flex-wrap:wrap;gap:8px}
#ninjaPanel .realm-tab-btn{border-radius:999px!important;background:#f6ecdf!important;border:1px solid rgba(86,59,35,.16)!important;color:#5a3c29!important;font-weight:900!important}
#ninjaPanel .realm-tab-btn.is-active{background:linear-gradient(180deg,#f2dcc0,#dda86b)!important;border-color:#9a6b44!important;color:var(--games-ink)!important}
#ninjaPanel .realm-basecamp-screen{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),url("/systems/baseline-games-hub/games/baseline-realm/basecamp/art/basecamp-settlement.svg") center center/cover no-repeat!important;z-index:10!important}
#ninjaPanel .realm-basecamp-screen::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.18),transparent 30%),linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.06) 80%,rgba(0,0,0,.18));pointer-events:none}
#ninjaPanel .realm-location-button{position:absolute;z-index:12;display:grid;gap:4px;align-content:end;min-width:170px;padding:72px 16px 14px;border:none;background:none;color:#3f2717;text-align:center;cursor:pointer;transition:transform .18s ease,filter .18s ease,opacity .18s ease}
#ninjaPanel .realm-location-button span{font-weight:900;font-size:18px;line-height:1.05;text-shadow:0 1px 0 rgba(255,255,255,.34)}
#ninjaPanel .realm-location-button small{font-size:12px;line-height:1.3;color:#553826;opacity:.88}
#ninjaPanel .realm-location-button::before,#ninjaPanel .realm-location-button::after{content:"";position:absolute;left:50%;transform:translateX(-50%);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
#ninjaPanel .realm-location-button:hover,#ninjaPanel .realm-location-button:focus-visible{transform:translateY(-4px);outline:none;filter:brightness(1.05)}
#ninjaPanel .realm-location-button:hover::before,#ninjaPanel .realm-location-button:focus-visible::before{box-shadow:0 0 0 6px rgba(255,230,172,.22),0 16px 20px -16px rgba(0,0,0,.36)}
#ninjaPanel .realm-location-button--ninja{left:8%;top:50%}
#ninjaPanel .realm-location-button--ninja::before{top:12px;width:140px;height:86px;background:linear-gradient(180deg,#ba8a4e,#7d522d);clip-path:polygon(0 64%,44% 64%,44% 42%,70% 42%,100% 0,100% 30%,76% 54%,76% 78%,0 78%);border-radius:18px}
#ninjaPanel .realm-location-button--ninja::after{top:56px;width:58px;height:8px;background:#5d3b1f;border-radius:999px}
#ninjaPanel .realm-location-button--workshop{left:34%;top:42%}
#ninjaPanel .realm-location-button--workshop::before{top:0;width:164px;height:106px;background:linear-gradient(180deg,#8b5d36,#6e4328);clip-path:polygon(12% 42%,50% 0,88% 42%,88% 88%,12% 88%);border-radius:10px}
#ninjaPanel .realm-location-button--workshop::after{top:48px;width:30px;height:42px;background:#5c3922;box-shadow:-46px -6px 0 -12px #cbb892,46px -6px 0 -12px #cbb892}
#ninjaPanel .realm-location-button--merchant{left:60%;top:49%}
#ninjaPanel .realm-location-button--merchant::before{top:18px;width:168px;height:72px;background:linear-gradient(180deg,#b98a55,#8f6438);border-radius:14px;clip-path:polygon(12% 24%,50% 0,88% 24%,100% 88%,0 88%)}
#ninjaPanel .realm-location-button--merchant::after{top:76px;width:150px;height:10px;background:#7c5c36;border-radius:999px}
#ninjaPanel .realm-location-button--storage{left:20%;top:65%}
#ninjaPanel .realm-location-button--storage::before{top:24px;width:138px;height:78px;background:linear-gradient(180deg,#9c7a4d,#6c4c2b);border-radius:14px}
#ninjaPanel .realm-location-button--storage::after{top:54px;width:64px;height:16px;border:4px solid #d8b57d;border-top-width:0;background:none}
#ninjaPanel .realm-location-button--campfire{left:46%;top:70%}
#ninjaPanel .realm-location-button--campfire::before{top:24px;width:56px;height:56px;background:radial-gradient(circle,#ffd47b 0,#f1b35c 50%,rgba(241,179,92,0) 70%)}
#ninjaPanel .realm-location-button--campfire::after{top:72px;width:76px;height:14px;background:#6b4324;border-radius:999px}
#ninjaPanel .realm-location-button--exploration{right:10%;top:45%}
#ninjaPanel .realm-location-button--exploration::before{top:4px;width:174px;height:112px;border:10px solid #7f6038;border-bottom-width:16px;border-radius:999px 999px 20px 20px;background:none}
#ninjaPanel .realm-location-button--exploration::after{top:52px;width:34px;height:34px;background:#8eb062;border-radius:50%}
#ninjaPanel .realm-exploration-screen{z-index:11!important;background:linear-gradient(180deg,#b9d4f0 0%,#dfe8d0 16%,#9fc06a 17%,#7ca24c 44%,#50753b 45%,#406134 64%,#5d442a 65%,#6b4c2f 100%)!important}
#ninjaPanel .realm-exploration-screen::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.28),transparent 22%),radial-gradient(circle at 80% 12%,rgba(255,255,255,.22),transparent 18%);pointer-events:none}
#ninjaPanel .realm-exploration-map{position:absolute;left:7%;right:7%;top:32%;height:140px;z-index:12}
#ninjaPanel .realm-exploration-progress{position:absolute;left:0;right:0;top:56px;height:16px;border-radius:999px;background:rgba(77,53,31,.18);border:1px solid rgba(77,53,31,.18);overflow:hidden}
#ninjaPanel .realm-exploration-progress__fill{height:100%;width:0%;background:linear-gradient(90deg,#7b4a27 0%,#d49d5a 100%)}
#ninjaPanel .realm-exploration-nodes{position:absolute;left:0;right:0;top:32px;display:flex;justify-content:space-between;align-items:center}
#ninjaPanel .realm-explore-node{width:42px;height:42px;border-radius:50%;background:#f4e7d3;border:3px solid rgba(100,68,38,.36);box-shadow:0 8px 18px -14px rgba(0,0,0,.4)}
#ninjaPanel .realm-explore-node.is-cleared{background:#dba868}
#ninjaPanel .realm-explore-node.is-current{transform:scale(1.1);box-shadow:0 0 0 8px rgba(255,235,177,.22),0 8px 18px -12px rgba(0,0,0,.5)}
#ninjaPanel .realm-explore-node--boss{width:58px;height:58px;background:#7f4a3a;border-color:#4f2c24}
#ninjaPanel .realm-explore-node--boss.is-cleared{background:#d69c57}
#ninjaPanel .realm-exploration-overlay{position:absolute;left:18px;right:18px;bottom:18px;z-index:14;display:grid;gap:14px}
#ninjaPanel .realm-exploration-copy{max-width:640px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(248,241,230,.94),rgba(233,220,202,.92));border:1px solid rgba(86,59,35,.22);box-shadow:0 18px 28px -24px rgba(25,14,8,.52)}
#ninjaPanel .realm-exploration-copy h4{margin:0 0 6px;color:var(--games-ink);font-size:30px;line-height:1;font-family:var(--font-soft)}
#ninjaPanel .realm-exploration-copy p{margin:0;color:#5a3d2a;line-height:1.5}
#ninjaPanel .realm-exploration-enemy{width:min(360px,36vw);padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(248,241,230,.94),rgba(233,220,202,.92));border:1px solid rgba(86,59,35,.22);box-shadow:0 18px 28px -24px rgba(25,14,8,.52)}
#ninjaPanel .realm-exploration-actions{display:flex;gap:10px;flex-wrap:wrap}
#ninjaPanel .realm-drawer-pane{display:grid;gap:12px}
#ninjaPanel .realm-manage-grid{display:grid;gap:10px}
#ninjaPanel .realm-manage-card{display:grid;gap:6px;padding:14px;border-radius:18px;background:#fff8ef;border:1px solid rgba(70,42,26,.12)}
#ninjaPanel .realm-manage-card .inline-note{margin-top:2px}
#ninjaPanel .realm-workshop-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
#ninjaPanel .realm-badge-row{display:flex;gap:8px;flex-wrap:wrap}
#ninjaPanel .realm-badge{padding:8px 10px;border-radius:999px;background:var(--games-surface-2);border:1px solid rgba(70,42,26,.12);font-weight:900;color:var(--games-ink)}
#ninjaPanel .realm-inline-actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:900px){#ninjaPanel #realmSceneFrame{height:min(90vw,860px)}#ninjaPanel .realm-top-strip{right:18px!important;top:92px!important}#ninjaPanel .realm-utility{top:16px!important;left:18px!important;right:18px!important;justify-content:flex-start!important;flex-wrap:wrap!important}#ninjaPanel .realm-enemy-status{top:178px!important;right:18px!important;left:18px!important;width:auto!important}#ninjaPanel .ninja-scene__runner{left:7%!important;width:180px!important;bottom:144px!important}#ninjaPanel .ninja-scene__enemy{width:176px!important;bottom:146px!important}#ninjaPanel .realm-location-button{transform:scale(.9)}#ninjaPanel .realm-location-button--ninja{left:4%;top:48%}#ninjaPanel .realm-location-button--workshop{left:31%;top:40%}#ninjaPanel .realm-location-button--merchant{left:56%;top:48%}#ninjaPanel .realm-location-button--storage{left:14%;top:66%}#ninjaPanel .realm-location-button--campfire{left:41%;top:72%}#ninjaPanel .realm-location-button--exploration{right:4%;top:44%}}
@media (max-width:760px){#ninjaPanel #realmSceneFrame{height:980px;min-height:980px}#ninjaPanel .realm-top-strip{left:12px!important;right:12px!important;top:114px!important;grid-template-columns:1fr!important}#ninjaPanel .realm-bar-divider{display:none!important}#ninjaPanel .realm-utility{top:12px!important;left:12px!important;right:12px!important;gap:8px!important}#ninjaPanel .realm-fab{min-width:72px!important}#ninjaPanel .realm-fab__icon{width:52px!important;height:52px!important}#ninjaPanel .realm-enemy-status{left:12px!important;right:12px!important;top:210px!important}#ninjaPanel .ninja-scene__runner{left:8%!important;width:160px!important;bottom:164px!important}#ninjaPanel .ninja-scene__enemy{width:156px!important;bottom:164px!important}#ninjaPanel #ninjaManualStrikeBtn{left:12px!important;bottom:12px!important;min-width:76px!important;min-height:76px!important}#ninjaPanel .realm-drawer{inset:10px!important;width:auto!important}#ninjaPanel .realm-exploration-map{left:10px;right:10px;top:300px}#ninjaPanel .realm-exploration-overlay{left:12px;right:12px;bottom:12px}#ninjaPanel .realm-exploration-enemy{width:auto}#ninjaPanel .realm-location-button{left:12px!important;right:12px!important;width:auto!important;min-width:0!important;position:relative!important;top:auto!important;transform:none!important;padding-top:64px}#ninjaPanel .realm-basecamp-screen{padding:214px 0 18px;overflow:auto}#ninjaPanel .realm-location-button--exploration{margin-bottom:8px}}

/* --- Existing Games Hub system stylesheet --- */
/* EDIT_VERSION_20260607_REALM_ART_REFRESH */
/* ============================================================================
   Baseline Games Hub — SITEWIDE GAME CONTRACT
   Edit: 20260606_games_blue_flyout_authority

   One dominant coding layer for all games. Hidden sub-tabs must stay hidden.
   - Game card = game window / mobile root.
   - Board/scene = play surface only.
   - Round Status stays inside the game window.
   - Start New Game + Auto-Next sit together at the bottom-right of the game window.
   - Start New Game uses Alt+N; Auto-Next Game uses Alt+A.
   - Every game opens with the same idle-card pattern until active play begins.
   - All panels, text boxes, game rows, and controls sit inside the Games Hub mirrored gradient family.
   ============================================================================ */

body[data-app="games"]{
  --games-page-deep:#253B5F;
  --games-page-mid:#577199;
  --games-page-soft:#8EA4C2;
  --games-page-light:#B8C8E0;
  --games-accent:#577199;
  --games-ink:#172033;
  --games-muted:#3E485D;
  --games-border:rgba(24,32,51,.32);
  --games-border-strong:rgba(24,32,51,.48);
  --games-shadow:0 22px 48px -30px rgba(12,18,32,.52);
  --games-page-gradient:linear-gradient(90deg,
    var(--games-page-deep) 0%,
    var(--games-page-mid) 18%,
    var(--games-page-soft) 36%,
    var(--games-page-light) 50%,
    var(--games-page-soft) 64%,
    var(--games-page-mid) 82%,
    var(--games-page-deep) 100%
  );
  --games-card:#8EA4C2;
  --games-panel:#B8C8E0;
  --games-panel-2:#9FB2CE;
  --games-control:#6F88AD;
  --games-control-active:#577199;
  --games-play:#7F96B9;
  --games-play-deep:#4E668D;
  --games-surface-gradient:linear-gradient(135deg,rgba(184,200,224,.96) 0%,rgba(142,164,194,.92) 42%,rgba(127,150,185,.84) 70%,rgba(126,135,158,.48) 100%);
  --games-control-gradient:linear-gradient(135deg,rgba(184,200,224,.98) 0%,rgba(111,136,173,.78) 55%,rgba(126,135,158,.35) 100%);
  --games-active-gradient:linear-gradient(135deg,rgba(111,136,173,.96) 0%,rgba(184,200,224,.90) 58%,rgba(126,135,158,.42) 100%);
  --games-row-gradient:linear-gradient(90deg,rgba(184,200,224,.96) 0%,rgba(142,164,194,.88) 44%,rgba(126,135,158,.50) 100%);
  --games-input-gradient:linear-gradient(180deg,rgba(184,200,224,.96) 0%,rgba(142,164,194,.88) 62%,rgba(127,150,185,.78) 100%);
  --ink:var(--games-ink)!important;
  --muted:var(--games-muted)!important;
  --accent:var(--games-accent)!important;
  --accent-2:var(--games-ink)!important;
  --border:var(--games-border)!important;
  --border-2:var(--games-border-strong)!important;
  --shadow:var(--games-shadow)!important;
  --shadow-soft:var(--games-shadow)!important;
  --page-bg:var(--games-page-gradient)!important;
  --hero-bg:var(--games-page-gradient)!important;
  --homebar-bg:var(--games-page-gradient)!important;
  --header-gradient:var(--games-page-gradient)!important;
  --card-bg:var(--games-card)!important;
  --showall-bg:var(--games-control)!important;
  --showall-border:var(--games-border)!important;
}

html[data-app="games"],
body[data-app="games"],
body[data-app="games"] .bl-scroll{
  background:var(--games-page-gradient)!important;
  background-size:100% 100%!important;
  color:var(--games-ink)!important;
}

body[data-app="games"] *,
body[data-app="games"] *::before,
body[data-app="games"] *::after{ box-sizing:border-box; }

body[data-app="games"] .card,
body[data-app="games"] .game-card,
body[data-app="games"] .game-panel .card{
  background:var(--games-card)!important;
  border:1px solid var(--games-border-strong)!important;
  color:var(--games-ink)!important;
  box-shadow:var(--games-shadow)!important;
}

body[data-app="games"] h1,
body[data-app="games"] h2,
body[data-app="games"] h3,
body[data-app="games"] h4,
body[data-app="games"] strong,
body[data-app="games"] .trackcoin-level-title,
body[data-app="games"] .trackcoin-status strong,
body[data-app="games"] .stat-pill,
body[data-app="games"] .tier-btn,
body[data-app="games"] .game-row h3{
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  text-shadow:none!important;
}

body[data-app="games"] .note,
body[data-app="games"] .inline-note,
body[data-app="games"] .game-row p,
body[data-app="games"] .skill-item p,
body[data-app="games"] .game-summary-row{
  color:var(--games-muted)!important;
  -webkit-text-fill-color:var(--games-muted)!important;
}

body[data-app="games"] .progress-shell,
body[data-app="games"] .summary-box,
body[data-app="games"] .round-status-card,
body[data-app="games"] .skill-item,
body[data-app="games"] .trackcoin-stat-card,
body[data-app="games"] .game-summary-details,
body[data-app="games"] .game-summary-body,
body[data-app="games"] .empty-box{
  background:linear-gradient(180deg,var(--games-panel) 0%,var(--games-card) 100%)!important;
  border:1px solid var(--games-border)!important;
  color:var(--games-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 28px -24px rgba(12,18,32,.42)!important;
}

body[data-app="games"] .action,
body[data-app="games"] .action.secondary,
body[data-app="games"] .action.ghost,
body[data-app="games"] .tab,
body[data-app="games"] .game-toggle-btn,
body[data-app="games"] .tier-btn,
body[data-app="games"] .stat-pill,
body[data-app="games"] .mobile-game-key,
body[data-app="games"] .mobile-game-exit{
  background:var(--games-control)!important;
  border:1px solid var(--games-border)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  text-shadow:none!important;
  box-shadow:0 10px 22px -20px rgba(12,18,32,.38)!important;
}

body[data-app="games"] .tab[aria-selected="true"],
body[data-app="games"] .game-toggle-btn.is-active,
body[data-app="games"] .tier-btn.active,
body[data-app="games"] .auto-next-toggle[aria-pressed="true"]{
  background:var(--games-control-active)!important;
  border-color:rgba(24,32,51,.56)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}

body[data-app="games"] .xp-bar,
body[data-app="games"] .meter{
  background:#65708B!important;
  border:1px solid rgba(24,32,51,.36)!important;
}
body[data-app="games"] .xp-fill,
body[data-app="games"] .meter-fill{
  background:linear-gradient(90deg,#3B466E 0%,#68728D 45%,#B9C9E2 100%)!important;
}

body[data-app="games"] .game-shell,
body[data-app="games"] .game-panel-stack{
  display:grid!important;
  gap:18px!important;
}

body[data-app="games"] .game-card[hidden]{
  display:none!important;
}

body[data-app="games"] .game-card:not([hidden]){
  display:grid!important;
  gap:16px!important;
}

body[data-app="games"] .game-play-root{
  position:relative!important;
  min-width:0!important;
  max-width:100%!important;
}

body[data-app="games"] .game-play-window,
body[data-app="games"] .board-wrap,
body[data-app="games"] .trackcoin-board{
  display:grid!important;
  gap:14px!important;
  min-width:0!important;
  max-width:100%!important;
}

body[data-app="games"] .game-play-surface{
  min-width:0!important;
  max-width:100%!important;
  outline:none!important;
}

body[data-app="games"] .round-status-card{
  border-radius:18px!important;
  padding:14px 16px!important;
}

body[data-app="games"] .game-window-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  margin-top:2px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(24,32,51,.20)!important;
}
body[data-app="games"] .game-window-actions .action{ min-width:154px!important; }

body[data-app="games"] .formula-box,
body[data-app="games"] .word-box,
body[data-app="games"] .solution-box,
body[data-app="games"] .clue-bar,
body[data-app="games"] .number-chip,
body[data-app="games"] .letter-cell{
  background:linear-gradient(180deg,var(--games-panel) 0%,var(--games-card) 100%)!important;
  border-color:var(--games-border)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}

body[data-app="games"] .memory-card{
  background:#65708B!important;
  border-color:rgba(24,32,51,.42)!important;
  box-shadow:0 14px 28px -24px rgba(12,18,32,.58)!important;
}
body[data-app="games"] .memory-card-back{
  background:linear-gradient(180deg,#68728D 0%,#3B466E 100%)!important;
  color:#F7F0E3!important;
  -webkit-text-fill-color:#F7F0E3!important;
}
body[data-app="games"] .memory-card-front{
  background:linear-gradient(180deg,#9FB2CE 0%,#7F96B9 54%,#6F87AA 100%)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}

/* Track The Coin follows the same game contract as Pairs. */
body[data-app="games"] #trackCoinGamePanel{
  background:var(--games-card)!important;
  color:var(--games-ink)!important;
}
body[data-app="games"] #trackCoinBoard.trackcoin-board{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body[data-app="games"] .trackcoin-scene{
  display:grid!important;
  grid-template-rows:auto auto minmax(300px,1fr)!important;
  gap:12px!important;
  min-height:390px!important;
  padding:18px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#9FB2CE 0%,#8EA4C2 50%,#7F96B9 100%)!important;
  border:1px solid rgba(24,32,51,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 16px 32px -26px rgba(12,18,32,.50)!important;
  overflow:hidden!important;
}
body[data-app="games"] .trackcoin-scene::before,
body[data-app="games"] .trackcoin-scene::after,
body[data-app="games"] .trackcoin-lane::before,
body[data-app="games"] .trackcoin-lane::after{
  content:none!important;
  display:none!important;
}
body[data-app="games"] .trackcoin-game-status{
  margin:0!important;
  background:linear-gradient(180deg,#9FB2CE 0%,#8EA4C2 100%)!important;
  border:1px solid rgba(24,32,51,.38)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}
body[data-app="games"] .trackcoin-game-status.trackcoin-status-result--correct{
  box-shadow:0 0 0 3px rgba(82,122,87,.24),0 14px 28px -24px rgba(12,18,32,.42)!important;
}
body[data-app="games"] .trackcoin-game-status.trackcoin-status-result--missed{
  box-shadow:0 0 0 3px rgba(122,69,69,.22),0 14px 28px -24px rgba(12,18,32,.42)!important;
}
body[data-app="games"] .trackcoin-status{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  background:transparent!important;
  padding:2px 4px 0!important;
  text-shadow:none!important;
  font-weight:900!important;
  position:relative!important;
  z-index:3!important;
}
body[data-app="games"] .trackcoin-status strong{
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}
body[data-app="games"] .trackcoin-status .inline-note{
  color:var(--games-muted)!important;
  -webkit-text-fill-color:var(--games-muted)!important;
}
body[data-app="games"] .trackcoin-lane{
  position:relative!important;
  display:block!important;
  height:340px!important;
  min-height:340px!important;
  border-radius:18px!important;
  background:radial-gradient(circle at 50% 44%,rgba(184,200,224,.22),transparent 34%),linear-gradient(180deg,#7F96B9 0%,#6F87AA 44%,#65708B 100%)!important;
  border:1px solid rgba(24,32,51,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -18px 28px rgba(46,56,92,.20)!important;
  overflow:hidden!important;
}
body[data-app="games"] .trackcoin-lane--idle{
  display:grid!important;
  place-items:center!important;
}
body[data-app="games"] .trackcoin-idle-cue{
  max-width:420px!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  background:rgba(216,209,195,.72)!important;
  border:1px solid rgba(24,32,51,.24)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  font-weight:900!important;
  text-align:center!important;
}
body[data-app="games"] .trackcoin-item-token{
  position:absolute!important;
  transform:translate(-50%,-50%)!important;
  width:46px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:radial-gradient(circle at 34% 28%,#F3F0EA 0%,var(--games-page-soft) 45%,var(--games-page-mid) 100%)!important;
  border:2px solid rgba(24,32,51,.38)!important;
  color:#4a340d!important;
  -webkit-text-fill-color:#4a340d!important;
  font-size:0!important;
  box-shadow:0 10px 20px -14px rgba(12,18,32,.65)!important;
  pointer-events:none!important;
  z-index:2!important;
}
body[data-app="games"] .trackcoin-item-token::before{
  content:""!important;
  width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  border:3px solid rgba(74,52,13,.46)!important;
  background:rgba(255,246,186,.28)!important;
}
body[data-app="games"] .trackcoin-item-token.is-hidden{display:none!important;}
body[data-app="games"] .trackcoin-cup{
  position:absolute!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:rgba(142,164,194,.24)!important;
  width:clamp(88px,9vw,116px)!important;
  height:clamp(118px,11vw,144px)!important;
  padding:0!important;
  border-radius:18px 18px 34px 34px!important;
  background:linear-gradient(180deg,#596B91 0%,#3B466E 54%,#26314F 100%)!important;
  border:1px solid rgba(24,32,51,.58)!important;
  box-shadow:0 18px 28px -22px rgba(12,18,32,.70), inset 0 1px 0 rgba(255,255,255,.18)!important;
  clip-path:polygon(18% 0%,82% 0%,100% 88%,92% 100%,8% 100%,0% 88%)!important;
  transform:translateX(-50%) translateY(0) rotate(var(--cup-tilt,0deg))!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
  z-index:3!important;
}
body[data-app="games"] .trackcoin-cup::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:7px!important;
  right:7px!important;
  bottom:5px!important;
  height:24px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#6F7EA1 0%,#293453 100%)!important;
  border:1px solid rgba(184,200,224,.22)!important;
  pointer-events:none!important;
}
body[data-app="games"] .trackcoin-cup::after{
  content:none!important;
  display:none!important;
}
body[data-app="games"] .trackcoin-scene.is-busy .trackcoin-cup{
  transition:none!important;
  will-change:left,top,transform;
  transform:translateX(-50%) translateZ(0) rotate(var(--cup-tilt,0deg))!important;
  backface-visibility:hidden;
}
body[data-app="games"] .trackcoin-cup.is-lifted{
  transform:translateX(-50%) translateY(-46px) rotate(var(--cup-tilt,0deg))!important;
}
body[data-app="games"] .trackcoin-cup.is-selectable{ cursor:pointer!important; }
body[data-app="games"] .trackcoin-cup.is-selectable:hover{ filter:brightness(1.06)!important; }
body[data-app="games"] .trackcoin-cup.is-picked{ outline:3px solid rgba(142,164,194,.88)!important; outline-offset:3px!important; }
body[data-app="games"] .trackcoin-cup.is-correct{ box-shadow:0 0 0 4px rgba(82,122,87,.36),0 18px 30px -22px rgba(12,18,32,.70), inset 0 1px 0 rgba(255,255,255,.22)!important; }
body[data-app="games"] .trackcoin-cup.is-wrong.is-picked{ box-shadow:0 0 0 4px rgba(122,69,69,.30),0 18px 30px -22px rgba(12,18,32,.70), inset 0 1px 0 rgba(255,255,255,.22)!important; }

.mobile-game-keypad,.mobile-game-exit{ display:none; }
.games-list-group{display:flex;align-items:center;gap:10px;margin:8px 0 2px;color:var(--games-ink);font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:13px;}
.games-list-group::after{content:"";height:1px;flex:1;background:rgba(24,32,51,.24);}

body[data-app="games"] .game-play-root:fullscreen{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  overflow:auto!important;
  background:var(--games-page-gradient)!important;
  padding:16px!important;
  border-radius:0!important;
}
body[data-app="games"] .game-play-root:fullscreen .mobile-game-keypad{display:grid;}

@media (max-width:820px), (hover:none) and (pointer:coarse){
  body.bl-mobile-game-mode{overflow:hidden!important;touch-action:manipulation;background:var(--games-page-gradient)!important;}
  body.bl-mobile-game-mode .bl-homebar,
  body.bl-mobile-game-mode .hero{display:none!important;}
  body.bl-mobile-game-mode .bl-scroll{top:0!important;overflow:hidden!important;background:var(--games-page-gradient)!important;}
  body.bl-mobile-game-mode .section:not(#games),
  body.bl-mobile-game-mode #gamesOverviewCard,
  body.bl-mobile-game-mode .game-panel:not(.is-active){display:none!important;}
  body[data-app="games"] .is-mobile-game-root{
    position:fixed!important;
    inset:0!important;
    z-index:24000!important;
    width:100vw!important;
    height:100svh!important;
    max-width:none!important;
    min-height:100svh!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(14px + env(safe-area-inset-bottom,0px))!important;
    background:var(--games-page-gradient)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    display:grid!important;
    gap:10px!important;
    align-content:start!important;
  }
  body[data-app="games"] .is-mobile-game-root .mobile-game-exit{
    display:inline-flex!important;
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    width:100%!important;
    min-height:48px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    font-size:16px!important;
    font-weight:950!important;
  }
  body[data-app="games"] .is-mobile-game-root .game-window-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:18!important;
    background:linear-gradient(180deg,rgba(59,70,110,0),rgba(59,70,110,.92) 38%,rgba(59,70,110,.98) 100%)!important;
    padding:12px 0 calc(4px + env(safe-area-inset-bottom,0px))!important;
    justify-content:flex-end!important;
  }
  body[data-app="games"] .game-window-actions .action{min-width:min(46vw,180px)!important;flex:0 1 auto!important;}
  .mobile-game-keypad{display:grid;gap:7px;margin-top:10px;padding:10px;border-radius:18px;border:1px solid var(--games-border);background:var(--games-play);box-shadow:var(--games-shadow);}
  .mobile-word-keypad{grid-template-columns:repeat(7,minmax(0,1fr));}
  .mobile-make24-keypad{grid-template-columns:repeat(4,minmax(0,1fr));}
  .mobile-game-key{min-height:44px;border-radius:14px;font-weight:950;font-size:18px;touch-action:manipulation;}
  .mobile-game-key--submit{grid-column:span 2;background:var(--games-accent)!important;}
  .mobile-game-key--utility{font-size:15px;}
  #wordGuessInput[readonly],#make24ExpressionInput[readonly]{caret-color:transparent;user-select:none;-webkit-user-select:none;}
  .word-row{justify-content:center!important;grid-template-columns:repeat(var(--letters,5),minmax(0,44px))!important;gap:6px!important;}
  .letter-cell{width:44px!important;height:44px!important;font-size:18px!important;}
  .numbers-strip{justify-content:center!important;gap:8px!important;}
  .number-chip{min-width:54px!important;min-height:54px!important;font-size:24px!important;}
  .board-grid[data-game-play-surface="pairs"]{gap:7px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;}
  .board-grid[data-game-play-surface="pairs"] .memory-card{min-height:clamp(58px,17vw,86px)!important;border-radius:14px!important;}
  .board-grid[data-game-play-surface="pairs"] .memory-card-face{font-size:clamp(32px,10vw,58px)!important;padding:2px!important;}
  body[data-app="games"] .trackcoin-scene{min-height:auto!important;grid-template-rows:auto auto minmax(330px,1fr)!important;gap:10px!important;}
  body[data-app="games"] .trackcoin-lane{height:clamp(330px,64svh,560px)!important;min-height:330px!important;}
  body[data-app="games"] .trackcoin-cup{width:clamp(72px,19vw,98px)!important;height:clamp(98px,25vw,130px)!important;}
  body[data-app="games"] .trackcoin-cup::before{height:18px!important;bottom:4px!important;}
  body[data-app="games"] .trackcoin-item-token{width:40px!important;height:40px!important;}
}

@media (max-width:420px){
  .mobile-word-keypad{grid-template-columns:repeat(6,minmax(0,1fr));}
  .mobile-game-key{min-height:42px;font-size:16px;}
  .word-row{grid-template-columns:repeat(var(--letters,5),minmax(0,39px))!important;}
  .letter-cell{width:39px!important;height:39px!important;}
  .board-grid[data-game-play-surface="pairs"]{gap:6px!important;}
  .board-grid[data-game-play-surface="pairs"] .memory-card{min-height:clamp(50px,16vw,72px)!important;}
  body[data-app="games"] .trackcoin-lane{height:clamp(286px,60svh,440px)!important;min-height:286px!important;}
}


/* v8 sitewide fit/readability layer: one dominant runtime layer after legacy structural fallback. */
body[data-app="games"] .card,
body[data-app="games"] .game-card,
body[data-app="games"] .game-panel .card{
  padding:clamp(14px,1.5vw,20px)!important;
}
body[data-app="games"] .game-shell,
body[data-app="games"] .game-panel-stack,
body[data-app="games"] .game-board-card,
body[data-app="games"] .board-wrap{
  gap:12px!important;
}
body[data-app="games"] .text-input,
body[data-app="games"] input.text-input,
body[data-app="games"] textarea.text-input{
  background:linear-gradient(180deg,#B8C8E0 0%,#9FB2CE 100%)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  border-color:var(--games-border-strong)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important;
}
body[data-app="games"] .text-input::placeholder{
  color:rgba(23,32,51,.72)!important;
  -webkit-text-fill-color:rgba(23,32,51,.72)!important;
}
body[data-app="games"] .game-window-actions .auto-next-toggle{
  min-width:210px!important;
}
body[data-app="games"] .trackcoin-idle-card{
  min-height:clamp(118px,18vh,180px)!important;
  align-content:center!important;
}
body[data-app="games"] .trackcoin-scene{
  min-height:min(360px,52vh)!important;
  grid-template-rows:auto auto minmax(230px,1fr)!important;
  padding:14px!important;
}
body[data-app="games"] .trackcoin-lane{
  height:min(300px,42vh)!important;
  min-height:240px!important;
}
body[data-app="games"] .trackcoin-cup{
  width:clamp(76px,7vw,100px)!important;
  height:clamp(100px,9vw,126px)!important;
}
body[data-app="games"] .trackcoin-item-token{
  width:40px!important;
  height:40px!important;
}
body[data-app="games"] .ninja-scene{
  min-height:min(260px,42vh)!important;
}
body[data-app="games"] .board-grid[data-game-play-surface="pairs"] .memory-card{
  min-height:clamp(74px,8vw,100px)!important;
}
body[data-app="games"] .word-row{
  grid-template-columns:repeat(var(--letters,5),minmax(0,48px))!important;
}
body[data-app="games"] .letter-cell{
  width:48px!important;
  height:48px!important;
  font-size:20px!important;
}
body[data-app="games"] .number-chip{
  min-width:58px!important;
  min-height:58px!important;
  font-size:24px!important;
}

@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .game-window-actions{
    justify-content:stretch!important;
  }
  body[data-app="games"] .game-window-actions .action{
    flex:1 1 150px!important;
    min-width:0!important;
  }
  body[data-app="games"] .game-window-actions .auto-next-toggle{
    min-width:0!important;
  }
  body[data-app="games"] .trackcoin-scene{
    min-height:auto!important;
    grid-template-rows:auto auto minmax(250px,1fr)!important;
    padding:10px!important;
  }
  body[data-app="games"] .trackcoin-lane{
    height:clamp(260px,52svh,420px)!important;
    min-height:260px!important;
  }
  body[data-app="games"] .trackcoin-cup{
    width:clamp(64px,18vw,90px)!important;
    height:clamp(88px,24vw,118px)!important;
  }
}


/* v10 gradient-fit layer: Food/Skincare-style gradient surfaces without changing the Games Hub identity. */
body[data-app="games"] .hero,
body[data-app="games"] .bl-homebar,
body[data-app="games"] .bl-homebar::before,
body[data-app="games"] .bl-pages-menu{
  background:var(--games-page-gradient)!important;
}
body[data-app="games"] .card,
body[data-app="games"] .game-card,
body[data-app="games"] .game-panel .card,
body[data-app="games"] .progress-shell,
body[data-app="games"] .summary-box,
body[data-app="games"] .round-status-card,
body[data-app="games"] .skill-item,
body[data-app="games"] .trackcoin-stat-card,
body[data-app="games"] .game-summary-details,
body[data-app="games"] .game-summary-body,
body[data-app="games"] .empty-box,
body[data-app="games"] .formula-box,
body[data-app="games"] .word-box,
body[data-app="games"] .solution-box,
body[data-app="games"] .clue-bar,
body[data-app="games"] .number-chip,
body[data-app="games"] .letter-cell{
  background:var(--games-surface-gradient)!important;
  border-color:var(--games-border)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}
body[data-app="games"] .game-summary-details summary,
body[data-app="games"] .game-row{
  background:var(--games-row-gradient)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  border-color:var(--games-border)!important;
}
body[data-app="games"] .action,
body[data-app="games"] .action.secondary,
body[data-app="games"] .action.ghost,
body[data-app="games"] .tab,
body[data-app="games"] .game-toggle-btn,
body[data-app="games"] .tier-btn,
body[data-app="games"] .stat-pill,
body[data-app="games"] .mobile-game-key,
body[data-app="games"] .mobile-game-exit{
  background:var(--games-control-gradient)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  border-color:var(--games-border)!important;
}
body[data-app="games"] .tab[aria-selected="true"],
body[data-app="games"] .game-toggle-btn.is-active,
body[data-app="games"] .tier-btn.active,
body[data-app="games"] .auto-next-toggle[aria-pressed="true"]{
  background:var(--games-active-gradient)!important;
}
body[data-app="games"] .text-input,
body[data-app="games"] input.text-input,
body[data-app="games"] textarea.text-input{
  background:var(--games-input-gradient)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  border-color:var(--games-border-strong)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;
}
body[data-app="games"] .game-shell,
body[data-app="games"] .game-panel-stack,
body[data-app="games"] .game-board-card,
body[data-app="games"] .board-wrap{
  gap:10px!important;
}
body[data-app="games"] .card,
body[data-app="games"] .game-card,
body[data-app="games"] .game-panel .card{
  padding:clamp(12px,1.05vw,18px)!important;
}
body[data-app="games"] .round-status-card,
body[data-app="games"] .summary-box{
  padding:10px 14px!important;
}
body[data-app="games"] .game-window-actions{
  padding-top:10px!important;
  gap:8px!important;
}
body[data-app="games"] .word-box.word-box--active{
  min-height:0!important;
  align-content:start!important;
  gap:8px!important;
  padding:clamp(10px,1vw,14px)!important;
}
body[data-app="games"] .word-grid{
  display:grid!important;
  justify-items:center!important;
  align-content:start!important;
  gap:6px!important;
  min-height:0!important;
}
body[data-app="games"] .word-row{
  justify-content:center!important;
  gap:6px!important;
  grid-template-columns:repeat(var(--letters,5),minmax(0,clamp(36px,4.4vh,46px)))!important;
}
body[data-app="games"] .letter-cell{
  width:clamp(36px,4.4vh,46px)!important;
  height:clamp(36px,4.4vh,46px)!important;
  font-size:clamp(16px,2.1vh,20px)!important;
}
body[data-app="games"] .letter-cell.correct,
body[data-app="games"] .word-feedback-dot--correct{
  background:linear-gradient(180deg,#6F8F63 0%,#517A57 100%)!important;
  border-color:rgba(38,70,42,.55)!important;
  color:#F7F0E3!important;
  -webkit-text-fill-color:#F7F0E3!important;
}
body[data-app="games"] .letter-cell.present,
body[data-app="games"] .word-feedback-dot--present{
  background:linear-gradient(180deg,#D1AE62 0%,#B58A3D 100%)!important;
  border-color:rgba(122,88,38,.55)!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
}
body[data-app="games"] .letter-cell.absent,
body[data-app="games"] .word-feedback-dot--absent{
  background:var(--games-input-gradient)!important;
  border-color:var(--games-border)!important;
  color:var(--games-muted)!important;
  -webkit-text-fill-color:var(--games-muted)!important;
}
body[data-app="games"] .word-feedback-legend{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  font-size:14px!important;
  color:var(--games-muted)!important;
  -webkit-text-fill-color:var(--games-muted)!important;
}
body[data-app="games"] .word-feedback-legend span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:var(--games-control-gradient)!important;
  border:1px solid var(--games-border)!important;
}
body[data-app="games"] .word-feedback-dot{
  width:15px!important;
  height:15px!important;
  display:inline-block!important;
  border-radius:5px!important;
  border:1px solid var(--games-border)!important;
}
body[data-app="games"] .word-entry-stack{
  gap:8px!important;
}
body[data-app="games"] .clue-bar{
  padding:9px 12px!important;
  letter-spacing:.14em!important;
}
body[data-app="games"] .solution-box.word-result-box{
  display:grid!important;
  gap:4px!important;
  padding:10px 12px!important;
}
body[data-app="games"] .trackcoin-scene{
  min-height:min(370px,48vh)!important;
  grid-template-rows:auto auto minmax(210px,1fr)!important;
}
body[data-app="games"] .trackcoin-lane{
  height:min(280px,38vh)!important;
  min-height:220px!important;
  background:radial-gradient(circle at 50% 44%,rgba(184,200,224,.24),transparent 34%),linear-gradient(180deg,rgba(184,200,224,.50) 0%,rgba(127,150,185,.78) 48%,rgba(126,135,158,.80) 100%)!important;
}
@media (min-width:900px){
  body[data-app="games"] .game-card:not([hidden]){gap:12px!important;}
  body[data-app="games"] #wordGameCard .game-play-window{gap:8px!important;}
}
@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .word-feedback-legend{font-size:13px!important;gap:6px!important;}
  body[data-app="games"] .word-feedback-legend span{padding:6px 8px!important;}
  body[data-app="games"] .word-row{grid-template-columns:repeat(var(--letters,5),minmax(0,clamp(34px,10vw,42px)))!important;}
  body[data-app="games"] .letter-cell{width:clamp(34px,10vw,42px)!important;height:clamp(34px,10vw,42px)!important;}
  body[data-app="games"] .trackcoin-lane{height:clamp(240px,48svh,400px)!important;min-height:240px!important;}
}


/* 20260605 dominant games palette/layout fix */
body[data-app="games"]{
  --games-page-deep:#253B5F;
  --games-page-mid:#577199;
  --games-page-soft:#8EA4C2;
  --games-page-light:#B8C8E0;
  --games-ink:#172033;
  --games-muted:#3E485D;
  --games-border:rgba(24,32,51,.32);
  --games-border-strong:rgba(24,32,51,.48);
  --games-shadow:0 22px 48px -30px rgba(12,18,32,.52);
  --games-page-gradient:linear-gradient(90deg,
    var(--games-page-deep) 0%,
    var(--games-page-mid) 18%,
    var(--games-page-soft) 36%,
    var(--games-page-light) 50%,
    var(--games-page-soft) 64%,
    var(--games-page-mid) 82%,
    var(--games-page-deep) 100%
  );
  --games-surface:var(--games-page-light);
  --games-surface-soft:#8EA4C2;
  --games-control:var(--games-page-soft);
  --games-control-active:var(--games-page-mid);
  --games-play:var(--games-page-soft);
  --games-play-deep:var(--games-page-mid);
  --games-accent:var(--games-page-mid);
  --games-card:var(--games-surface);
  --games-panel:var(--games-surface);
  --games-panel-2:var(--games-page-soft);
  --games-surface-gradient:var(--games-surface);
  --games-control-gradient:var(--games-control);
  --games-active-gradient:var(--games-control-active);
  --games-row-gradient:var(--games-surface);
  --games-input-gradient:var(--games-surface);
  --ink:var(--games-ink)!important;
  --muted:var(--games-muted)!important;
  --accent:var(--games-page-mid)!important;
  --accent-2:var(--games-ink)!important;
  --border:var(--games-border)!important;
  --border-2:var(--games-border-strong)!important;
  --shadow:var(--games-shadow)!important;
  --shadow-soft:var(--games-shadow)!important;
  --page-bg:var(--games-page-gradient)!important;
  --hero-bg:var(--games-page-gradient)!important;
  --homebar-bg:var(--games-page-gradient)!important;
  --header-gradient:var(--games-page-gradient)!important;
  --card-bg:var(--games-surface)!important;
  --showall-bg:var(--games-control)!important;
  --showall-border:var(--games-border)!important;
}
html[data-app="games"],
body[data-app="games"],
body[data-app="games"] .bl-scroll{
  background:var(--games-page-gradient)!important;
  background-size:100% 100%!important;
  background-attachment:fixed!important;
  color:var(--games-ink)!important;
}
body[data-app="games"] .hero,
body[data-app="games"] .bl-homebar,
body[data-app="games"] .bl-homebar::before,
body[data-app="games"] .bl-pages-menu{
  background:var(--games-page-gradient)!important;
  background-size:100% 100%!important;
}
body[data-app="games"] .hero{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  padding-left:clamp(10px,2vw,18px)!important;
  padding-right:clamp(10px,2vw,18px)!important;
}
body[data-app="games"] .hero-inner,
body[data-app="games"] .tabs{
  width:min(1380px,calc(100% - 20px))!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body[data-app="games"] .tabs{
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  /* Match css/baseline-header-canonical.css: header tabs keep the same
     bottom breathing room as every other page. */
  padding-bottom:12px!important;
}
body[data-app="games"] .card,
body[data-app="games"] .game-card,
body[data-app="games"] .game-panel .card,
body[data-app="games"] .progress-shell,
body[data-app="games"] .summary-box,
body[data-app="games"] .round-status-card,
body[data-app="games"] .skill-item,
body[data-app="games"] .trackcoin-stat-card,
body[data-app="games"] .game-summary-details,
body[data-app="games"] .game-summary-body,
body[data-app="games"] .empty-box,
body[data-app="games"] .formula-box,
body[data-app="games"] .word-box,
body[data-app="games"] .solution-box,
body[data-app="games"] .clue-bar,
body[data-app="games"] .number-chip,
body[data-app="games"] .letter-cell{
  background:var(--games-surface)!important;
  background-image:none!important;
  border-color:var(--games-border)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}
body[data-app="games"] .game-row,
body[data-app="games"] .game-summary-details summary{
  background:var(--games-surface)!important;
  background-image:none!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  border-color:var(--games-border)!important;
  box-shadow:0 12px 26px -20px rgba(12,18,32,.42)!important;
}
body[data-app="games"] .game-row:hover{filter:brightness(1.02)!important;}
body[data-app="games"] .game-row.is-selected{
  outline:2px solid var(--games-page-deep)!important;
  box-shadow:0 0 0 4px rgba(79,91,125,.18),0 16px 30px -18px rgba(12,18,32,.40)!important;
}
body[data-app="games"] .action,
body[data-app="games"] .action.secondary,
body[data-app="games"] .action.ghost,
body[data-app="games"] .tab,
body[data-app="games"] .game-toggle-btn,
body[data-app="games"] .tier-btn,
body[data-app="games"] .stat-pill,
body[data-app="games"] .mobile-game-key,
body[data-app="games"] .mobile-game-exit,
body[data-app="games"] .skill-alert,
body[data-app="games"] .realm-tab-btn,
body[data-app="games"] .realm-close-btn{
  background:var(--games-control)!important;
  background-image:none!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  border-color:var(--games-border)!important;
  text-shadow:none!important;
}
body[data-app="games"] .tab[aria-selected="true"],
body[data-app="games"] .game-toggle-btn.is-active,
body[data-app="games"] .tier-btn.active,
body[data-app="games"] .skill-alert.is-ready,
body[data-app="games"] .auto-next-toggle[aria-pressed="true"],
body[data-app="games"] .mobile-game-key--submit{
  background:var(--games-control-active)!important;
  background-image:none!important;
  color:#F7F0E3!important;
  -webkit-text-fill-color:#F7F0E3!important;
  border-color:rgba(24,32,51,.52)!important;
}
body[data-app="games"] .text-input,
body[data-app="games"] input.text-input,
body[data-app="games"] textarea.text-input{
  background:var(--games-surface)!important;
  background-image:none!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  border-color:var(--games-border-strong)!important;
}
body[data-app="games"] .xp-bar,
body[data-app="games"] .meter{
  background:var(--games-page-mid)!important;
  border-color:var(--games-border)!important;
}
body[data-app="games"] .xp-fill,
body[data-app="games"] .meter-fill,
body[data-app="games"] .realm-meter__fill{
  background:linear-gradient(90deg,var(--games-page-deep) 0%,var(--games-page-mid) 55%,var(--games-page-light) 100%)!important;
}
body[data-app="games"] .board-grid[data-game-play-surface="pairs"].is-pairs-idle{
  grid-template-columns:1fr!important;
  justify-items:stretch!important;
  align-items:stretch!important;
}
body[data-app="games"] .board-grid[data-game-play-surface="pairs"].is-pairs-idle .empty-box{
  width:100%!important;
  max-width:none!important;
  min-height:clamp(150px,24vh,240px)!important;
  align-content:center!important;
  justify-items:center!important;
  text-align:center!important;
}
body[data-app="games"] .trackcoin-scene,
body[data-app="games"] .trackcoin-game-status,
body[data-app="games"] .trackcoin-idle-cue{
  background:var(--games-surface)!important;
  background-image:none!important;
  border-color:var(--games-border)!important;
}
body[data-app="games"] .trackcoin-lane{
  background:linear-gradient(180deg,var(--games-page-light) 0%,var(--games-page-soft) 52%,var(--games-page-mid) 100%)!important;
}
@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .hero-inner,
  body[data-app="games"] .tabs{
    width:calc(100% - 16px)!important;
  }
  body[data-app="games"] .tabs{
    flex-wrap:nowrap!important;
  }
  body[data-app="games"] .game-header .link-actions{
    width:100%!important;
    margin-left:0!important;
  }
  body[data-app="games"] .game-header .link-actions .action{
    width:100%!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="pairs"] .game-window-actions{
    position:static!important;
    background:transparent!important;
    padding:10px 0 0!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="pairs"] .board-grid[data-game-play-surface="pairs"].is-pairs-idle{
    grid-template-columns:1fr!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="pairs"] .empty-box{
    min-height:clamp(180px,34svh,300px)!important;
  }
}


/* 20260605 coherent Games Hub contract — final dominant layer.
   Purpose: remove tan/brown/near-white control drift, remove mobile dark-blue action bars,
   keep desktop fullscreen clean, and make the optional desktop keypad explicit. */
body[data-app="games"]{
  --games-page-deep:#253B5F;
  --games-page-mid:#577199;
  --games-page-soft:#8EA4C2;
  --games-page-light:#8EA4C2;
  --games-ink:#172033;
  --games-muted:#3E485D;
  --games-border:rgba(24,32,51,.34);
  --games-border-strong:rgba(24,32,51,.50);
  --games-shadow:0 22px 48px -30px rgba(12,18,32,.54);
  --games-page-gradient:linear-gradient(90deg,
    var(--games-page-deep) 0%,
    var(--games-page-mid) 18%,
    var(--games-page-soft) 36%,
    var(--games-page-light) 50%,
    var(--games-page-soft) 64%,
    var(--games-page-mid) 82%,
    var(--games-page-deep) 100%
  );
  --games-surface:#7F96B9;
  --games-surface-2:#9FB2CE;
  --games-control:linear-gradient(180deg,var(--games-page-soft) 0%,var(--games-page-mid) 100%);
  --games-control-hover:linear-gradient(180deg,#C8C7CC 0%,#737D96 100%);
  --games-control-active:linear-gradient(180deg,var(--games-page-mid) 0%,var(--games-page-deep) 100%);
  --games-play:linear-gradient(180deg,var(--games-surface-2) 0%,var(--games-page-soft) 100%);
  --games-play-deep:var(--games-page-mid);
  --games-accent:var(--games-page-mid);
  --games-card:var(--games-surface);
  --games-panel:var(--games-surface);
  --games-panel-2:var(--games-surface-2);
  --games-surface-gradient:linear-gradient(180deg,var(--games-surface-2) 0%,var(--games-surface) 100%);
  --games-row-gradient:linear-gradient(90deg,var(--games-surface-2) 0%,var(--games-surface) 54%,var(--games-page-soft) 100%);
  --games-input-gradient:linear-gradient(180deg,var(--games-surface-2) 0%,var(--games-surface) 100%);
  --card-bg:var(--games-surface)!important;
  --page-bg:var(--games-page-gradient)!important;
  --hero-bg:var(--games-page-gradient)!important;
  --homebar-bg:var(--games-page-gradient)!important;
  --header-gradient:var(--games-page-gradient)!important;
  --accent:var(--games-page-mid)!important;
  --accent-2:var(--games-ink)!important;
  --border:var(--games-border)!important;
  --border-2:var(--games-border-strong)!important;
}
html[data-app="games"],
body[data-app="games"],
body[data-app="games"] .bl-scroll,
body[data-app="games"] .hero,
body[data-app="games"] .bl-homebar,
body[data-app="games"] .bl-homebar::before,
body[data-app="games"] .bl-pages-menu{
  background:var(--games-page-gradient)!important;
  background-size:100% 100%!important;
  color:var(--games-ink)!important;
}
body[data-app="games"] .card,
body[data-app="games"] .game-card,
body[data-app="games"] .game-panel .card,
body[data-app="games"] .progress-shell,
body[data-app="games"] .summary-box,
body[data-app="games"] .round-status-card,
body[data-app="games"] .skill-item,
body[data-app="games"] .trackcoin-stat-card,
body[data-app="games"] .game-summary-details,
body[data-app="games"] .game-summary-body,
body[data-app="games"] .empty-box,
body[data-app="games"] .formula-box,
body[data-app="games"] .word-box,
body[data-app="games"] .solution-box,
body[data-app="games"] .clue-bar,
body[data-app="games"] .number-chip,
body[data-app="games"] .letter-cell,
body[data-app="games"] .realm-stat-chip,
body[data-app="games"] .realm-spirit-card,
body[data-app="games"] .upgrade-item,
body[data-app="games"] .bonus-item,
body[data-app="games"] .ninja-bonus-chip{
  background:var(--games-surface-gradient)!important;
  background-image:var(--games-surface-gradient)!important;
  border-color:var(--games-border)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  box-shadow:0 14px 28px -24px rgba(12,18,32,.42)!important;
}
body[data-app="games"] .game-row,
body[data-app="games"] .game-summary-details summary,
body[data-app="games"] .tier-btn,
body[data-app="games"] .stat-pill,
body[data-app="games"] .word-feedback-legend span,
body[data-app="games"] .trait-chip{
  background:var(--games-row-gradient)!important;
  background-image:var(--games-row-gradient)!important;
  border-color:var(--games-border)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}
body[data-app="games"] .action,
body[data-app="games"] .action.secondary,
body[data-app="games"] .action.ghost,
body[data-app="games"] .tab,
body[data-app="games"] .game-toggle-btn,
body[data-app="games"] .mobile-game-key,
body[data-app="games"] .mobile-game-exit,
body[data-app="games"] .skill-alert,
body[data-app="games"] .realm-tab-btn,
body[data-app="games"] .realm-close-btn,
body[data-app="games"] .realm-fab__icon,
body[data-app="games"] button[type="submit"],
body[data-app="games"] input[type="submit"]{
  background:var(--games-control)!important;
  background-image:var(--games-control)!important;
  border:1px solid var(--games-border)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  text-shadow:none!important;
  box-shadow:0 12px 24px -20px rgba(12,18,32,.48)!important;
}
body[data-app="games"] .action:hover,
body[data-app="games"] .tab:hover,
body[data-app="games"] .mobile-game-key:hover,
body[data-app="games"] button[type="submit"]:hover{
  background:var(--games-control-hover)!important;
  background-image:var(--games-control-hover)!important;
  filter:none!important;
}
body[data-app="games"] .start-new-game-toggle,
body[data-app="games"] [data-action^="start-"],
body[data-app="games"] .auto-next-toggle,
body[data-app="games"] .submit-game-toggle,
body[data-app="games"] #wordGuessForm button[type="submit"],
body[data-app="games"] #make24ExpressionForm button[type="submit"]{
  background:var(--games-control)!important;
  background-image:var(--games-control)!important;
  border-color:var(--games-border-strong)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  min-height:44px!important;
  font-weight:950!important;
}
body[data-app="games"] .tab[aria-selected="true"],
body[data-app="games"] .game-toggle-btn.is-active,
body[data-app="games"] .tier-btn.active,
body[data-app="games"] .skill-alert.is-ready,
body[data-app="games"] .auto-next-toggle[aria-pressed="true"],
body[data-app="games"] .mobile-game-key--submit,
body[data-app="games"] .desktop-keypad-toggle[aria-pressed="true"]{
  background:var(--games-control-active)!important;
  background-image:var(--games-control-active)!important;
  border-color:rgba(24,32,51,.58)!important;
  color:#F3F0EA!important;
  -webkit-text-fill-color:#F3F0EA!important;
}
body[data-app="games"] .text-input,
body[data-app="games"] input.text-input,
body[data-app="games"] textarea.text-input{
  background:var(--games-input-gradient)!important;
  background-image:var(--games-input-gradient)!important;
  border-color:var(--games-border-strong)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}
body[data-app="games"] .xp-fill,
body[data-app="games"] .meter-fill,
body[data-app="games"] .realm-meter__fill{
  background:linear-gradient(90deg,var(--games-page-deep) 0%,var(--games-page-mid) 58%,var(--games-page-soft) 100%)!important;
}
body[data-app="games"] .memory-card{
  background:var(--games-page-mid)!important;
  border-color:var(--games-border-strong)!important;
}
body[data-app="games"] .memory-card-back{
  background:linear-gradient(180deg,var(--games-page-mid) 0%,var(--games-page-deep) 100%)!important;
  color:#F3F0EA!important;
  -webkit-text-fill-color:#F3F0EA!important;
}
body[data-app="games"] .memory-card-front{
  background:var(--games-surface-gradient)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}
body[data-app="games"] .trackcoin-scene,
body[data-app="games"] .trackcoin-game-status,
body[data-app="games"] .trackcoin-idle-cue{
  background:var(--games-surface-gradient)!important;
  background-image:var(--games-surface-gradient)!important;
  border-color:var(--games-border)!important;
}
body[data-app="games"] .trackcoin-scene{
  min-height:auto!important;
  grid-template-rows:auto auto minmax(220px,auto)!important;
  gap:10px!important;
  padding:12px!important;
}
body[data-app="games"] .trackcoin-lane{
  height:clamp(220px,32vh,300px)!important;
  min-height:220px!important;
  max-height:300px!important;
  background:linear-gradient(180deg,var(--games-surface-2) 0%,var(--games-page-soft) 52%,var(--games-page-mid) 100%)!important;
  border-color:var(--games-border-strong)!important;
}
body[data-app="games"] .trackcoin-cup{
  width:clamp(72px,7vw,96px)!important;
  height:clamp(96px,8.5vw,122px)!important;
  background:linear-gradient(180deg,var(--games-page-mid) 0%,var(--games-page-deep) 100%)!important;
  border-color:var(--games-border-strong)!important;
}
body[data-app="games"] .trackcoin-cup::before{
  background:linear-gradient(180deg,var(--games-page-soft) 0%,var(--games-page-deep) 100%)!important;
}
body[data-app="games"] .trackcoin-item-token{
  background:radial-gradient(circle at 35% 28%,#F3F0EA 0%,var(--games-page-soft) 42%,var(--games-page-mid) 100%)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}
body[data-app="games"] .realm-fab,
body[data-app="games"] .realm-fab__label{
  color:#F3F0EA!important;
  -webkit-text-fill-color:#F3F0EA!important;
  text-shadow:0 1px 3px rgba(12,18,32,.44)!important;
}
body[data-app="games"] .desktop-keypad-toggle[hidden]{display:none!important;}
body[data-app="games"] .desktop-keypad-toggle{display:inline-flex!important;}
body[data-app="games"] .mobile-game-keypad{
  display:none!important;
  gap:7px!important;
  padding:10px!important;
  border-radius:18px!important;
  border:1px solid var(--games-border)!important;
  background:var(--games-surface-gradient)!important;
  box-shadow:var(--games-shadow)!important;
}
body[data-app="games"] .game-play-root:fullscreen{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  overflow:auto!important;
  background:var(--games-page-gradient)!important;
  padding:16px!important;
  border-radius:0!important;
}
body[data-app="games"] .game-play-root:fullscreen .mobile-game-keypad{
  display:none!important;
}
body[data-app="games"] .game-play-root.desktop-keypad-open:fullscreen #wordBoard,
body[data-app="games"] .game-play-root.desktop-keypad-open:fullscreen #make24Board{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;
  gap:14px!important;
  align-items:start!important;
}
body[data-app="games"] .game-play-root.desktop-keypad-open:fullscreen #wordBoard > .word-box,
body[data-app="games"] .game-play-root.desktop-keypad-open:fullscreen #make24Board > .formula-box{
  grid-column:1!important;
  min-width:0!important;
}
body[data-app="games"] .game-play-root.desktop-keypad-open:fullscreen .mobile-game-keypad{
  display:grid!important;
  grid-column:2!important;
  grid-row:1 / span 3!important;
  align-self:start!important;
  max-height:calc(100vh - 156px)!important;
  overflow:auto!important;
  position:sticky!important;
  top:0!important;
}
body[data-app="games"] .game-play-root.desktop-keypad-open:fullscreen .mobile-word-keypad{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
body[data-app="games"] .game-play-root.desktop-keypad-open:fullscreen .mobile-make24-keypad{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .desktop-keypad-toggle{display:none!important;}
  body.bl-mobile-game-mode{background:var(--games-page-gradient)!important;}
  body.bl-mobile-game-mode .bl-scroll{background:var(--games-page-gradient)!important;}
  body[data-app="games"] .is-mobile-game-root .game-window-actions{
    background:linear-gradient(180deg,rgba(200,196,191,0) 0%,rgba(200,196,191,.92) 42%,rgba(200,196,191,.98) 100%)!important;
    padding:12px 0 calc(4px + env(safe-area-inset-bottom,0px))!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="pairs"] .game-window-actions{
    background:transparent!important;
  }
  body[data-app="games"] .mobile-game-keypad{
    display:grid!important;
    background:var(--games-surface-gradient)!important;
  }
  body[data-app="games"] .trackcoin-scene{
    min-height:auto!important;
    grid-template-rows:auto auto minmax(240px,auto)!important;
    padding:10px!important;
  }
  body[data-app="games"] .trackcoin-lane{
    height:clamp(240px,42svh,340px)!important;
    min-height:240px!important;
    max-height:340px!important;
  }
  body[data-app="games"] .trackcoin-cup{
    width:clamp(64px,18vw,86px)!important;
    height:clamp(88px,23vw,112px)!important;
  }
}
@media (max-width:900px){
  body[data-app="games"] .game-play-root.desktop-keypad-open:fullscreen #wordBoard,
  body[data-app="games"] .game-play-root.desktop-keypad-open:fullscreen #make24Board{
    grid-template-columns:1fr!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open:fullscreen .mobile-game-keypad{
    grid-column:1!important;
    grid-row:auto!important;
    position:relative!important;
    max-height:none!important;
  }
}


/* 20260605 targeted keypad hotkey patch: keep folded laptops and larger tablets out of compact mobile mode. */
@media (min-width:821px){
  body[data-app="games"] .desktop-keypad-toggle{
    display:inline-flex!important;
  }
  body[data-app="games"] .mobile-game-keypad{
    display:none!important;
    gap:8px!important;
    margin-top:0!important;
    padding:12px!important;
    border-radius:18px!important;
    border:1px solid var(--games-border)!important;
    background:var(--games-surface-gradient)!important;
    box-shadow:var(--games-shadow)!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard,
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;
    gap:14px!important;
    align-items:start!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard > .word-box,
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board > .formula-box{
    grid-column:1!important;
    min-width:0!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open .mobile-game-keypad{
    display:grid!important;
    grid-column:2!important;
    grid-row:1 / span 3!important;
    align-self:start!important;
    max-height:calc(100vh - 156px)!important;
    overflow:auto!important;
    position:sticky!important;
    top:0!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open .mobile-word-keypad{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open .mobile-make24-keypad{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body[data-app="games"] .desktop-keypad-toggle[aria-pressed="true"]{
    background:var(--games-control-active)!important;
    background-image:none!important;
    color:#F7F0E3!important;
    -webkit-text-fill-color:#F7F0E3!important;
    border-color:rgba(24,32,51,.52)!important;
  }
}
@media (min-width:821px) and (max-width:980px){
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard,
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board{
    grid-template-columns:1fr!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open .mobile-game-keypad{
    grid-column:1!important;
    grid-row:auto!important;
    position:relative!important;
    max-height:none!important;
  }
}
@media (max-width:820px){
  body[data-app="games"] .desktop-keypad-toggle{
    display:none!important;
  }
}

/* 20260605 keypad layout usability patch: larger keys, normal-browser operation, no fullscreen dependency. */
body[data-app="games"] .desktop-keypad-toggle{
  display:inline-flex!important;
}
body[data-app="games"] .mobile-game-keypad{
  display:none!important;
  width:100%!important;
  gap:clamp(9px,1.1vw,14px)!important;
  margin-top:clamp(8px,1vw,14px)!important;
  padding:clamp(12px,1.4vw,18px)!important;
  border-radius:22px!important;
  border:1px solid var(--games-border-strong)!important;
  background:var(--games-surface-gradient)!important;
  box-shadow:var(--games-shadow)!important;
  align-content:stretch!important;
}
body[data-app="games"] .game-play-root.desktop-keypad-open .mobile-game-keypad,
body[data-app="games"] .game-play-root.keypad-open .mobile-game-keypad,
body[data-app="games"] .is-mobile-game-root .mobile-game-keypad{
  display:grid!important;
}
body[data-app="games"] .mobile-game-key{
  min-height:clamp(58px,7.8svh,88px)!important;
  border-radius:18px!important;
  font-size:clamp(24px,3.1svh,36px)!important;
  line-height:1!important;
  font-weight:950!important;
  padding:10px!important;
  touch-action:manipulation!important;
}
body[data-app="games"] .mobile-game-key--utility,
body[data-app="games"] .mobile-game-key--submit{
  font-size:clamp(20px,2.55svh,30px)!important;
  min-height:clamp(58px,7.8svh,88px)!important;
}
body[data-app="games"] .mobile-game-key--submit{
  background:var(--games-control-active)!important;
  color:#F7F0E3!important;
  -webkit-text-fill-color:#F7F0E3!important;
}
body[data-app="games"] .mobile-word-keypad{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
}
body[data-app="games"] .mobile-make24-keypad{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body[data-app="games"] .desktop-keypad-toggle[aria-pressed="true"]{
  background:var(--games-control-active)!important;
  background-image:none!important;
  color:#F7F0E3!important;
  -webkit-text-fill-color:#F7F0E3!important;
  border-color:rgba(24,32,51,.52)!important;
}
body[data-app="games"] .desktop-keypad-toggle::after{
  content:"";
}
@media (min-width:981px){
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard,
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard,
  body[data-app="games"] .game-play-root.keypad-open #make24Board{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(380px,min(44vw,560px))!important;
    gap:clamp(14px,1.4vw,22px)!important;
    align-items:stretch!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open .mobile-game-keypad,
  body[data-app="games"] .game-play-root.keypad-open .mobile-game-keypad{
    grid-column:2!important;
    grid-row:1 / span 4!important;
    align-self:stretch!important;
    position:sticky!important;
    top:12px!important;
    min-height:min(58vh,620px)!important;
    max-height:calc(100vh - 96px)!important;
    overflow:auto!important;
    grid-auto-rows:minmax(62px,1fr)!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open .mobile-word-keypad,
  body[data-app="games"] .game-play-root.keypad-open .mobile-word-keypad{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard > .word-box,
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board > .formula-box,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard > .word-box,
  body[data-app="games"] .game-play-root.keypad-open #make24Board > .formula-box{
    grid-column:1!important;
    min-width:0!important;
  }
}
@media (max-width:980px){
  body[data-app="games"] .desktop-keypad-toggle{
    display:inline-flex!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard,
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard,
  body[data-app="games"] .game-play-root.keypad-open #make24Board{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open .mobile-game-keypad,
  body[data-app="games"] .game-play-root.keypad-open .mobile-game-keypad,
  body[data-app="games"] .is-mobile-game-root .mobile-game-keypad{
    grid-column:1!important;
    grid-row:auto!important;
    position:relative!important;
    top:auto!important;
    min-height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}
@media (max-width:700px){
  body[data-app="games"] .mobile-game-keypad{
    gap:8px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  body[data-app="games"] .mobile-game-key{
    min-height:clamp(54px,8.6svh,76px)!important;
    font-size:clamp(22px,6.4vw,32px)!important;
    border-radius:16px!important;
  }
  body[data-app="games"] .mobile-game-key--utility,
  body[data-app="games"] .mobile-game-key--submit{
    font-size:clamp(18px,5.3vw,26px)!important;
  }
}
@media (max-width:420px){
  body[data-app="games"] .mobile-word-keypad{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  body[data-app="games"] .mobile-game-key{
    min-height:clamp(50px,8svh,68px)!important;
    font-size:clamp(20px,5.8vw,28px)!important;
  }
}

/* 20260605 keypad height balance patch: equalise side-by-side cards and prevent keypad distortion. */
body[data-app="games"] .mobile-game-key{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  box-sizing:border-box!important;
}
body[data-app="games"] .mobile-game-key--utility,
body[data-app="games"] .mobile-game-key--submit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  line-height:1!important;
}
body[data-app="games"] .mobile-game-key[data-mobile-game-key$=":clear"]{
  color:#8F1F1F!important;
  -webkit-text-fill-color:#8F1F1F!important;
  font-weight:1000!important;
}
body[data-app="games"] .mobile-game-key[data-mobile-game-key$=":submit"],
body[data-app="games"] .mobile-game-key--submit{
  font-size:clamp(18px,2.25svh,27px)!important;
  letter-spacing:.01em!important;
  padding-left:8px!important;
  padding-right:8px!important;
}
body[data-app="games"] .mobile-game-key[data-mobile-game-key$=":clear"]{
  font-size:clamp(17px,2.15svh,26px)!important;
  padding-left:8px!important;
  padding-right:8px!important;
}
@media (min-width:981px){
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard,
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board,
  body[data-app="games"] .game-play-root.keypad-open #make24Board{
    display:grid!important;
    grid-auto-flow:row!important;
    gap:clamp(12px,1.15vw,18px)!important;
    align-items:stretch!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board,
  body[data-app="games"] .game-play-root.keypad-open #make24Board{
    grid-template-columns:minmax(0,1fr) minmax(320px,min(40vw,500px))!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard{
    grid-template-columns:minmax(0,1fr) minmax(300px,min(34vw,430px))!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board > .formula-box,
  body[data-app="games"] .game-play-root.keypad-open #make24Board > .formula-box,
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard > .word-box,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard > .word-box{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    height:auto!important;
    min-height:100%!important;
    align-self:stretch!important;
    display:grid!important;
    align-content:start!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board > .mobile-game-keypad,
  body[data-app="games"] .game-play-root.keypad-open #make24Board > .mobile-game-keypad,
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard > .mobile-game-keypad,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard > .mobile-game-keypad{
    grid-column:2!important;
    grid-row:1!important;
    align-self:stretch!important;
    position:relative!important;
    top:auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin-top:0!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board > .mobile-make24-keypad,
  body[data-app="games"] .game-play-root.keypad-open #make24Board > .mobile-make24-keypad{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(5,minmax(0,1fr))!important;
    grid-auto-rows:minmax(0,1fr)!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard > .mobile-word-keypad,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard > .mobile-word-keypad{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-rows:minmax(46px,1fr)!important;
    align-content:stretch!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard > .mobile-word-keypad .mobile-game-key,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard > .mobile-word-keypad .mobile-game-key{
    min-height:clamp(42px,5.2svh,64px)!important;
    font-size:clamp(20px,2.35svh,30px)!important;
    padding:7px!important;
    border-radius:16px!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard > .mobile-word-keypad .mobile-game-key--utility,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard > .mobile-word-keypad .mobile-game-key--utility,
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard > .mobile-word-keypad .mobile-game-key--submit,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard > .mobile-word-keypad .mobile-game-key--submit{
    font-size:clamp(16px,1.95svh,24px)!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
}
@media (min-width:981px) and (max-height:720px){
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard > .mobile-word-keypad .mobile-game-key,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard > .mobile-word-keypad .mobile-game-key{
    min-height:40px!important;
    font-size:clamp(18px,2.1svh,26px)!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board > .mobile-make24-keypad .mobile-game-key,
  body[data-app="games"] .game-play-root.keypad-open #make24Board > .mobile-make24-keypad .mobile-game-key{
    min-height:50px!important;
    font-size:clamp(21px,2.7svh,32px)!important;
  }
}
@media (max-width:980px){
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard,
  body[data-app="games"] .game-play-root.desktop-keypad-open #make24Board,
  body[data-app="games"] .game-play-root.keypad-open #make24Board{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  body[data-app="games"] .game-play-root.desktop-keypad-open .mobile-game-keypad,
  body[data-app="games"] .game-play-root.keypad-open .mobile-game-keypad,
  body[data-app="games"] .is-mobile-game-root .mobile-game-keypad{
    max-height:none!important;
    overflow:visible!important;
  }
}

/* 20260605 alphabet keypad 50/50 patch:
   Detect The Word only. Make The Number numerical keypad is intentionally untouched. */
body[data-app="games"] .mobile-word-keypad .mobile-game-key--letter{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  font-size:clamp(26px,7vw,40px)!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  padding:.08em!important;
}

@media (min-width:821px){
  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:clamp(14px,1.35vw,22px)!important;
    align-items:stretch!important;
  }

  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard > .word-box,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard > .word-box{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    min-height:100%!important;
    align-self:stretch!important;
  }

  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard > .mobile-word-keypad,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard > .mobile-word-keypad{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    min-height:100%!important;
    align-self:stretch!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-rows:minmax(clamp(56px,8.4vh,92px),1fr)!important;
    align-content:stretch!important;
    gap:clamp(8px,1vw,14px)!important;
    padding:clamp(10px,1.1vw,16px)!important;
    margin-top:0!important;
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body[data-app="games"] .game-play-root.desktop-keypad-open #wordBoard > .mobile-word-keypad .mobile-game-key--letter,
  body[data-app="games"] .game-play-root.keypad-open #wordBoard > .mobile-word-keypad .mobile-game-key--letter{
    min-height:clamp(56px,8.4vh,92px)!important;
    font-size:clamp(32px,min(3.8vw,7.2vh),56px)!important;
    padding:.06em!important;
    border-radius:clamp(16px,1.4vw,24px)!important;
  }
}

@media (max-width:820px){
  body[data-app="games"] .mobile-word-keypad .mobile-game-key--letter{
    min-height:clamp(54px,8.8svh,78px)!important;
    font-size:clamp(24px,7.1vw,36px)!important;
  }
}

@media (max-width:420px){
  body[data-app="games"] .mobile-word-keypad .mobile-game-key--letter{
    min-height:clamp(50px,8.2svh,70px)!important;
    font-size:clamp(22px,6.5vw,32px)!important;
  }
}


/* 20260605 mobile game-mode restore patch:
   - Detect The Word and Make The Number now enter the same mobile game screen as Pairs/Track The Coin.
   - Mobile typing games show their keypad automatically; the Open Keypad control is desktop/tablet-only.
   - Back To Games clears mobile/fullscreen layout residue so the Games Hub banner is not pushed under the page. */
@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .desktop-keypad-toggle{
    display:none!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="detectword"] #wordBoard,
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="make24"] #make24Board{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="detectword"] #wordBoard > .mobile-word-keypad,
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="make24"] #make24Board > .mobile-make24-keypad{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:10px 0 0!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="detectword"] #wordBoard > .mobile-word-keypad{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-rows:minmax(clamp(48px,8svh,74px),auto)!important;
    gap:clamp(6px,1.6vw,10px)!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="detectword"] #wordBoard > .mobile-word-keypad .mobile-game-key--letter{
    min-height:clamp(48px,8svh,74px)!important;
    font-size:clamp(22px,7vw,36px)!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="detectword"] .desktop-keypad-toggle,
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="make24"] .desktop-keypad-toggle{
    display:none!important;
  }
  body[data-app="games"]:not(.bl-mobile-game-mode) .game-card-shell,
  body[data-app="games"]:not(.bl-mobile-game-mode) .game-play-root{
    z-index:auto!important;
  }
}

/* Keep Detect The Word 50/50 when its alphabetical keypad is opened in desktop fullscreen. */
@media (min-width:821px){
  body[data-app="games"] .game-play-root[data-game-play-root="detectword"].desktop-keypad-open:fullscreen #wordBoard,
  body[data-app="games"] .game-play-root[data-game-play-root="detectword"].keypad-open:fullscreen #wordBoard,
  body[data-app="games"] .game-play-root[data-game-play-root="detectword"]:fullscreen #wordBoard:has(> .mobile-word-keypad[aria-hidden="false"]){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:clamp(14px,1.35vw,22px)!important;
    align-items:stretch!important;
  }
  body[data-app="games"] .game-play-root[data-game-play-root="detectword"].desktop-keypad-open:fullscreen #wordBoard > .word-box,
  body[data-app="games"] .game-play-root[data-game-play-root="detectword"].keypad-open:fullscreen #wordBoard > .word-box,
  body[data-app="games"] .game-play-root[data-game-play-root="detectword"]:fullscreen #wordBoard:has(> .mobile-word-keypad[aria-hidden="false"]) > .word-box{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    align-self:stretch!important;
  }
  body[data-app="games"] .game-play-root[data-game-play-root="detectword"].desktop-keypad-open:fullscreen #wordBoard > .mobile-word-keypad,
  body[data-app="games"] .game-play-root[data-game-play-root="detectword"].keypad-open:fullscreen #wordBoard > .mobile-word-keypad,
  body[data-app="games"] .game-play-root[data-game-play-root="detectword"]:fullscreen #wordBoard > .mobile-word-keypad[aria-hidden="false"]{
    grid-column:2!important;
    grid-row:1!important;
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    align-self:stretch!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-rows:minmax(clamp(56px,8.4vh,92px),1fr)!important;
    gap:clamp(8px,1vw,14px)!important;
    margin-top:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* 20260605_header_tabs_spacing
   Games Hub must not compress the canonical header tab breathing room.
   This restores the sitewide 12px bottom spacing from baseline-header-canonical.css
   while leaving non-header game controls alone. */
body[data-app="games"] .hero > .tabs{
  margin-top:10px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid var(--border,rgba(0,0,0,.10))!important;
}
body[data-app="games"] .hero.compact > .tabs{
  padding-bottom:8px!important;
}

/* 20260605_spacing_trackcoin_mobile
   Header and Track The Coin coherence fixes.
   - The header tab row keeps canonical internal breathing room AND the page body starts lower after the tabs.
   - Track The Coin mobile cups stay centred, have flat bases, no visible labels, and use a gold coin token. */
body[data-app="games"] .hero > .tabs{
  margin-top:10px!important;
  padding-bottom:18px!important;
  border-bottom:1px solid var(--border,rgba(0,0,0,.10))!important;
}
body[data-app="games"] .hero.compact > .tabs{
  padding-bottom:12px!important;
}
body[data-app="games"] .trackcoin-cup{
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  border-radius:16px 16px 8px 8px!important;
  clip-path:polygon(14% 0%,86% 0%,100% 86%,100% 100%,0% 100%,0% 86%)!important;
}
body[data-app="games"] .trackcoin-cup::before{
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:14px!important;
  border-radius:0 0 6px 6px!important;
  background:linear-gradient(180deg,#577199 0%,#253B5F 100%)!important;
  border:0!important;
}
body[data-app="games"] .trackcoin-cup::after{
  content:none!important;
  display:none!important;
}
body[data-app="games"] .trackcoin-item-token{
  font-size:0!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  width:clamp(36px,8vw,48px)!important;
  height:clamp(36px,8vw,48px)!important;
  background:radial-gradient(circle at 34% 26%,#FFF7B0 0%,#FFD84D 32%,#D99A17 66%,#8B5A08 100%)!important;
  border:2px solid rgba(103,67,8,.58)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.50), inset 0 -5px 10px rgba(103,67,8,.28), 0 10px 20px -14px rgba(12,18,32,.65)!important;
}
body[data-app="games"] .trackcoin-item-token::before{
  content:""!important;
  width:52%!important;
  height:52%!important;
  border-radius:999px!important;
  border:3px solid rgba(116,73,7,.38)!important;
  background:rgba(255,246,186,.28)!important;
}
@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="trackcoin"] .trackcoin-lane{
    height:clamp(260px,44svh,360px)!important;
    min-height:260px!important;
    max-height:360px!important;
    overflow:hidden!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="trackcoin"] .trackcoin-cup{
    width:clamp(60px,17vw,82px)!important;
    height:clamp(82px,22vw,108px)!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="trackcoin"] .trackcoin-cup::before{
    height:12px!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="trackcoin"] .trackcoin-item-token{
    width:clamp(34px,9vw,44px)!important;
    height:clamp(34px,9vw,44px)!important;
  }
}


/* MOBILE GAME PANEL ROOT FIX
   The mobile root is now the whole game panel, not just the inner game card, so
   Game / Skills / Tiers / Progress remains available inside the mobile view. */
@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .is-mobile-game-root .game-header{
    display:flex !important;
  }
  body[data-app="games"] .is-mobile-game-root .progress-shell{
    display:grid !important;
  }
  body[data-app="games"] .is-mobile-game-root .trackcoin-tab-row,
  body[data-app="games"] .is-mobile-game-root .game-toggle-row{
    display:flex !important;
  }
  body[data-app="games"] .is-mobile-game-root .trackcoin-tab-row,
  body[data-app="games"] .is-mobile-game-root .game-toggle-row{
    position:sticky !important;
    top:54px !important;
    z-index:19 !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    padding:8px 0 10px !important;
    background:var(--games-page-gradient) !important;
    scrollbar-width:none !important;
  }
  body[data-app="games"] .is-mobile-game-root .trackcoin-tab-row::-webkit-scrollbar,
  body[data-app="games"] .is-mobile-game-root .game-toggle-row::-webkit-scrollbar{ height:0 !important; }
  body[data-app="games"] .is-mobile-game-root .game-toggle-btn{
    flex:0 0 auto !important;
    min-width:112px !important;
  }
  body[data-app="games"] .is-mobile-game-root .game-panel-stack{
    min-width:0 !important;
  }
  body[data-app="games"] .is-mobile-game-root .trackcoin-lane{
    height:clamp(260px,44svh,360px)!important;
    min-height:260px!important;
    max-height:360px!important;
    overflow:hidden!important;
  }
  body[data-app="games"] .is-mobile-game-root .trackcoin-cup{
    width:clamp(60px,17vw,82px)!important;
    height:clamp(82px,22vw,108px)!important;
  }
  body[data-app="games"] .is-mobile-game-root .trackcoin-item-token{
    width:clamp(34px,9vw,44px)!important;
    height:clamp(34px,9vw,44px)!important;
  }
}
/* 20260606_banner_game_tabs_authority
   Dominant mobile game-tabs rule:
   Game / Skills / Tiers / Progress belongs inside the game card flow.
   No sticky floating strip. No alternate gradient bar behind the buttons. */
@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .is-mobile-game-root .trackcoin-tab-row,
  body[data-app="games"] .is-mobile-game-root .game-toggle-row{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:6px!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px 0!important;
    padding:0!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
  }
  body[data-app="games"] .is-mobile-game-root .trackcoin-tab-row::before,
  body[data-app="games"] .is-mobile-game-root .trackcoin-tab-row::after,
  body[data-app="games"] .is-mobile-game-root .game-toggle-row::before,
  body[data-app="games"] .is-mobile-game-root .game-toggle-row::after{
    content:none!important;
    display:none!important;
  }
  body[data-app="games"] .is-mobile-game-root .trackcoin-tab-row .game-toggle-btn,
  body[data-app="games"] .is-mobile-game-root .game-toggle-row .game-toggle-btn{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    white-space:nowrap!important;
    text-align:center!important;
    padding:10px 8px!important;
    font-size:clamp(14px,3.9vw,16px)!important;
    line-height:1!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
  }
  body[data-app="games"] .is-mobile-game-root .game-window-actions{
    position:relative!important;
    bottom:auto!important;
    z-index:3!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    padding:10px 0 0!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="pairs"] .game-window-actions{
    background:transparent!important;
    background-image:none!important;
  }
}


/* 20260606_mobile_banner_trackcoin_controls
   Final dominant Games Hub visual + information-density layer.
   Removes near-white/tan drift, compresses the scattered info pills, and keeps
   Back To Games in normal top flow instead of floating. */
body[data-app="games"]{
  --games-page-deep:#263653;
  --games-page-mid:#435A82;
  --games-page-soft:#6F83A8;
  --games-page-light:#96A8C6;
  --games-accent:#6F83A8;
  --games-ink:#101827;
  --games-muted:#25324A;
  --games-border:rgba(16,24,39,.34);
  --games-border-strong:rgba(16,24,39,.52);
  --games-shadow:0 22px 48px -30px rgba(6,12,24,.58);
  --games-page-gradient:linear-gradient(90deg,
    var(--games-page-deep) 0%,
    var(--games-page-mid) 18%,
    var(--games-page-soft) 36%,
    var(--games-page-light) 50%,
    var(--games-page-soft) 64%,
    var(--games-page-mid) 82%,
    var(--games-page-deep) 100%
  );
  --games-surface:#8799B8;
  --games-surface-2:#7B8FAF;
  --games-card:#8496B6;
  --games-panel:#8FA0BC;
  --games-panel-2:#768AA9;
  --games-control:linear-gradient(180deg,#8EA0C0 0%,#65799E 100%);
  --games-control-hover:linear-gradient(180deg,#9BAAC7 0%,#6A7EA3 100%);
  --games-control-active:linear-gradient(180deg,#617699 0%,#40577E 100%);
  --games-play:linear-gradient(180deg,#8397B8 0%,#7185A7 100%);
  --games-play-deep:#50658F;
  --games-surface-gradient:linear-gradient(180deg,#91A3C0 0%,#7E92B2 100%);
  --games-row-gradient:linear-gradient(90deg,#93A5C1 0%,#8295B4 56%,#7489AA 100%);
  --games-input-gradient:linear-gradient(180deg,#9AABC7 0%,#8194B2 100%);
  --page-bg:var(--games-page-gradient)!important;
  --hero-bg:var(--games-page-gradient)!important;
  --homebar-bg:var(--games-page-gradient)!important;
  --header-gradient:var(--games-page-gradient)!important;
  --card-bg:var(--games-card)!important;
  --accent:var(--games-accent)!important;
  --accent-2:var(--games-ink)!important;
  --border:var(--games-border)!important;
  --border-2:var(--games-border-strong)!important;
}

body[data-app="games"] .card,
body[data-app="games"] .game-card,
body[data-app="games"] .game-panel .card,
body[data-app="games"] .progress-shell,
body[data-app="games"] .summary-box,
body[data-app="games"] .round-status-card,
body[data-app="games"] .skill-item,
body[data-app="games"] .trackcoin-stat-card,
body[data-app="games"] .game-summary-details,
body[data-app="games"] .game-summary-body,
body[data-app="games"] .empty-box,
body[data-app="games"] .formula-box,
body[data-app="games"] .word-box,
body[data-app="games"] .solution-box,
body[data-app="games"] .clue-bar,
body[data-app="games"] .number-chip,
body[data-app="games"] .letter-cell,
body[data-app="games"] .realm-stat-chip,
body[data-app="games"] .realm-spirit-card,
body[data-app="games"] .upgrade-item,
body[data-app="games"] .bonus-item,
body[data-app="games"] .ninja-bonus-chip{
  background:var(--games-surface-gradient)!important;
  background-image:var(--games-surface-gradient)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  border-color:var(--games-border)!important;
}

body[data-app="games"] .game-info-details{
  display:block!important;
  border:1px solid var(--games-border)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#7F93B4 0%,#7186A8 100%)!important;
  box-shadow:0 14px 28px -24px rgba(6,12,24,.48)!important;
  overflow:hidden!important;
}
body[data-app="games"] .game-info-details > summary{
  list-style:none!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:9px 12px!important;
  min-height:38px!important;
  font-size:14px!important;
  font-weight:950!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}
body[data-app="games"] .game-info-details > summary::-webkit-details-marker{ display:none!important; }
body[data-app="games"] .game-info-details > summary::after{
  content:"Show"!important;
  border:1px solid var(--games-border)!important;
  border-radius:999px!important;
  padding:5px 9px!important;
  background:var(--games-control)!important;
  font-size:12px!important;
}
body[data-app="games"] .game-info-details[open] > summary::after{ content:"Hide"!important; }
body[data-app="games"] .game-info-details .progress-shell{
  border:0!important;
  border-top:1px solid var(--games-border)!important;
  border-radius:0!important;
  padding:10px 12px!important;
  box-shadow:none!important;
  gap:8px!important;
  background:linear-gradient(180deg,#8EA0BE 0%,#7B8FAE 100%)!important;
}
body[data-app="games"] .progress-shell .xp-row,
body[data-app="games"] .progress-shell--trackcoin .xp-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
}
body[data-app="games"] .trackcoin-level-title{
  font-size:clamp(20px,2.2vw,28px)!important;
  line-height:1.05!important;
}
body[data-app="games"] .xp-bar{
  height:12px!important;
  background:#526890!important;
  border-color:rgba(16,24,39,.38)!important;
}
body[data-app="games"] .xp-fill{
  background:linear-gradient(90deg,#2E3F64 0%,#5C7098 52%,#9AA9C6 100%)!important;
}
body[data-app="games"] .stat-pills,
body[data-app="games"] .trackcoin-stat-pills{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
body[data-app="games"] .stat-pill{
  min-height:0!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  font-size:clamp(13px,1.35vw,15px)!important;
  line-height:1.1!important;
  font-weight:900!important;
  background:var(--games-row-gradient)!important;
  background-image:var(--games-row-gradient)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}

body[data-app="games"] .game-toggle-row,
body[data-app="games"] .trackcoin-tab-row{
  gap:6px!important;
}
body[data-app="games"] .game-toggle-btn,
body[data-app="games"] .realm-tab-btn{
  min-height:34px!important;
  padding:7px 10px!important;
  font-size:14px!important;
  line-height:1!important;
}
body[data-app="games"] .game-window-actions{
  gap:8px!important;
}
body[data-app="games"] .game-window-actions .action,
body[data-app="games"] .start-new-game-toggle,
body[data-app="games"] .auto-next-toggle,
body[data-app="games"] .desktop-keypad-toggle{
  min-height:36px!important;
  min-width:0!important;
  padding:8px 11px!important;
  font-size:14px!important;
  line-height:1.05!important;
}
body[data-app="games"] .game-window-actions .auto-next-toggle{
  min-width:0!important;
}

@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .is-mobile-game-root .mobile-game-exit{
    position:relative!important;
    top:auto!important;
    z-index:3!important;
    width:100%!important;
    margin:0 0 6px 0!important;
  }
  body[data-app="games"] .is-mobile-game-root .game-header{
    gap:8px!important;
  }
  body[data-app="games"] .is-mobile-game-root .game-info-details{
    margin:0!important;
  }
  body[data-app="games"] .is-mobile-game-root .game-toggle-btn{
    padding:9px 6px!important;
    font-size:clamp(13px,3.6vw,15px)!important;
  }
  body[data-app="games"] .is-mobile-game-root .game-window-actions .action{
    flex:1 1 0!important;
    min-width:0!important;
    font-size:clamp(12px,3.35vw,14px)!important;
    padding:9px 7px!important;
  }
}


/* 20260606_mobile_banner_trackcoin_controls
   Dominant Games Hub correction layer:
   - Back To Games remains as the single top mobile exit.
   - Lower header Back To Games and Full Screen are not shown on mobile.
   - Mobile action labels are shorter.
   - Track The Coin cups are centred, spaced, and kept in a calmer height.
   - Games Hub hero text remains readable on the darker blue header gradient. */
body[data-app="games"] .hero .title{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  text-shadow:none!important;
}
body[data-app="games"] .hero .subtitle{
  color:
}
body[data-app="games"] .hero .subtitle{
  color:rgba(255,255,255,.86)!important;
  -webkit-text-fill-color:rgba(255,255,255,.86)!important;
  text-shadow:none!important;
}
@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .bl-scroll{
    top:calc(var(--homebar-h) + env(safe-area-inset-top,0px))!important;
  }
  body.bl-mobile-game-mode .bl-scroll{
    top:0!important;
  }
  body[data-app="games"] .is-mobile-game-root .mobile-game-exit{
    position:relative!important;
    top:auto!important;
    order:-100!important;
    margin:0 0 8px 0!important;
    width:100%!important;
    z-index:4!important;
  }
  body[data-app="games"] .is-mobile-game-root .game-header .link-actions [data-select-game=""],
  body[data-app="games"] .is-mobile-game-root .game-header .link-actions [data-game-fullscreen],
  body[data-app="games"] .is-mobile-game-root .game-fullscreen-toggle{
    display:none!important;
  }
  body[data-app="games"] .is-mobile-game-root .game-window-actions{
    justify-content:stretch!important;
    gap:7px!important;
  }
  body[data-app="games"] .is-mobile-game-root .game-window-actions .action{
    min-height:40px!important;
    padding:9px 8px!important;
    font-size:clamp(12px,3.2vw,14px)!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="trackcoin"] .trackcoin-scene,
  body[data-app="games"] .is-mobile-game-root #trackCoinScene{
    min-height:0!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="trackcoin"] .trackcoin-lane,
  body[data-app="games"] .is-mobile-game-root #trackCoinScene .trackcoin-lane{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:clamp(220px,38svh,310px)!important;
    min-height:220px!important;
    max-height:310px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="trackcoin"] .trackcoin-cup,
  body[data-app="games"] .is-mobile-game-root #trackCoinScene .trackcoin-cup{
    position:absolute!important;
    flex:none!important;
    margin:0!important;
    width:clamp(56px,15vw,72px)!important;
    height:clamp(76px,20vw,96px)!important;
    transform:translateX(-50%) translateY(0) rotate(var(--cup-tilt,0deg))!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="trackcoin"] .trackcoin-lane[data-cups="5"] .trackcoin-cup,
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="trackcoin"] .trackcoin-lane[data-cups="6"] .trackcoin-cup{
    width:clamp(44px,12.5vw,58px)!important;
    height:clamp(64px,17vw,82px)!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="trackcoin"] .trackcoin-item-token,
  body[data-app="games"] .is-mobile-game-root #trackCoinScene .trackcoin-item-token{
    width:clamp(28px,7.5vw,38px)!important;
    height:clamp(28px,7.5vw,38px)!important;
  }
}

/* BASELINE-TRACKCOIN-MOBILE-ABSOLUTE-AUTHORITY-20260606_games_blue_flyout_authority
   Track The Coin uses JS left/top absolute positioning. CSS must not turn cups into flex children. */
@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .is-mobile-game-root #trackCoinScene .trackcoin-scene,
  body[data-app="games"] .is-mobile-game-root #trackCoinScene{
    min-height:0!important;
    grid-template-rows:auto auto minmax(210px,1fr)!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  body[data-app="games"] .is-mobile-game-root #trackCoinScene .trackcoin-lane,
  body[data-app="games"] .is-mobile-game-root .trackcoin-lane{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:clamp(220px,38svh,310px)!important;
    min-height:220px!important;
    max-height:310px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body[data-app="games"] .is-mobile-game-root #trackCoinScene .trackcoin-cup,
  body[data-app="games"] .is-mobile-game-root .trackcoin-cup{
    position:absolute!important;
    flex:none!important;
    margin:0!important;
    width:clamp(56px,15vw,72px)!important;
    height:clamp(76px,20vw,96px)!important;
    transform:translateX(-50%) translateY(0) rotate(var(--cup-tilt,0deg))!important;
  }
  body[data-app="games"] .is-mobile-game-root #trackCoinScene .trackcoin-cup.is-lifted,
  body[data-app="games"] .is-mobile-game-root .trackcoin-cup.is-lifted{
    transform:translateX(-50%) translateY(-34px) rotate(var(--cup-tilt,0deg))!important;
  }
  body[data-app="games"] .is-mobile-game-root .trackcoin-lane[data-cups="5"] .trackcoin-cup,
  body[data-app="games"] .is-mobile-game-root .trackcoin-lane[data-cups="6"] .trackcoin-cup{
    width:clamp(44px,12.5vw,58px)!important;
    height:clamp(64px,17vw,82px)!important;
  }
  body[data-app="games"] .is-mobile-game-root #trackCoinScene .trackcoin-item-token,
  body[data-app="games"] .is-mobile-game-root .trackcoin-item-token{
    position:absolute!important;
    width:clamp(26px,7vw,36px)!important;
    height:clamp(26px,7vw,36px)!important;
    transform:translateX(-50%)!important;
  }
}


/* ============================================================================
   Games Hub — Testing list, information buttons, and Rule Shift authority
   ============================================================================ */

body[data-app="games"] .game-row-wrap{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:stretch!important;
}

body[data-app="games"] .game-row-wrap .game-row{
  min-width:0!important;
  height:100%!important;
}

body[data-app="games"] .game-row-wrap.is-selected .game-row{
  outline:2px solid rgba(24,32,51,.26)!important;
  outline-offset:0!important;
  box-shadow:0 16px 30px -18px rgba(24,32,51,.24)!important;
}

body[data-app="games"] .game-row-info-button,
body[data-app="games"] .game-info-toggle{
  width:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:999px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
  font-weight:950!important;
  line-height:1!important;
  background:var(--games-control-gradient)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  border:1px solid var(--games-border)!important;
  box-shadow:0 10px 22px -20px rgba(12,18,32,.38)!important;
  cursor:pointer!important;
}

body[data-app="games"] .game-row-info-button:hover,
body[data-app="games"] .game-row-info-button:focus-visible,
body[data-app="games"] .game-info-toggle:hover,
body[data-app="games"] .game-info-toggle:focus-visible,
body[data-app="games"] .game-howto-toggle:hover,
body[data-app="games"] .game-howto-toggle:focus-visible{
  filter:brightness(1.04)!important;
  outline:2px solid rgba(24,32,51,.28)!important;
  outline-offset:2px!important;
}

body[data-app="games"] .game-howto-toggle{
  min-width:128px!important;
}

body.games-modal-open{
  overflow:hidden!important;
}

body[data-app="games"] .games-modal[hidden]{
  display:none!important;
}

body[data-app="games"] .games-modal{
  position:fixed!important;
  inset:0!important;
  z-index:30000!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
}

body[data-app="games"] .games-modal__backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(23,32,51,.58)!important;
  backdrop-filter:blur(4px)!important;
}

body[data-app="games"] .games-modal__panel{
  position:relative!important;
  z-index:1!important;
  width:min(620px,calc(100vw - 32px))!important;
  max-height:calc(100svh - 34px)!important;
  overflow:auto!important;
  display:grid!important;
  gap:12px!important;
  padding:clamp(18px,2.4vw,26px)!important;
  border-radius:24px!important;
  background:var(--games-surface-gradient)!important;
  border:1px solid var(--games-border-strong)!important;
  box-shadow:0 28px 68px -34px rgba(12,18,32,.72)!important;
  color:var(--games-ink)!important;
}

body[data-app="games"] .games-modal__panel h3{
  margin:0!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}

body[data-app="games"] .games-modal__body{
  display:grid!important;
  gap:10px!important;
  color:var(--games-muted)!important;
  -webkit-text-fill-color:var(--games-muted)!important;
  line-height:1.58!important;
}

body[data-app="games"] .games-modal__body p{
  margin:0!important;
}

body[data-app="games"] .games-modal__close{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  border:1px solid var(--games-border)!important;
  background:var(--games-control-gradient)!important;
  color:var(--games-ink)!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
}

body[data-app="games"] .ruleshift-board{
  display:grid!important;
  gap:12px!important;
  min-width:0!important;
  max-width:100%!important;
}

body[data-app="games"] .ruleshift-idle-card,
body[data-app="games"] .ruleshift-complete-card,
body[data-app="games"] .ruleshift-rule-card,
body[data-app="games"] .ruleshift-choice-card{
  display:grid!important;
  gap:10px!important;
  padding:clamp(14px,1.4vw,20px)!important;
  border-radius:22px!important;
  background:var(--games-surface-gradient)!important;
  border:1px solid var(--games-border)!important;
  color:var(--games-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 28px -24px rgba(12,18,32,.42)!important;
}

body[data-app="games"] .ruleshift-rule-card strong{
  font-size:clamp(25px,3.1vw,40px)!important;
  line-height:1.08!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}

body[data-app="games"] .ruleshift-rule-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}

body[data-app="games"] .ruleshift-rule-kicker,
body[data-app="games"] .ruleshift-round-count{
  font-size:13px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
  color:var(--games-muted)!important;
  -webkit-text-fill-color:var(--games-muted)!important;
}

body[data-app="games"] .ruleshift-timer{
  display:grid!important;
  grid-template-columns:auto auto minmax(120px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:4px!important;
}

body[data-app="games"] .ruleshift-timer span,
body[data-app="games"] .ruleshift-timer strong{
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
  font-weight:950!important;
}

body[data-app="games"] .ruleshift-timer-bar{
  height:14px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#65708B!important;
  border:1px solid rgba(24,32,51,.36)!important;
}

body[data-app="games"] .ruleshift-timer-fill{
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#B9C9E2 0%,#68728D 52%,#3B466E 100%)!important;
  transition:width .12s linear!important;
}

body[data-app="games"] .ruleshift-choice-card{
  width:100%!important;
  min-height:clamp(250px,35vh,430px)!important;
  align-content:center!important;
}

body[data-app="games"] .ruleshift-options-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important;
  gap:clamp(10px,1.6vw,18px)!important;
  align-items:center!important;
  justify-items:center!important;
}

body[data-app="games"] .ruleshift-token{
  appearance:none!important;
  border:1px solid transparent!important;
  border-radius:20px!important;
  width:100%!important;
  min-height:clamp(98px,10vw,142px)!important;
  padding:10px!important;
  display:grid!important;
  gap:8px!important;
  place-items:center!important;
  background:rgba(184,200,224,.18)!important;
  color:var(--games-ink)!important;
  cursor:pointer!important;
  box-shadow:none!important;
  touch-action:manipulation!important;
}

body[data-app="games"] .ruleshift-token:hover,
body[data-app="games"] .ruleshift-token:focus-visible{
  background:rgba(184,200,224,.34)!important;
  outline:3px solid rgba(24,32,51,.28)!important;
  outline-offset:2px!important;
}

body[data-app="games"] .ruleshift-option-label{
  font-weight:950!important;
  text-align:center!important;
  font-size:clamp(12px,1.05vw,15px)!important;
  color:var(--games-ink)!important;
  -webkit-text-fill-color:var(--games-ink)!important;
}

body[data-app="games"] .ruleshift-shape{
  display:block!important;
  width:clamp(52px,6vw,88px)!important;
  height:clamp(52px,6vw,88px)!important;
  background:#3B466E!important;
  border:3px solid rgba(24,32,51,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 12px 24px -18px rgba(12,18,32,.56)!important;
}

body[data-app="games"] .ruleshift-size--small .ruleshift-shape{
  transform:scale(.72)!important;
}

body[data-app="games"] .ruleshift-size--large .ruleshift-shape{
  transform:scale(1)!important;
}

body[data-app="games"] .ruleshift-shape--circle{ border-radius:999px!important; }
body[data-app="games"] .ruleshift-shape--square{ border-radius:16px!important; }
body[data-app="games"] .ruleshift-shape--triangle{
  clip-path:polygon(50% 0%,100% 100%,0% 100%)!important;
  border-radius:0!important;
}
body[data-app="games"] .ruleshift-shape--diamond{
  clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)!important;
  border-radius:0!important;
}
body[data-app="games"] .ruleshift-shape--pill{
  border-radius:999px!important;
  width:clamp(72px,7.6vw,112px)!important;
  height:clamp(40px,4.6vw,64px)!important;
}
body[data-app="games"] .ruleshift-shape--hexagon{
  clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)!important;
  border-radius:0!important;
}
body[data-app="games"] .ruleshift-shape--star{
  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 92%,50% 70%,21% 92%,32% 57%,2% 35%,39% 35%)!important;
  border-radius:0!important;
}
body[data-app="games"] .ruleshift-shape--cross{
  clip-path:polygon(35% 0%,65% 0%,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0% 65%,0% 35%,35% 35%)!important;
  border-radius:0!important;
}

body[data-app="games"] .ruleshift-colour--red .ruleshift-shape{ background:#9E4A4A!important; }
body[data-app="games"] .ruleshift-colour--blue .ruleshift-shape{ background:#3F5F9C!important; }
body[data-app="games"] .ruleshift-colour--green .ruleshift-shape{ background:#527A57!important; }
body[data-app="games"] .ruleshift-colour--yellow .ruleshift-shape{ background:#C9A646!important; }
body[data-app="games"] .ruleshift-colour--purple .ruleshift-shape{ background:#775A9E!important; }
body[data-app="games"] .ruleshift-colour--orange .ruleshift-shape{ background:#B8753D!important; }
body[data-app="games"] .ruleshift-colour--teal .ruleshift-shape{ background:#3F8C8C!important; }
body[data-app="games"] .ruleshift-colour--pink .ruleshift-shape{ background:#B85F8A!important; }

@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .game-header .link-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 54px!important;
    gap:10px!important;
    margin-left:0!important;
    justify-content:stretch!important;
  }

  body[data-app="games"] .game-header .link-actions [data-select-game=""]{
    grid-column:1 / -1!important;
    width:100%!important;
    min-height:48px!important;
    order:1!important;
  }

  body[data-app="games"] .game-header .link-actions .game-howto-toggle{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    order:2!important;
  }

  body[data-app="games"] .game-header .link-actions .game-info-toggle{
    grid-column:2!important;
    width:54px!important;
    min-width:54px!important;
    order:3!important;
  }

  body[data-app="games"] .game-header .link-actions .game-fullscreen-toggle{
    display:none!important;
  }

  body[data-app="games"] .game-row-wrap{
    grid-template-columns:minmax(0,1fr) 52px!important;
  }

  body[data-app="games"] .game-row-info-button{
    width:52px!important;
    min-width:52px!important;
  }

  body[data-app="games"] .ruleshift-choice-card{
    min-height:clamp(340px,52svh,560px)!important;
    align-content:start!important;
  }

  body[data-app="games"] .ruleshift-options-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
  }

  body[data-app="games"] .ruleshift-token{
    min-height:clamp(92px,17svh,132px)!important;
    border-radius:16px!important;
    padding:8px 4px!important;
  }

  body[data-app="games"] .ruleshift-shape{
    width:clamp(42px,14vw,70px)!important;
    height:clamp(42px,14vw,70px)!important;
  }

  body[data-app="games"] .ruleshift-shape--pill{
    width:clamp(58px,18vw,86px)!important;
    height:clamp(34px,10vw,52px)!important;
  }

  body[data-app="games"] .ruleshift-option-label{
    font-size:11px!important;
  }

  body[data-app="games"] .ruleshift-timer{
    grid-template-columns:auto auto minmax(80px,1fr)!important;
  }
}

@media (max-width:460px){
  body[data-app="games"] .ruleshift-options-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* 20260607 Rule Shift visual-only balanced board + mobile fit authority */
body[data-app="games"] .ruleshift-option-label{
  display:none!important;
}

body[data-app="games"] .ruleshift-options-grid{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:clamp(8px,1vw,14px)!important;
}

body[data-app="games"] .ruleshift-token{
  min-height:clamp(88px,8vw,132px)!important;
  padding:clamp(8px,.8vw,12px)!important;
  display:grid!important;
  place-items:center!important;
}

body[data-app="games"] .ruleshift-choice-card{
  min-height:0!important;
  align-content:center!important;
}

@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"]{
    overflow:hidden!important;
    height:100svh!important;
    max-height:100svh!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .game-header{
    gap:6px!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .progress-shell{
    display:none!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .game-toggle-row{
    margin-bottom:6px!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .game-panel-stack,
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] #ruleShiftGameCard,
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .game-play-window,
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-board{
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
    gap:6px!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-rule-card{
    padding:8px 10px!important;
    border-radius:16px!important;
    gap:5px!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-rule-card strong{
    font-size:clamp(22px,7.2vw,34px)!important;
    line-height:1!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-rule-kicker,
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-round-count{
    font-size:10px!important;
    letter-spacing:.12em!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-timer{
    grid-template-columns:auto auto minmax(0,1fr)!important;
    gap:6px!important;
    margin-top:0!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-timer span,
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-timer strong{
    font-size:clamp(16px,5.2vw,24px)!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-timer-bar{
    height:10px!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-choice-card{
    min-height:0!important;
    height:100%!important;
    padding:8px!important;
    border-radius:16px!important;
    align-content:stretch!important;
    overflow:hidden!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-options-grid{
    height:100%!important;
    min-height:0!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
    justify-items:stretch!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-token{
    min-height:0!important;
    height:100%!important;
    padding:4px!important;
    border-radius:14px!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-shape{
    width:min(16vw,64px)!important;
    height:min(16vw,64px)!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-shape--pill{
    width:min(20vw,78px)!important;
    height:min(10vw,42px)!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .game-window-actions{
    padding-top:6px!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .game-window-actions .action{
    min-height:36px!important;
    font-size:12px!important;
    padding:7px 8px!important;
  }
}

@media (max-width:460px){
  body[data-app="games"] .ruleshift-options-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* 20260607 Rule Shift visual card authority:
   - no visible text inside option cards
   - all shapes are centred
   - small shapes are meaningfully smaller */
body[data-app="games"] .ruleshift-option-label{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  font-size:0!important;
  line-height:0!important;
}

body[data-app="games"] .ruleshift-token{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  place-items:center!important;
  gap:0!important;
  padding:clamp(8px,.9vw,14px)!important;
}

body[data-app="games"] .ruleshift-shape{
  display:block!important;
  margin:auto!important;
  align-self:center!important;
  justify-self:center!important;
  transform-origin:50% 50%!important;
}

body[data-app="games"] .ruleshift-size--small .ruleshift-shape{
  transform:scale(.50)!important;
}

body[data-app="games"] .ruleshift-size--large .ruleshift-shape{
  transform:scale(1)!important;
}

body[data-app="games"] .ruleshift-size--small .ruleshift-shape--pill{
  width:clamp(72px,7.6vw,112px)!important;
  height:clamp(40px,4.6vw,64px)!important;
  transform:scale(.46)!important;
}

body[data-app="games"] .ruleshift-size--large .ruleshift-shape--pill{
  width:clamp(72px,7.6vw,112px)!important;
  height:clamp(40px,4.6vw,64px)!important;
  transform:scale(1)!important;
}

@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-token{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    place-items:center!important;
    gap:0!important;
    padding:4px!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-shape{
    margin:auto!important;
    align-self:center!important;
    justify-self:center!important;
    transform-origin:50% 50%!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-size--small .ruleshift-shape{
    transform:scale(.48)!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-size--large .ruleshift-shape{
    transform:scale(1)!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-size--small .ruleshift-shape--pill{
    transform:scale(.44)!important;
  }

  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-size--large .ruleshift-shape--pill{
    transform:scale(1)!important;
  }
}

/* 20260607 Games template coherence: clean streak bonus shared visual marker */
body[data-app="games"] .stat-pill--clean,
body[data-app="games"] .realm-stat-chip.stat-pill--clean{
  border-color:rgba(16,24,39,.54)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 24px -22px rgba(6,12,24,.48)!important;
}

body[data-app="games"] .stat-pill--clean strong,
body[data-app="games"] .stat-pill--clean span{
  font-weight:950!important;
}

/* 20260607 Rule Shift failure/timer/card authority — EDIT_VERSION_20260607_CLEAN_HUB_ENTRY_BANNER_FIX
   - no visible text inside option cards
   - option cards are visual only
   - all shapes are centred
   - small shapes are visibly smaller
   - failed run card is visually distinct */
body[data-app="games"] .ruleshift-token,
body[data-app="games"] .ruleshift-token *{
  text-indent:0!important;
}

body[data-app="games"] .ruleshift-token{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  place-items:center!important;
  text-align:center!important;
  gap:0!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}

body[data-app="games"] .ruleshift-token::before,
body[data-app="games"] .ruleshift-token::after{
  content:none!important;
  display:none!important;
}

body[data-app="games"] .ruleshift-option-label{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  font-size:0!important;
  line-height:0!important;
}

body[data-app="games"] .ruleshift-shape{
  display:block!important;
  margin:auto!important;
  align-self:center!important;
  justify-self:center!important;
  transform-origin:50% 50%!important;
}

body[data-app="games"] .ruleshift-size--small .ruleshift-shape{
  transform:scale(.50)!important;
}

body[data-app="games"] .ruleshift-size--large .ruleshift-shape{
  transform:scale(1)!important;
}

body[data-app="games"] .ruleshift-size--small .ruleshift-shape--pill{
  transform:scale(.46)!important;
}

body[data-app="games"] .ruleshift-size--large .ruleshift-shape--pill{
  transform:scale(1)!important;
}

body[data-app="games"] .ruleshift-failed-card{
  border-color:rgba(122,69,69,.42)!important;
  box-shadow:0 0 0 3px rgba(122,69,69,.22),0 14px 28px -24px rgba(12,18,32,.42)!important;
}

@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-token{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    place-items:center!important;
    font-size:0!important;
    line-height:0!important;
    gap:0!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-shape{
    margin:auto!important;
    align-self:center!important;
    justify-self:center!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-size--small .ruleshift-shape{
    transform:scale(.48)!important;
  }
  body[data-app="games"] .is-mobile-game-root[data-game-play-root="ruleshift"] .ruleshift-size--small .ruleshift-shape--pill{
    transform:scale(.44)!important;
  }
}

/* 20260607 Realm hand-drawn art + layout polish — EDIT_VERSION_20260607_CLEAN_HUB_ENTRY_BANNER_FIX
   - Rule Shift is now grouped with Core Games in JS.
   - Realm scene is less top-cramped, less bottom-heavy, and uses painterly hand-drawn SVG assets.
   - Controls stay single-line, enemy HP is separated from controls, characters are raised, and Dash Cut is less dominant. */
#ninjaPanel #realmSceneFrame{
  background:#1f3625!important;
  border-color:rgba(49,33,21,.26)!important;
  box-shadow:0 24px 54px -34px rgba(20,12,8,.62), inset 0 0 0 1px rgba(255,247,222,.14)!important;
}
#ninjaPanel .ninja-scene{
  background:radial-gradient(circle at 48% 42%,rgba(255,235,188,.11),transparent 38%),#203d27!important;
}
#ninjaPanel .ninja-scene::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:2!important;
  background:
    radial-gradient(circle at 28% 52%,rgba(255,244,210,.13),transparent 26%),
    radial-gradient(circle at 72% 56%,rgba(255,229,174,.09),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 30%,rgba(21,18,14,.06) 100%)!important;
  mix-blend-mode:screen;
}
#ninjaPanel .ninja-scene::after{
  content:""!important;
  position:absolute!important;
  left:8%!important;
  right:8%!important;
  bottom:132px!important;
  height:170px!important;
  pointer-events:none!important;
  z-index:3!important;
  background:
    radial-gradient(ellipse at 50% 80%,rgba(240,198,126,.16),transparent 58%),
    linear-gradient(90deg,transparent 0%,rgba(255,238,180,.08) 48%,rgba(255,238,180,.08) 52%,transparent 100%)!important;
  opacity:.75!important;
}
#ninjaPanel .ninja-scene__layer{
  display:block!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:100%!important;
  background-image:url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg")!important;
  background-repeat:repeat-x!important;
  background-position:0 100%!important;
  background-size:1600px 100%!important;
  animation:ninjaPanHanddrawn 38s linear infinite!important;
  opacity:1!important;
  z-index:0!important;
  filter:saturate(1.04) contrast(1.02)!important;
}
#ninjaPanel .ninja-scene__layer--b{display:none!important;}
@keyframes ninjaPanHanddrawn{from{background-position:0 100%}to{background-position:-1600px 100%}}
#ninjaPanel .ninja-scene__lane{
  height:128px!important;
  background:linear-gradient(180deg,rgba(80,103,48,0) 0%,rgba(79,95,47,.08) 32%,rgba(96,68,40,.50) 100%)!important;
  z-index:1!important;
}
#ninjaPanel .ninja-scene__runner,
#ninjaPanel .ninja-scene__enemy{
  bottom:156px!important;
  z-index:5!important;
  filter:drop-shadow(0 16px 18px rgba(14,10,7,.24))!important;
}
#ninjaPanel .ninja-scene__runner{left:12%!important;width:218px!important;bottom:152px!important;}
#ninjaPanel .ninja-scene__enemy{right:9%!important;width:204px!important;bottom:154px!important;}
#ninjaPanel .ninja-scene.is-boss .ninja-scene__enemy{width:238px!important;right:5%!important;}
#ninjaPanel .ninja-scene__runner img,
#ninjaPanel .ninja-scene__enemy img{
  filter:drop-shadow(0 12px 12px rgba(17,12,8,.22))!important;
}
#ninjaPanel .realm-utility{
  position:absolute!important;
  top:18px!important;
  right:20px!important;
  z-index:18!important;
  display:flex!important;
  gap:8px!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  max-width:calc(100% - 620px)!important;
}
#ninjaPanel .realm-fab{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(70,42,26,.20)!important;
  background:linear-gradient(180deg,rgba(248,238,219,.94),rgba(218,191,154,.90))!important;
  box-shadow:0 14px 26px -22px rgba(20,12,8,.58), inset 0 1px 0 rgba(255,255,255,.40)!important;
  color:#4b2f1f!important;
  text-shadow:none!important;
}
#ninjaPanel .realm-fab__icon{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  border-radius:50%!important;
  font-size:17px!important;
  background:rgba(255,249,236,.64)!important;
  border:1px solid rgba(70,42,26,.14)!important;
  color:#4b2f1f!important;
  box-shadow:none!important;
}
#ninjaPanel .realm-fab__label{
  max-width:none!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#4b2f1f!important;
  -webkit-text-fill-color:#4b2f1f!important;
}
#ninjaPanel .realm-top-strip{
  left:20px!important;
  right:auto!important;
  top:18px!important;
  width:min(560px,calc(100% - 430px))!important;
  z-index:16!important;
  display:grid!important;
  grid-template-columns:minmax(160px,auto) minmax(0,1fr)!important;
  gap:8px 12px!important;
  align-items:center!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(248,241,230,.92),rgba(231,216,196,.90))!important;
  border:1px solid rgba(82,56,35,.20)!important;
  box-shadow:0 16px 26px -22px rgba(25,14,8,.46)!important;
  backdrop-filter:blur(3px)!important;
}
#ninjaPanel .realm-top-strip .xp-bar{
  grid-column:1 / -1!important;
  height:12px!important;
  margin-top:0!important;
  border-radius:999px!important;
  background:rgba(82,56,35,.16)!important;
  border:1px solid rgba(82,56,35,.08)!important;
}
#ninjaPanel .realm-route-meta{min-width:0!important;}
#ninjaPanel .realm-route-meta strong{font-size:20px!important;}
#ninjaPanel .realm-top-strip__meta{
  font-size:13px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#ninjaPanel .realm-bar-divider{display:none!important;}
#ninjaPanel .realm-enemy-status{
  top:92px!important;
  right:20px!important;
  width:min(320px,28vw)!important;
  z-index:17!important;
  padding:11px 13px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(248,241,230,.92),rgba(231,216,196,.90))!important;
  border:1px solid rgba(82,56,35,.20)!important;
  box-shadow:0 16px 26px -22px rgba(25,14,8,.48)!important;
}
#ninjaPanel .realm-enemy-status__name{font-size:17px!important;}
#ninjaPanel #ninjaManualStrikeBtn{
  left:24px!important;
  bottom:24px!important;
  z-index:19!important;
  min-width:132px!important;
  min-height:48px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(248,236,210,.96),rgba(211,158,90,.94))!important;
  border:1px solid rgba(70,42,26,.28)!important;
  box-shadow:0 16px 28px -20px rgba(20,12,8,.58), inset 0 1px 0 rgba(255,255,255,.32)!important;
  color:#3b2316!important;
  -webkit-text-fill-color:#3b2316!important;
  font-size:14px!important;
  line-height:1.05!important;
}
#ninjaPanel .realm-basecamp-screen{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),url("/systems/baseline-games-hub/games/baseline-realm/basecamp/art/basecamp-settlement.svg") center center/cover no-repeat!important;
}
#ninjaPanel .realm-exploration-screen{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg") center center/cover no-repeat!important;
}
@media (max-width:1080px){
  #ninjaPanel .realm-utility{left:20px!important;right:20px!important;top:18px!important;max-width:none!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
  #ninjaPanel .realm-top-strip{left:20px!important;right:20px!important;top:86px!important;width:auto!important;grid-template-columns:1fr!important;}
  #ninjaPanel .realm-enemy-status{left:20px!important;right:20px!important;top:188px!important;width:auto!important;}
  #ninjaPanel .ninja-scene__runner{left:8%!important;width:188px!important;bottom:150px!important;}
  #ninjaPanel .ninja-scene__enemy{right:7%!important;width:182px!important;bottom:150px!important;}
}
@media (max-width:760px){
  #ninjaPanel #realmSceneFrame{height:980px!important;min-height:980px!important;}
  #ninjaPanel .realm-utility{left:12px!important;right:12px!important;top:12px!important;gap:7px!important;}
  #ninjaPanel .realm-fab{padding:6px 8px!important;}
  #ninjaPanel .realm-fab__icon{width:30px!important;height:30px!important;flex-basis:30px!important;}
  #ninjaPanel .realm-fab__label{font-size:11px!important;}
  #ninjaPanel .realm-top-strip{left:12px!important;right:12px!important;top:112px!important;width:auto!important;}
  #ninjaPanel .realm-enemy-status{left:12px!important;right:12px!important;top:226px!important;width:auto!important;}
  #ninjaPanel .ninja-scene__runner{left:8%!important;width:160px!important;bottom:182px!important;}
  #ninjaPanel .ninja-scene__enemy{right:6%!important;width:154px!important;bottom:184px!important;}
  #ninjaPanel #ninjaManualStrikeBtn{left:12px!important;bottom:14px!important;min-width:118px!important;min-height:44px!important;font-size:13px!important;}
}



/* 20260607_clean_entry_realm_escape
   If Baseline Realm is opened explicitly, keep the normal game header/action row
   visible so the artwork never becomes a dead-end full-page image. */
body[data-app="games"] #ninjaPanel .game-header.realm-page-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  padding:0 2px 10px!important;
}
body[data-app="games"] #ninjaPanel .game-header .link-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  margin-left:auto!important;
}
body[data-app="games"] #ninjaPanel .game-header .link-actions .action{
  width:auto!important;
  min-width:154px!important;
}
@media (max-width:820px), (hover:none) and (pointer:coarse){
  body[data-app="games"] #ninjaPanel .game-header .link-actions{
    width:100%!important;
    margin-left:0!important;
    justify-content:stretch!important;
  }
  body[data-app="games"] #ninjaPanel .game-header .link-actions .action{
    width:100%!important;
    min-width:0!important;
  }
}

/* ==========================================================================
   EDIT_VERSION_20260607_REALM_GAME_ONLY_PREMIUM_FIX
   Baseline Realm only. Does not alter the site header, Account panel, or
   other website pages/components.
   ========================================================================== */
#ninjaPanel{
  --realm-ui-bg:rgba(9,18,32,.78);
  --realm-ui-bg-2:rgba(20,33,52,.72);
  --realm-ui-line:rgba(202,218,244,.28);
  --realm-ui-line-strong:rgba(236,202,124,.40);
  --realm-ui-ink:#f4f7ff;
  --realm-ui-muted:#c4d0df;
  --realm-ui-gold:#f0c875;
  --realm-ui-red:#d23838;
  --realm-ui-blue:#33a8d9;
  --realm-ui-green:#62ce78;
}
#ninjaPanel .realm-shell-card{
  background:
    radial-gradient(circle at 72% 16%,rgba(217,125,88,.16),transparent 34%),
    radial-gradient(circle at 18% 40%,rgba(91,132,186,.22),transparent 34%),
    linear-gradient(135deg,#07111f 0%,#122138 48%,#09131f 100%)!important;
  border:1px solid rgba(196,213,238,.22)!important;
  box-shadow:0 30px 80px -48px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:var(--realm-ui-ink)!important;
  padding:18px!important;
  overflow:hidden!important;
}
#ninjaPanel .realm-page-header{
  margin:0 0 14px!important;
  padding:0 2px 2px!important;
}
#ninjaPanel .realm-page-header h2{
  color:var(--realm-ui-ink)!important;
  -webkit-text-fill-color:var(--realm-ui-ink)!important;
  font-size:clamp(30px,3.6vw,46px)!important;
  letter-spacing:.01em!important;
  text-shadow:0 3px 18px rgba(0,0,0,.52)!important;
}
#ninjaPanel .realm-page-header .note{
  max-width:760px!important;
  color:var(--realm-ui-muted)!important;
  -webkit-text-fill-color:var(--realm-ui-muted)!important;
}
#ninjaPanel .realm-game-mount,
#ninjaPanel .realm-window{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-height:0!important;
}
#ninjaPanel #realmSceneFrame{
  position:relative!important;
  min-height:560px!important;
  height:min(62vw,720px)!important;
  max-height:720px!important;
  aspect-ratio:16/9!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#08131e!important;
  border:1px solid rgba(202,218,244,.25)!important;
  box-shadow:0 28px 80px -42px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.08)!important;
  isolation:isolate!important;
}
#ninjaPanel #realmSceneFrame::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:6!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(5,10,18,.36) 0%,transparent 16%,transparent 76%,rgba(5,10,18,.50) 100%),
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 28%,rgba(0,0,0,.22) 100%)!important;
  mix-blend-mode:normal!important;
}
#ninjaPanel #realmSceneFrame::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:7!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 54%,transparent 0 34%,rgba(0,0,0,.30) 100%)!important;
  opacity:.70!important;
}
#ninjaPanel .ninja-scene{
  position:absolute!important;
  inset:0!important;
  min-height:100%!important;
  border:0!important;
  border-radius:0!important;
  background:#07131d!important;
  overflow:hidden!important;
}
#ninjaPanel .ninja-scene__layer{
  display:block!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:100%!important;
  background-image:url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg")!important;
  background-repeat:repeat-x!important;
  background-position:0 100%!important;
  background-size:1600px 100%!important;
  animation:realmPremiumPan 42s linear infinite!important;
  opacity:1!important;
  z-index:0!important;
  filter:saturate(1.08) contrast(1.06) brightness(.92)!important;
}
#ninjaPanel .ninja-scene__layer--b{display:none!important;}
@keyframes realmPremiumPan{from{background-position:0 100%}to{background-position:-1600px 100%}}
#ninjaPanel .ninja-scene::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 52% 48%,rgba(255,211,132,.18),transparent 28%),
    linear-gradient(180deg,rgba(117,156,217,.10) 0%,transparent 34%,rgba(0,0,0,.10) 100%)!important;
  mix-blend-mode:screen!important;
}
#ninjaPanel .ninja-scene::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:38%!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent 0%,rgba(10,18,18,.08) 34%,rgba(5,9,12,.38) 100%)!important;
  opacity:1!important;
}
#ninjaPanel .ninja-scene__lane{
  left:0!important;right:0!important;bottom:0!important;
  height:170px!important;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(37,43,25,.10) 25%,rgba(22,19,16,.42) 100%)!important;
  z-index:3!important;
  pointer-events:none!important;
}
#ninjaPanel .ninja-scene__runner,
#ninjaPanel .ninja-scene__enemy{
  bottom:clamp(92px,14vw,128px)!important;
  z-index:8!important;
  filter:drop-shadow(0 22px 22px rgba(0,0,0,.56))!important;
}
#ninjaPanel .ninja-scene__runner{left:10.5%!important;width:clamp(190px,15vw,250px)!important;animation:ninjaRunnerBob .72s ease-in-out infinite!important;}
#ninjaPanel .ninja-scene__enemy{right:8.5%!important;width:clamp(184px,14.5vw,236px)!important;animation:ninjaEnemyApproach 2.8s linear infinite!important;}
#ninjaPanel .ninja-scene.is-boss .ninja-scene__enemy{right:6%!important;width:clamp(220px,17vw,278px)!important;}
#ninjaPanel .ninja-scene__runner img,
#ninjaPanel .ninja-scene__enemy img{
  filter:drop-shadow(0 14px 16px rgba(0,0,0,.50)) saturate(1.08) contrast(1.04)!important;
}
#ninjaPanel .realm-training-hud{position:absolute!important;inset:0!important;z-index:12!important;pointer-events:none!important;}
#ninjaPanel .realm-training-hud > *{pointer-events:auto!important;}
#ninjaPanel .realm-top-strip{
  left:18px!important;
  right:auto!important;
  top:18px!important;
  width:min(600px,calc(100% - 470px))!important;
  z-index:16!important;
  display:grid!important;
  grid-template-columns:minmax(160px,auto) minmax(0,1fr)!important;
  gap:8px 14px!important;
  align-items:center!important;
  padding:13px 15px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(13,26,44,.88),rgba(16,32,51,.72))!important;
  border:1px solid var(--realm-ui-line)!important;
  box-shadow:0 18px 36px -24px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(8px)!important;
}
#ninjaPanel .realm-route-meta strong,
#ninjaPanel .realm-top-strip__meta,
#ninjaPanel .realm-route-meta span{
  color:var(--realm-ui-ink)!important;
  -webkit-text-fill-color:var(--realm-ui-ink)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.50)!important;
}
#ninjaPanel .realm-route-meta span,
#ninjaPanel .realm-top-strip__meta{color:var(--realm-ui-muted)!important;-webkit-text-fill-color:var(--realm-ui-muted)!important;}
#ninjaPanel .realm-top-strip .xp-bar,
#ninjaPanel .realm-meter{
  background:rgba(3,9,16,.72)!important;
  border:1px solid rgba(202,218,244,.22)!important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.55)!important;
}
#ninjaPanel .realm-top-strip .xp-fill{background:linear-gradient(90deg,#316bd6 0%,#60b7ff 52%,#f0c875 100%)!important;}
#ninjaPanel .realm-enemy-status{
  top:84px!important;
  right:126px!important;
  width:min(360px,30vw)!important;
  z-index:17!important;
  padding:13px 15px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(22,21,27,.88),rgba(42,29,33,.72))!important;
  border:1px solid rgba(255,210,128,.28)!important;
  box-shadow:0 18px 36px -24px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(8px)!important;
}
#ninjaPanel .realm-enemy-status__name{color:var(--realm-ui-ink)!important;-webkit-text-fill-color:var(--realm-ui-ink)!important;font-size:17px!important;}
#ninjaPanel .realm-meter__fill{background:linear-gradient(90deg,#6e1015 0%,#d23838 72%,#ff766b 100%)!important;}
#ninjaPanel .realm-meter__text{color:#fff5ec!important;-webkit-text-fill-color:#fff5ec!important;text-shadow:0 2px 10px rgba(0,0,0,.70)!important;}
#ninjaPanel .realm-utility{
  position:absolute!important;
  top:50%!important;
  right:14px!important;
  transform:translateY(-50%)!important;
  z-index:18!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  max-width:none!important;
  min-width:116px!important;
  padding:14px 10px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(10,22,36,.78),rgba(11,20,30,.58))!important;
  border:1px solid rgba(202,218,244,.22)!important;
  box-shadow:0 18px 46px -28px rgba(0,0,0,.90),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(7px)!important;
}
#ninjaPanel .realm-fab{
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  padding:12px 8px!important;
  border-radius:18px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:var(--realm-ui-ink)!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
#ninjaPanel .realm-fab:hover,
#ninjaPanel .realm-fab[aria-pressed="true"]{
  background:rgba(114,145,195,.18)!important;
  border-color:rgba(202,218,244,.22)!important;
}
#ninjaPanel .realm-fab__icon{
  width:42px!important;height:42px!important;flex-basis:auto!important;
  border-radius:16px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(180deg,rgba(80,106,151,.86),rgba(19,33,55,.88))!important;
  border:1px solid rgba(202,218,244,.24)!important;
  color:#f6f9ff!important;
  box-shadow:0 10px 20px -14px rgba(0,0,0,.74),inset 0 1px 0 rgba(255,255,255,.10)!important;
  font-size:19px!important;
}
#ninjaPanel .realm-fab__label{
  max-width:86px!important;
  white-space:normal!important;
  color:var(--realm-ui-ink)!important;
  -webkit-text-fill-color:var(--realm-ui-ink)!important;
  font-size:12px!important;
  line-height:1.18!important;
  font-weight:850!important;
  text-align:center!important;
}
#ninjaPanel #ninjaManualStrikeBtn{
  left:24px!important;
  bottom:22px!important;
  z-index:19!important;
  min-width:152px!important;
  min-height:54px!important;
  padding:12px 18px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#315ea9 0%,#152b5f 100%)!important;
  border:1px solid rgba(202,218,244,.32)!important;
  box-shadow:0 16px 30px -18px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.14)!important;
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
  font-size:15px!important;
}
#ninjaPanel .realm-offline-toast{
  right:142px!important;
  bottom:22px!important;
  left:auto!important;
  max-width:min(520px,calc(100% - 340px))!important;
  background:rgba(8,18,31,.82)!important;
  color:var(--realm-ui-muted)!important;
  border:1px solid rgba(202,218,244,.22)!important;
  backdrop-filter:blur(6px)!important;
}
#ninjaPanel .realm-drawer{
  top:16px!important;right:142px!important;bottom:16px!important;
  width:min(470px,calc(100% - 184px))!important;
  padding:18px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(15,28,47,.94),rgba(14,25,40,.90))!important;
  border:1px solid rgba(202,218,244,.24)!important;
  box-shadow:0 28px 64px -34px rgba(0,0,0,.94),inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:var(--realm-ui-ink)!important;
  backdrop-filter:blur(10px)!important;
}
#ninjaPanel .realm-drawer h4,
#ninjaPanel .realm-drawer strong,
#ninjaPanel .realm-drawer .inline-note,
#ninjaPanel .realm-drawer .note{color:var(--realm-ui-ink)!important;-webkit-text-fill-color:currentColor!important;}
#ninjaPanel .realm-drawer .note,
#ninjaPanel .realm-drawer .inline-note{color:var(--realm-ui-muted)!important;}
#ninjaPanel .realm-tab-btn,
#ninjaPanel .realm-close-btn,
#ninjaPanel .upgrade-item,
#ninjaPanel .summary-box,
#ninjaPanel .realm-stat-chip,
#ninjaPanel .ninja-bonus-chip,
#ninjaPanel .trackcoin-stat-card{
  background:linear-gradient(180deg,rgba(46,67,103,.70),rgba(19,34,56,.70))!important;
  border:1px solid rgba(202,218,244,.18)!important;
  color:var(--realm-ui-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#ninjaPanel .realm-tab-btn.is-active{
  background:linear-gradient(180deg,rgba(80,108,170,.90),rgba(36,58,108,.90))!important;
  border-color:rgba(240,200,117,.42)!important;
}
#ninjaPanel .realm-basecamp-screen{
  background:linear-gradient(180deg,rgba(2,8,16,.18),rgba(2,8,16,.42)),url("/systems/baseline-games-hub/games/baseline-realm/basecamp/art/basecamp-settlement.svg") center center/cover no-repeat!important;
}
#ninjaPanel .realm-exploration-screen{
  background:linear-gradient(180deg,rgba(2,8,16,.18),rgba(2,8,16,.42)),url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg") center center/cover no-repeat!important;
}
#ninjaPanel .realm-location-button,
#ninjaPanel .realm-exploration-copy,
#ninjaPanel .realm-exploration-enemy{
  background:linear-gradient(180deg,rgba(15,28,47,.88),rgba(18,34,54,.78))!important;
  color:var(--realm-ui-ink)!important;
  border:1px solid rgba(202,218,244,.22)!important;
  box-shadow:0 18px 42px -26px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(7px)!important;
}
#ninjaPanel .realm-location-button span,
#ninjaPanel .realm-location-button small,
#ninjaPanel .realm-exploration-copy h4,
#ninjaPanel .realm-exploration-copy p{color:var(--realm-ui-ink)!important;-webkit-text-fill-color:currentColor!important;}
#ninjaPanel .realm-location-button small,
#ninjaPanel .realm-exploration-copy p{color:var(--realm-ui-muted)!important;}
@media (max-width:1080px){
  #ninjaPanel #realmSceneFrame{height:820px!important;min-height:820px!important;}
  #ninjaPanel .realm-utility{top:16px!important;left:16px!important;right:16px!important;transform:none!important;min-width:0!important;flex-direction:row!important;justify-content:flex-start!important;width:auto!important;}
  #ninjaPanel .realm-fab{width:auto!important;min-width:86px!important;}
  #ninjaPanel .realm-top-strip{left:16px!important;right:16px!important;top:106px!important;width:auto!important;grid-template-columns:1fr!important;}
  #ninjaPanel .realm-enemy-status{left:16px!important;right:16px!important;top:226px!important;width:auto!important;}
  #ninjaPanel .realm-drawer{left:16px!important;right:16px!important;top:16px!important;bottom:16px!important;width:auto!important;}
  #ninjaPanel .realm-offline-toast{left:16px!important;right:16px!important;max-width:none!important;}
}
@media (max-width:760px){
  #ninjaPanel #realmSceneFrame{height:980px!important;min-height:980px!important;border-radius:22px!important;}
  #ninjaPanel .realm-utility{top:12px!important;left:12px!important;right:12px!important;padding:8px!important;gap:6px!important;}
  #ninjaPanel .realm-fab{min-width:0!important;flex:1 1 0!important;padding:8px 4px!important;}
  #ninjaPanel .realm-fab__icon{width:34px!important;height:34px!important;font-size:16px!important;}
  #ninjaPanel .realm-fab__label{font-size:10.5px!important;max-width:78px!important;}
  #ninjaPanel .realm-top-strip{left:12px!important;right:12px!important;top:96px!important;width:auto!important;}
  #ninjaPanel .realm-enemy-status{left:12px!important;right:12px!important;top:218px!important;width:auto!important;}
  #ninjaPanel .ninja-scene__runner{left:6%!important;width:158px!important;bottom:162px!important;}
  #ninjaPanel .ninja-scene__enemy{right:4%!important;width:150px!important;bottom:164px!important;}
  #ninjaPanel #ninjaManualStrikeBtn{left:12px!important;bottom:14px!important;min-width:122px!important;min-height:46px!important;font-size:13px!important;}
}


/* BASELINE-GAMES-HUB-HERO-WHITE-SITEWIDE-COHERENCE-20260607
   Games Hub uses the same sitewide hero position/structure, but its dark blue
   header needs the title/subtext in white like the other dark-header pages.
   No blurred shadow layer. */
body[data-app="games"] .hero .title,
body[data-app="games"] .hero .subtitle{
  text-shadow:none!important;
  filter:none!important;
}
body[data-app="games"] .hero .title{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
body[data-app="games"] .hero .subtitle{
  color:rgba(255,255,255,.86)!important;
  -webkit-text-fill-color:rgba(255,255,255,.86)!important;
}


/* GAMES_OVERVIEW_ART_CARDS_20260706
   Responsive overview cards with a distinct image and the information control
   anchored at the top-right of the same card. */
body[data-app="games"] #gamesList.games-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
body[data-app="games"] #gamesList .games-list-group{
  grid-column:1 / -1!important;
  margin:12px 0 0!important;
}
body[data-app="games"] #gamesList .game-row-wrap{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  isolation:isolate!important;
}
body[data-app="games"] #gamesList .game-row-wrap--featured{
  grid-column:1 / -1!important;
}
body[data-app="games"] #gamesList .game-row{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  align-content:center!important;
  column-gap:18px!important;
  row-gap:12px!important;
  min-height:178px!important;
  width:100%!important;
  padding:18px 72px 18px 18px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(184,200,224,.98) 0%,rgba(151,174,207,.92) 55%,rgba(111,136,173,.78) 100%)!important;
  border:1px solid rgba(24,32,51,.38)!important;
  box-shadow:0 18px 38px -28px rgba(12,18,32,.58),inset 0 1px 0 rgba(255,255,255,.24)!important;
  text-align:left!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
body[data-app="games"] #gamesList .game-row:hover,
body[data-app="games"] #gamesList .game-row:focus-visible{
  transform:translateY(-3px)!important;
  filter:brightness(1.035)!important;
  box-shadow:0 24px 48px -28px rgba(12,18,32,.68),inset 0 1px 0 rgba(255,255,255,.28)!important;
  outline:none!important;
}
body[data-app="games"] #gamesList .game-card-art{
  grid-column:1!important;
  grid-row:1 / 3!important;
  width:112px!important;
  height:112px!important;
  object-fit:cover!important;
  border-radius:20px!important;
  border:1px solid rgba(24,32,51,.34)!important;
  background:#1d2a43!important;
  box-shadow:0 14px 28px -18px rgba(8,14,27,.72)!important;
}
body[data-app="games"] #gamesList .game-row-copy{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  padding-right:4px!important;
}
body[data-app="games"] #gamesList .game-row-copy h3{
  margin:0 0 7px!important;
  font-size:clamp(21px,1.7vw,28px)!important;
}
body[data-app="games"] #gamesList .game-row-copy p{
  margin:0!important;
  line-height:1.5!important;
}
body[data-app="games"] #gamesList .game-row-meta{
  grid-column:2!important;
  grid-row:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  justify-items:start!important;
  text-align:left!important;
}
body[data-app="games"] #gamesList .game-row-meta strong,
body[data-app="games"] #gamesList .game-row-meta .inline-note{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  background:rgba(184,200,224,.56)!important;
  border:1px solid rgba(24,32,51,.22)!important;
}
body[data-app="games"] #gamesList .game-row-info-button{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:5!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  font-family:Georgia,serif!important;
  font-size:25px!important;
  font-weight:800!important;
  font-style:normal!important;
  background:rgba(184,200,224,.94)!important;
  box-shadow:0 10px 24px -16px rgba(12,18,32,.72)!important;
}
@media (max-width:980px){
  body[data-app="games"] #gamesList.games-list{grid-template-columns:1fr!important;}
  body[data-app="games"] #gamesList .game-row-wrap--featured{grid-column:auto!important;}
}
@media (max-width:640px){
  body[data-app="games"] #gamesList .game-row{
    grid-template-columns:78px minmax(0,1fr)!important;
    min-height:148px!important;
    column-gap:13px!important;
    padding:15px 58px 15px 15px!important;
  }
  body[data-app="games"] #gamesList .game-card-art{width:78px!important;height:78px!important;border-radius:16px!important;}
  body[data-app="games"] #gamesList .game-row-copy h3{font-size:20px!important;}
  body[data-app="games"] #gamesList .game-row-copy p{font-size:14px!important;}
  body[data-app="games"] #gamesList .game-row-meta{flex-wrap:wrap!important;gap:7px!important;}
  body[data-app="games"] #gamesList .game-row-info-button{top:10px!important;right:10px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;}
}


/* GAMES_HUB_SITEWIDE_INFO_CONTROL_20260706
   Position only belongs to the Hub card; palette and interaction use the
   shared Baseline information-button contract. */
body[data-app="games"] #gamesList .game-row-info-button.bl-info-button{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:8!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  background:var(--bl-info-button-bg)!important;
  background-image:none!important;
  color:var(--bl-info-button-ink)!important;
  border-color:var(--bl-info-button-border)!important;
  box-shadow:none!important;
  transform:none!important;
}
body[data-app="games"] #gamesList .game-row-info-button.bl-info-button:hover,
body[data-app="games"] #gamesList .game-row-info-button.bl-info-button:focus-visible,
body[data-app="games"] #gamesList .game-row-info-button.bl-info-button[aria-expanded="true"]{
  border-color:var(--bl-info-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--bl-info-accent) 24%,transparent)!important;
}
@media (max-width:640px){
  body[data-app="games"] #gamesList .game-row-info-button.bl-info-button{
    top:10px!important;
    right:10px!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
}

/* Save-state icon, tooltip polish, and Baseline Realm banner fit — 2026-07-10 */
.game-save-status,.realm-save-status{display:inline-grid;place-items:center;flex:0 0 auto;width:56px;height:56px;padding:0;border:1px solid rgba(24,32,51,.28);border-radius:50%;background:linear-gradient(180deg,var(--games-page-light,#d5deee),var(--games-page-soft,#b9c4dc) 52%,var(--games-page-mid,#8797bb));box-shadow:0 8px 18px -12px rgba(24,32,51,.7);cursor:help}
.game-save-status svg,.realm-save-status svg{width:30px;height:30px;overflow:visible}
.game-save-icon__disc-shell{fill:currentColor;stroke:rgba(13,19,31,.42);stroke-width:.85;stroke-linejoin:round}
.game-save-icon__disc-shutter{fill:rgba(244,248,255,.94);stroke:rgba(13,19,31,.20);stroke-width:.5;stroke-linejoin:round}
.game-save-icon__disc-label{fill:rgba(233,240,251,.96);stroke:rgba(13,19,31,.18);stroke-width:.45;stroke-linejoin:round}
.game-save-icon__cross{fill:none;stroke:#b51f2e;stroke-width:2.1;stroke-linecap:round}
.game-save-status.is-saving,.realm-save-status.is-saving{color:#172033}
.game-save-status.is-unsaved,.realm-save-status.is-unsaved{color:#172033;box-shadow:0 0 0 2px rgba(181,31,46,.10),0 8px 18px -12px rgba(24,32,51,.7)}
.game-panel .link-actions .game-save-status{order:0}.game-panel .link-actions .bl-info-button{order:1}
.games-save-tooltip{position:fixed;left:0;top:0;z-index:30002;display:grid;gap:6px;max-width:min(430px,calc(100vw - 28px));padding:18px 22px;border-radius:28px;background:linear-gradient(135deg,rgba(207,218,236,.985) 0%,rgba(188,201,223,.975) 50%,rgba(169,186,214,.965) 100%);border:1px solid rgba(24,32,51,.18);box-shadow:0 24px 48px -30px rgba(12,18,32,.56),0 0 0 1px rgba(255,255,255,.24) inset;color:var(--games-ink,#172033);font-size:17px;line-height:1.48;pointer-events:none}
.games-save-tooltip[hidden]{display:none!important}
.games-save-tooltip::after{content:"";position:absolute;left:var(--games-save-tooltip-arrow-left,50%);bottom:-12px;transform:translateX(-50%);width:22px;height:22px;background:inherit;border-right:1px solid rgba(24,32,51,.18);border-bottom:1px solid rgba(24,32,51,.18);box-shadow:3px 5px 10px -10px rgba(12,18,32,.35);rotate:45deg}
.games-save-tooltip.is-below::after{top:-12px;bottom:auto;border-right:none;border-bottom:none;border-left:1px solid rgba(24,32,51,.18);border-top:1px solid rgba(24,32,51,.18)}
body[data-app="games"] .games-modal__panel{background:linear-gradient(135deg,rgba(207,218,236,.985) 0%,rgba(188,201,223,.975) 50%,rgba(169,186,214,.965) 100%)!important;color:var(--games-ink)!important}
body[data-app="games"] .games-modal__body{color:#31405e!important;-webkit-text-fill-color:#31405e!important}
body[data-app="games"] .games-modal__close{background:linear-gradient(180deg,rgba(207,218,236,.98),rgba(169,186,214,.94))!important}
body[data-app="games"] .sitewide-info-popover,
body[data-app="games"] .baseline-info-popover,
body[data-app="games"] .bl-info-popover,
body[data-app="games"] [data-bl-info-popover],
body[data-app="games"] [role="tooltip"]{background:linear-gradient(135deg,rgba(207,218,236,.985) 0%,rgba(188,201,223,.975) 50%,rgba(169,186,214,.965) 100%)!important;color:var(--games-ink,#172033)!important;border:1px solid rgba(24,32,51,.18)!important;box-shadow:0 24px 48px -30px rgba(12,18,32,.56)!important}
body[data-app="games"] .sitewide-info-popover *,
body[data-app="games"] .baseline-info-popover *,
body[data-app="games"] .bl-info-popover *,
body[data-app="games"] [data-bl-info-popover] *,
body[data-app="games"] [role="tooltip"] *{color:inherit!important;-webkit-text-fill-color:currentColor!important}
#ninjaPanel #realmSceneFrame{--realm-banner-height:142px!important}
#ninjaPanel .realm-command-banner{min-height:142px!important;height:auto!important;padding-top:12px!important;padding-bottom:12px!important}
#ninjaPanel .realm-route-meta{position:relative;padding-right:62px!important;min-width:300px}
#ninjaPanel .realm-route-meta .realm-save-status{position:absolute;right:0;top:0;width:48px;height:48px;border-color:rgba(230,198,139,.55);background:linear-gradient(180deg,#8b633b,#4e2f1d);color:#fff0cf;box-shadow:none}
#ninjaPanel .realm-route-meta .realm-save-status svg{width:27px;height:27px}
#ninjaPanel .realm-route-meta .realm-save-status .game-save-icon__disc-shell{stroke:rgba(62,31,10,.45)}
#ninjaPanel .realm-route-meta .realm-save-status .game-save-icon__disc-shutter,#ninjaPanel .realm-route-meta .realm-save-status .game-save-icon__disc-label{fill:rgba(255,247,225,.96);stroke:rgba(62,31,10,.20)}
@media(max-width:900px){#ninjaPanel #realmSceneFrame{--realm-banner-height:188px!important}#ninjaPanel .realm-command-banner{min-height:188px!important}.game-save-status{width:50px;height:50px}}

/* --- Realm hand-drawn layout --- */
/* Authoritative Baseline Realm hand-drawn art/layout rules. */


#ninjaPanel #realmSceneFrame{
  background:#1f3625!important;
  border-color:rgba(49,33,21,.26)!important;
  box-shadow:0 24px 54px -34px rgba(20,12,8,.62), inset 0 0 0 1px rgba(255,247,222,.14)!important;
}
#ninjaPanel .ninja-scene{
  background:radial-gradient(circle at 48% 42%,rgba(255,235,188,.11),transparent 38%),#203d27!important;
}
#ninjaPanel .ninja-scene::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:2!important;
  background:
    radial-gradient(circle at 28% 52%,rgba(255,244,210,.13),transparent 26%),
    radial-gradient(circle at 72% 56%,rgba(255,229,174,.09),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 30%,rgba(21,18,14,.06) 100%)!important;
  mix-blend-mode:screen;
}
#ninjaPanel .ninja-scene::after{
  content:""!important;
  position:absolute!important;
  left:8%!important;
  right:8%!important;
  bottom:132px!important;
  height:170px!important;
  pointer-events:none!important;
  z-index:3!important;
  background:
    radial-gradient(ellipse at 50% 80%,rgba(240,198,126,.16),transparent 58%),
    linear-gradient(90deg,transparent 0%,rgba(255,238,180,.08) 48%,rgba(255,238,180,.08) 52%,transparent 100%)!important;
  opacity:.75!important;
}
#ninjaPanel .ninja-scene__layer{
  display:block!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:100%!important;
  background-image:url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg")!important;
  background-repeat:repeat-x!important;
  background-position:0 100%!important;
  background-size:1600px 100%!important;
  animation:ninjaPanHanddrawn 38s linear infinite!important;
  opacity:1!important;
  z-index:0!important;
  filter:saturate(1.04) contrast(1.02)!important;
}
#ninjaPanel .ninja-scene__layer--b{display:none!important;}
@keyframes ninjaPanHanddrawn{from{background-position:0 100%}to{background-position:-1600px 100%}}
#ninjaPanel .ninja-scene__lane{
  height:128px!important;
  background:linear-gradient(180deg,rgba(80,103,48,0) 0%,rgba(79,95,47,.08) 32%,rgba(96,68,40,.50) 100%)!important;
  z-index:1!important;
}
#ninjaPanel .ninja-scene__runner,
#ninjaPanel .ninja-scene__enemy{
  bottom:156px!important;
  z-index:5!important;
  filter:drop-shadow(0 16px 18px rgba(14,10,7,.24))!important;
}
#ninjaPanel .ninja-scene__runner{left:12%!important;width:218px!important;bottom:152px!important;}
#ninjaPanel .ninja-scene__enemy{right:9%!important;width:204px!important;bottom:154px!important;}
#ninjaPanel .ninja-scene.is-boss .ninja-scene__enemy{width:238px!important;right:5%!important;}
#ninjaPanel .ninja-scene__runner img,
#ninjaPanel .ninja-scene__enemy img{
  filter:drop-shadow(0 12px 12px rgba(17,12,8,.22))!important;
}
#ninjaPanel .realm-utility{
  position:absolute!important;
  top:18px!important;
  right:20px!important;
  z-index:18!important;
  display:flex!important;
  gap:8px!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  max-width:calc(100% - 620px)!important;
}
#ninjaPanel .realm-fab{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(70,42,26,.20)!important;
  background:linear-gradient(180deg,rgba(248,238,219,.94),rgba(218,191,154,.90))!important;
  box-shadow:0 14px 26px -22px rgba(20,12,8,.58), inset 0 1px 0 rgba(255,255,255,.40)!important;
  color:#4b2f1f!important;
  text-shadow:none!important;
}
#ninjaPanel .realm-fab__icon{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  border-radius:50%!important;
  font-size:17px!important;
  background:rgba(255,249,236,.64)!important;
  border:1px solid rgba(70,42,26,.14)!important;
  color:#4b2f1f!important;
  box-shadow:none!important;
}
#ninjaPanel .realm-fab__label{
  max-width:none!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#4b2f1f!important;
  -webkit-text-fill-color:#4b2f1f!important;
}
#ninjaPanel .realm-top-strip{
  left:20px!important;
  right:auto!important;
  top:18px!important;
  width:min(560px,calc(100% - 430px))!important;
  z-index:16!important;
  display:grid!important;
  grid-template-columns:minmax(160px,auto) minmax(0,1fr)!important;
  gap:8px 12px!important;
  align-items:center!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(248,241,230,.92),rgba(231,216,196,.90))!important;
  border:1px solid rgba(82,56,35,.20)!important;
  box-shadow:0 16px 26px -22px rgba(25,14,8,.46)!important;
  backdrop-filter:blur(3px)!important;
}
#ninjaPanel .realm-top-strip .xp-bar{
  grid-column:1 / -1!important;
  height:12px!important;
  margin-top:0!important;
  border-radius:999px!important;
  background:rgba(82,56,35,.16)!important;
  border:1px solid rgba(82,56,35,.08)!important;
}
#ninjaPanel .realm-route-meta{min-width:0!important;}
#ninjaPanel .realm-route-meta strong{font-size:20px!important;}
#ninjaPanel .realm-top-strip__meta{
  font-size:13px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#ninjaPanel .realm-bar-divider{display:none!important;}
#ninjaPanel .realm-enemy-status{
  top:92px!important;
  right:20px!important;
  width:min(320px,28vw)!important;
  z-index:17!important;
  padding:11px 13px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(248,241,230,.92),rgba(231,216,196,.90))!important;
  border:1px solid rgba(82,56,35,.20)!important;
  box-shadow:0 16px 26px -22px rgba(25,14,8,.48)!important;
}
#ninjaPanel .realm-enemy-status__name{font-size:17px!important;}
#ninjaPanel #ninjaManualStrikeBtn{
  left:24px!important;
  bottom:24px!important;
  z-index:19!important;
  min-width:132px!important;
  min-height:48px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(248,236,210,.96),rgba(211,158,90,.94))!important;
  border:1px solid rgba(70,42,26,.28)!important;
  box-shadow:0 16px 28px -20px rgba(20,12,8,.58), inset 0 1px 0 rgba(255,255,255,.32)!important;
  color:#3b2316!important;
  -webkit-text-fill-color:#3b2316!important;
  font-size:14px!important;
  line-height:1.05!important;
}
#ninjaPanel .realm-basecamp-screen{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),url("/systems/baseline-games-hub/games/baseline-realm/basecamp/art/basecamp-settlement.svg") center center/cover no-repeat!important;
}
#ninjaPanel .realm-exploration-screen{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg") center center/cover no-repeat!important;
}
@media (max-width:1080px){
  #ninjaPanel .realm-utility{left:20px!important;right:20px!important;top:18px!important;max-width:none!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
  #ninjaPanel .realm-top-strip{left:20px!important;right:20px!important;top:86px!important;width:auto!important;grid-template-columns:1fr!important;}
  #ninjaPanel .realm-enemy-status{left:20px!important;right:20px!important;top:188px!important;width:auto!important;}
  #ninjaPanel .ninja-scene__runner{left:8%!important;width:188px!important;bottom:150px!important;}
  #ninjaPanel .ninja-scene__enemy{right:7%!important;width:182px!important;bottom:150px!important;}
}
@media (max-width:760px){
  #ninjaPanel #realmSceneFrame{height:980px!important;min-height:980px!important;}
  #ninjaPanel .realm-utility{left:12px!important;right:12px!important;top:12px!important;gap:7px!important;}
  #ninjaPanel .realm-fab{padding:6px 8px!important;}
  #ninjaPanel .realm-fab__icon{width:30px!important;height:30px!important;flex-basis:30px!important;}
  #ninjaPanel .realm-fab__label{font-size:11px!important;}
  #ninjaPanel .realm-top-strip{left:12px!important;right:12px!important;top:112px!important;width:auto!important;}
  #ninjaPanel .realm-enemy-status{left:12px!important;right:12px!important;top:226px!important;width:auto!important;}
  #ninjaPanel .ninja-scene__runner{left:8%!important;width:160px!important;bottom:182px!important;}
  #ninjaPanel .ninja-scene__enemy{right:6%!important;width:154px!important;bottom:184px!important;}
  #ninjaPanel #ninjaManualStrikeBtn{left:12px!important;bottom:14px!important;min-width:118px!important;min-height:44px!important;font-size:13px!important;}
}

/* --- Realm game presentation --- */
/* ==========================================================================
   EDIT_VERSION_20260619_REALM_CABIN_SHURIKEN
   Baseline Realm only. Does not alter the site header, Account panel, or
   other website pages/components.
   ========================================================================== */
#ninjaPanel{
  --realm-ui-bg:rgba(9,18,32,.78);
  --realm-ui-bg-2:rgba(20,33,52,.72);
  --realm-ui-line:rgba(202,218,244,.28);
  --realm-ui-line-strong:rgba(236,202,124,.40);
  --realm-ui-ink:#f4f7ff;
  --realm-ui-muted:#c4d0df;
  --realm-ui-gold:#f0c875;
  --realm-ui-red:#d23838;
  --realm-ui-blue:#33a8d9;
  --realm-ui-green:#62ce78;
}
#ninjaPanel .realm-shell-card{
  background:
    radial-gradient(circle at 72% 16%,rgba(217,125,88,.16),transparent 34%),
    radial-gradient(circle at 18% 40%,rgba(91,132,186,.22),transparent 34%),
    linear-gradient(135deg,#07111f 0%,#122138 48%,#09131f 100%)!important;
  border:1px solid rgba(196,213,238,.22)!important;
  box-shadow:0 30px 80px -48px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:var(--realm-ui-ink)!important;
  padding:18px!important;
  overflow:hidden!important;
}
#ninjaPanel .realm-page-header{
  margin:0 0 14px!important;
  padding:0 2px 2px!important;
}
#ninjaPanel .realm-page-header h2{
  color:var(--realm-ui-ink)!important;
  -webkit-text-fill-color:var(--realm-ui-ink)!important;
  font-size:clamp(30px,3.6vw,46px)!important;
  letter-spacing:.01em!important;
  text-shadow:0 3px 18px rgba(0,0,0,.52)!important;
}
#ninjaPanel .realm-page-header .note{
  max-width:760px!important;
  color:var(--realm-ui-muted)!important;
  -webkit-text-fill-color:var(--realm-ui-muted)!important;
}
#ninjaPanel .realm-game-mount,
#ninjaPanel .realm-window{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-height:0!important;
}
#ninjaPanel #realmSceneFrame{
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#08131e!important;
  border:1px solid rgba(202,218,244,.25)!important;
  box-shadow:0 28px 80px -42px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.08)!important;
  isolation:isolate!important;
}
#ninjaPanel #realmSceneFrame::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:6!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(5,10,18,.36) 0%,transparent 16%,transparent 76%,rgba(5,10,18,.50) 100%),
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 28%,rgba(0,0,0,.22) 100%)!important;
  mix-blend-mode:normal!important;
}
#ninjaPanel #realmSceneFrame::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:7!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 54%,transparent 0 34%,rgba(0,0,0,.30) 100%)!important;
  opacity:.70!important;
}
#ninjaPanel .ninja-scene{
  position:absolute!important;
  inset:0!important;
  min-height:100%!important;
  border:0!important;
  border-radius:0!important;
  background:#07131d!important;
  overflow:hidden!important;
}
#ninjaPanel .ninja-scene__layer{
  display:block!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:100%!important;
  background-image:url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg")!important;
  background-repeat:repeat-x!important;
  background-position:0 100%!important;
  background-size:1600px 100%!important;
  animation:realmPremiumPan 42s linear infinite!important;
  opacity:1!important;
  z-index:0!important;
  filter:saturate(1.08) contrast(1.06) brightness(.92)!important;
}
#ninjaPanel .ninja-scene__layer--b{display:none!important;}
@keyframes realmPremiumPan{from{background-position:0 100%}to{background-position:-1600px 100%}}
#ninjaPanel .ninja-scene::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 52% 48%,rgba(255,211,132,.18),transparent 28%),
    linear-gradient(180deg,rgba(117,156,217,.10) 0%,transparent 34%,rgba(0,0,0,.10) 100%)!important;
  mix-blend-mode:screen!important;
}
#ninjaPanel .ninja-scene::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:38%!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent 0%,rgba(10,18,18,.08) 34%,rgba(5,9,12,.38) 100%)!important;
  opacity:1!important;
}
#ninjaPanel .ninja-scene__lane{
  left:0!important;right:0!important;bottom:0!important;
  height:170px!important;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(37,43,25,.10) 25%,rgba(22,19,16,.42) 100%)!important;
  z-index:3!important;
  pointer-events:none!important;
}
#ninjaPanel .ninja-scene__runner,
#ninjaPanel .ninja-scene__enemy{
  bottom:clamp(92px,14vw,128px)!important;
  z-index:8!important;
  filter:drop-shadow(0 22px 22px rgba(0,0,0,.56))!important;
}
#ninjaPanel .ninja-scene__runner{left:10.5%!important;width:clamp(190px,15vw,250px)!important;animation:ninjaRunnerBob .72s ease-in-out infinite!important;}
#ninjaPanel .ninja-scene__enemy{right:8.5%!important;width:clamp(184px,14.5vw,236px)!important;animation:ninjaEnemyApproach 2.8s linear infinite!important;}
#ninjaPanel .ninja-scene.is-boss .ninja-scene__enemy{right:6%!important;width:clamp(220px,17vw,278px)!important;}
#ninjaPanel .ninja-scene__runner img,
#ninjaPanel .ninja-scene__enemy img{
  filter:drop-shadow(0 14px 16px rgba(0,0,0,.50)) saturate(1.08) contrast(1.04)!important;
}
#ninjaPanel .realm-training-hud{position:absolute!important;inset:0!important;z-index:12!important;pointer-events:none!important;}
#ninjaPanel .realm-training-hud > *{pointer-events:auto!important;}
#ninjaPanel .realm-top-strip{
  left:18px!important;
  right:auto!important;
  top:18px!important;
  width:min(600px,calc(100% - 560px))!important;
  z-index:16!important;
  display:grid!important;
  grid-template-columns:minmax(160px,auto) minmax(0,1fr)!important;
  gap:8px 14px!important;
  align-items:center!important;
  padding:13px 15px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(13,26,44,.88),rgba(16,32,51,.72))!important;
  border:1px solid var(--realm-ui-line)!important;
  box-shadow:0 18px 36px -24px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(8px)!important;
}
#ninjaPanel .realm-route-meta strong,
#ninjaPanel .realm-top-strip__meta,
#ninjaPanel .realm-route-meta span{
  color:var(--realm-ui-ink)!important;
  -webkit-text-fill-color:var(--realm-ui-ink)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.50)!important;
}
#ninjaPanel .realm-route-meta span,
#ninjaPanel .realm-top-strip__meta{color:var(--realm-ui-muted)!important;-webkit-text-fill-color:var(--realm-ui-muted)!important;}
#ninjaPanel .realm-top-strip .xp-bar,
#ninjaPanel .realm-meter{
  background:rgba(3,9,16,.72)!important;
  border:1px solid rgba(202,218,244,.22)!important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.55)!important;
}
#ninjaPanel .realm-top-strip .xp-fill{background:linear-gradient(90deg,#316bd6 0%,#60b7ff 52%,#f0c875 100%)!important;}
#ninjaPanel .realm-enemy-status{
  top:18px!important;
  right:142px!important;
  width:min(360px,30vw)!important;
  z-index:17!important;
  padding:13px 15px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(22,21,27,.88),rgba(42,29,33,.72))!important;
  border:1px solid rgba(255,210,128,.28)!important;
  box-shadow:0 18px 36px -24px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(8px)!important;
}
#ninjaPanel .realm-enemy-status__name{color:var(--realm-ui-ink)!important;-webkit-text-fill-color:var(--realm-ui-ink)!important;font-size:17px!important;}
#ninjaPanel .realm-meter__fill{background:linear-gradient(90deg,#6e1015 0%,#d23838 72%,#ff766b 100%)!important;}
#ninjaPanel .realm-meter__text{color:#fff5ec!important;-webkit-text-fill-color:#fff5ec!important;text-shadow:0 2px 10px rgba(0,0,0,.70)!important;}
#ninjaPanel .realm-utility{
  position:absolute!important;
  top:50%!important;
  right:14px!important;
  transform:translateY(-50%)!important;
  z-index:18!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  max-width:none!important;
  min-width:116px!important;
  padding:14px 10px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(10,22,36,.78),rgba(11,20,30,.58))!important;
  border:1px solid rgba(202,218,244,.22)!important;
  box-shadow:0 18px 46px -28px rgba(0,0,0,.90),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(7px)!important;
  transition:opacity .18s ease,filter .18s ease!important;
}
#ninjaPanel #realmSceneFrame.is-drawer-open .realm-utility{
  opacity:.18!important;
  filter:blur(1px)!important;
  pointer-events:none!important;
}
#ninjaPanel .realm-fab{
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  padding:12px 8px!important;
  border-radius:18px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:var(--realm-ui-ink)!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
#ninjaPanel .realm-fab:hover{
  background:rgba(114,145,195,.18)!important;
  border-color:rgba(202,218,244,.22)!important;
}
#ninjaPanel .realm-fab[aria-pressed="true"]{
  background:rgba(114,145,195,.30)!important;
  border-color:rgba(240,200,117,.40)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
#ninjaPanel .realm-fab__icon{
  width:42px!important;height:42px!important;flex-basis:auto!important;
  border-radius:16px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(180deg,rgba(80,106,151,.86),rgba(19,33,55,.88))!important;
  border:1px solid rgba(202,218,244,.24)!important;
  color:#f6f9ff!important;
  box-shadow:0 10px 20px -14px rgba(0,0,0,.74),inset 0 1px 0 rgba(255,255,255,.10)!important;
  font-size:19px!important;
}
#ninjaPanel .realm-fab__label{
  max-width:86px!important;
  white-space:normal!important;
  color:var(--realm-ui-ink)!important;
  -webkit-text-fill-color:var(--realm-ui-ink)!important;
  font-size:12px!important;
  line-height:1.18!important;
  font-weight:850!important;
  text-align:center!important;
}
#ninjaPanel #ninjaManualStrikeBtn{
  left:24px!important;
  bottom:22px!important;
  z-index:19!important;
  min-width:152px!important;
  min-height:54px!important;
  padding:12px 18px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#315ea9 0%,#152b5f 100%)!important;
  border:1px solid rgba(202,218,244,.32)!important;
  box-shadow:0 16px 30px -18px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.14)!important;
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
  font-size:15px!important;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease!important;
}
#ninjaPanel #ninjaManualStrikeBtn:hover{filter:brightness(1.10)!important;}
#ninjaPanel #ninjaManualStrikeBtn:active{transform:translateY(2px) scale(.97)!important;}
#ninjaPanel .ninja-scene__runner.is-striking{animation:realmDashStrike .32s ease-out!important;}
#ninjaPanel .ninja-scene__enemy.is-hit{animation:realmEnemyHit .32s ease-out!important;}
#ninjaPanel .ninja-hit-flash{
  position:absolute!important;
  right:12%!important;
  bottom:clamp(138px,18vw,190px)!important;
  width:clamp(110px,13vw,180px)!important;
  aspect-ratio:1!important;
  z-index:9!important;
  border-radius:50%!important;
  opacity:0!important;
  pointer-events:none!important;
  background:radial-gradient(circle,rgba(255,246,190,.94) 0%,rgba(255,174,74,.46) 30%,rgba(255,95,64,.18) 55%,transparent 72%)!important;
  transform:scale(.45)!important;
}
#ninjaPanel .ninja-hit-flash.is-live{animation:realmHitFlash .32s ease-out!important;}
@keyframes realmDashStrike{
  0%{transform:translateX(0) scale(1)}
  45%{transform:translateX(44px) scale(1.04)}
  100%{transform:translateX(0) scale(1)}
}
@keyframes realmEnemyHit{
  0%{transform:translateX(0) rotate(0)}
  35%{transform:translateX(18px) rotate(2deg)}
  100%{transform:translateX(0) rotate(0)}
}
@keyframes realmHitFlash{
  0%{opacity:0;transform:scale(.45)}
  38%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(1.28)}
}
#ninjaPanel .realm-offline-toast{
  right:142px!important;
  bottom:22px!important;
  left:auto!important;
  max-width:min(520px,calc(100% - 340px))!important;
  background:rgba(8,18,31,.82)!important;
  color:var(--realm-ui-muted)!important;
  border:1px solid rgba(202,218,244,.22)!important;
  backdrop-filter:blur(6px)!important;
}
#ninjaPanel .realm-drawer{
  top:16px!important;right:142px!important;bottom:16px!important;
  width:min(560px,calc(100% - 184px))!important;
  padding:18px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(15,28,47,.96),rgba(14,25,40,.93))!important;
  border:1px solid rgba(202,218,244,.24)!important;
  box-shadow:0 28px 64px -34px rgba(0,0,0,.94),inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:var(--realm-ui-ink)!important;
  backdrop-filter:blur(10px)!important;
  overflow:hidden!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  align-content:stretch!important;
}
#ninjaPanel .realm-tab-row[hidden],
#ninjaPanel .realm-drawer-pane[hidden]{display:none!important;}
#ninjaPanel .realm-drawer-pane:not([hidden]){
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding-right:4px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(142,164,194,.82) rgba(7,17,31,.58);
}
#ninjaPanel .realm-drawer-pane:not([hidden])::-webkit-scrollbar{width:10px;}
#ninjaPanel .realm-drawer-pane:not([hidden])::-webkit-scrollbar-track{background:rgba(7,17,31,.58);border-radius:999px;}
#ninjaPanel .realm-drawer-pane:not([hidden])::-webkit-scrollbar-thumb{background:rgba(142,164,194,.82);border:2px solid rgba(7,17,31,.58);border-radius:999px;}
#ninjaPanel .realm-drawer h4,
#ninjaPanel .realm-drawer strong,
#ninjaPanel .realm-drawer .inline-note,
#ninjaPanel .realm-drawer .note{color:var(--realm-ui-ink)!important;-webkit-text-fill-color:currentColor!important;}
#ninjaPanel .realm-drawer .note,
#ninjaPanel .realm-drawer .inline-note{color:var(--realm-ui-muted)!important;}
#ninjaPanel .realm-tab-btn,
#ninjaPanel .realm-close-btn,
#ninjaPanel .upgrade-item,
#ninjaPanel .summary-box,
#ninjaPanel .realm-stat-chip,
#ninjaPanel .ninja-bonus-chip,
#ninjaPanel .trackcoin-stat-card{
  background:linear-gradient(180deg,rgba(46,67,103,.70),rgba(19,34,56,.70))!important;
  border:1px solid rgba(202,218,244,.18)!important;
  color:var(--realm-ui-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#ninjaPanel .realm-tab-btn{
  color:var(--realm-ui-muted)!important;
  -webkit-text-fill-color:var(--realm-ui-muted)!important;
  opacity:1!important;
}
#ninjaPanel .realm-tab-btn.is-active{
  background:linear-gradient(180deg,rgba(80,108,170,.96),rgba(36,58,108,.94))!important;
  border-color:rgba(240,200,117,.55)!important;
  color:var(--realm-ui-ink)!important;
  -webkit-text-fill-color:var(--realm-ui-ink)!important;
}
/* Management content must remain readable over the dark Realm drawer. */
#ninjaPanel .realm-drawer,
#ninjaPanel .realm-drawer *{
  -webkit-text-fill-color:currentColor!important;
}
#ninjaPanel .realm-drawer h4,
#ninjaPanel .realm-drawer strong,
#ninjaPanel .realm-drawer .skill-meta span,
#ninjaPanel .realm-drawer .realm-stat-chip span,
#ninjaPanel .realm-drawer .trackcoin-stat-card span,
#ninjaPanel .realm-drawer .summary-box span,
#ninjaPanel .realm-drawer .trait-chip{
  color:#f4f7ff!important;
  -webkit-text-fill-color:#f4f7ff!important;
  text-shadow:0 1px 8px rgba(0,0,0,.34)!important;
}
#ninjaPanel .realm-drawer .note,
#ninjaPanel .realm-drawer .inline-note,
#ninjaPanel .realm-drawer .upgrade-item p,
#ninjaPanel .realm-drawer .upgrade-hotkey{
  color:#d7e2f2!important;
  -webkit-text-fill-color:#d7e2f2!important;
}
#ninjaPanel .realm-drawer .realm-tab-btn,
#ninjaPanel .realm-drawer .realm-close-btn,
#ninjaPanel .realm-drawer .action{
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
}
#ninjaPanel .realm-drawer .realm-tab-btn{
  background:linear-gradient(180deg,rgba(62,86,125,.94),rgba(25,43,70,.96))!important;
  border-color:rgba(181,204,238,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#ninjaPanel .realm-drawer .realm-tab-btn.is-active{
  background:linear-gradient(180deg,rgba(91,123,181,.98),rgba(43,67,119,.98))!important;
  border-color:rgba(240,200,117,.70)!important;
  box-shadow:0 0 0 1px rgba(240,200,117,.16),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
#ninjaPanel .realm-drawer .action{
  background:linear-gradient(180deg,rgba(95,126,177,.98),rgba(45,70,115,.98))!important;
  border-color:rgba(198,216,242,.34)!important;
  box-shadow:0 10px 20px -14px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
#ninjaPanel .realm-drawer .action.secondary,
#ninjaPanel .realm-drawer .action.ghost{
  background:linear-gradient(180deg,rgba(74,101,145,.96),rgba(31,51,82,.98))!important;
}
#ninjaPanel .realm-drawer .action[disabled]{
  opacity:.70!important;
  color:#e2eafa!important;
  -webkit-text-fill-color:#e2eafa!important;
}
#ninjaPanel .realm-basecamp-screen{
  background:linear-gradient(180deg,rgba(2,8,16,.18),rgba(2,8,16,.42)),url("/systems/baseline-games-hub/games/baseline-realm/basecamp/art/basecamp-settlement.svg") center center/cover no-repeat!important;
}
#ninjaPanel .realm-exploration-screen{
  background:linear-gradient(180deg,rgba(2,8,16,.18),rgba(2,8,16,.42)),url("/systems/baseline-games-hub/games/baseline-realm/ninja-training/assets/forest-distant.svg") center center/cover no-repeat!important;
}
#ninjaPanel .realm-location-button,
#ninjaPanel .realm-exploration-copy,
#ninjaPanel .realm-exploration-enemy{
  background:linear-gradient(180deg,rgba(15,28,47,.88),rgba(18,34,54,.78))!important;
  color:var(--realm-ui-ink)!important;
  border:1px solid rgba(202,218,244,.22)!important;
  box-shadow:0 18px 42px -26px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(7px)!important;
}
#ninjaPanel .realm-location-button span,
#ninjaPanel .realm-location-button small,
#ninjaPanel .realm-exploration-copy h4,
#ninjaPanel .realm-exploration-copy p{color:var(--realm-ui-ink)!important;-webkit-text-fill-color:currentColor!important;}
#ninjaPanel .realm-location-button small,
#ninjaPanel .realm-exploration-copy p{color:var(--realm-ui-muted)!important;}
@media (max-width:1080px){
  #ninjaPanel #realmSceneFrame{height:820px!important;min-height:820px!important;}
  #ninjaPanel .realm-utility{top:16px!important;left:16px!important;right:16px!important;transform:none!important;min-width:0!important;flex-direction:row!important;justify-content:flex-start!important;width:auto!important;}
  #ninjaPanel .realm-fab{width:auto!important;min-width:86px!important;}
  #ninjaPanel .realm-top-strip{left:16px!important;right:16px!important;top:106px!important;width:auto!important;grid-template-columns:1fr!important;}
  #ninjaPanel .realm-enemy-status{left:16px!important;right:16px!important;top:226px!important;width:auto!important;}
  #ninjaPanel .realm-drawer{left:16px!important;right:16px!important;top:16px!important;bottom:16px!important;width:auto!important;}
  #ninjaPanel .realm-offline-toast{left:16px!important;right:16px!important;max-width:none!important;}
}
@media (max-width:760px){
  #ninjaPanel #realmSceneFrame{height:980px!important;min-height:980px!important;border-radius:22px!important;}
  #ninjaPanel .realm-utility{top:12px!important;left:12px!important;right:12px!important;padding:8px!important;gap:6px!important;}
  #ninjaPanel .realm-fab{min-width:0!important;flex:1 1 0!important;padding:8px 4px!important;}
  #ninjaPanel .realm-fab__icon{width:34px!important;height:34px!important;font-size:16px!important;}
  #ninjaPanel .realm-fab__label{font-size:10.5px!important;max-width:78px!important;}
  #ninjaPanel .realm-top-strip{left:12px!important;right:12px!important;top:96px!important;width:auto!important;}
  #ninjaPanel .realm-enemy-status{left:12px!important;right:12px!important;top:218px!important;width:auto!important;}
  #ninjaPanel .ninja-scene__runner{left:6%!important;width:158px!important;bottom:162px!important;}
  #ninjaPanel .ninja-scene__enemy{right:4%!important;width:150px!important;bottom:164px!important;}
  #ninjaPanel #ninjaManualStrikeBtn{left:12px!important;bottom:14px!important;min-width:122px!important;min-height:46px!important;font-size:13px!important;}
}
#realmSceneFrame:fullscreen{
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#realmSceneFrame:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#realmSceneFrame:fullscreen::backdrop{background:#08131e!important;}
@media (prefers-reduced-motion:reduce){
  #ninjaPanel .ninja-scene__layer,
  #ninjaPanel .ninja-scene__runner,
  #ninjaPanel .ninja-scene__enemy{animation-duration:.001ms!important;animation-iteration-count:1!important;}
}


/* ==========================================================================
   EDIT_VERSION_20260619_REALM_CABIN_SHURIKEN
   Baseline Realm visual authority: one wooden command banner, full-height art,
   cabin-styled Basecamp/Management, and manual combat dock.
   ========================================================================== */
#ninjaPanel #realmSceneFrame{
  --realm-wood-dark:#2a170e;
  --realm-wood:#5b3420;
  --realm-wood-mid:#75482b;
  --realm-wood-light:#a87546;
  --realm-iron:#8f9aa3;
  --realm-parchment:#f3e4c4;
  --realm-ink-dark:#21150e;
  --realm-banner-height:116px;
}
#ninjaPanel .ninja-scene{inset:0!important;}
#ninjaPanel .ninja-scene__layer{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-size:cover!important;
  background-position:48% 100%!important;
  background-repeat:no-repeat!important;
  animation:realmFullHeightForestPan 70s ease-in-out infinite alternate!important;
}
@keyframes realmFullHeightForestPan{from{background-position:45% 100%}to{background-position:55% 100%}}
#ninjaPanel .ninja-scene__lane{display:none!important;}
#ninjaPanel .ninja-scene::after{height:24%!important;}
#ninjaPanel .ninja-scene__runner,
#ninjaPanel .ninja-scene__enemy{bottom:5.5%!important;}
#ninjaPanel .realm-command-banner{
  position:absolute!important;
  top:0!important;left:0!important;right:0!important;
  min-height:var(--realm-banner-height)!important;
  z-index:24!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(250px,.72fr) auto!important;
  align-items:stretch!important;
  gap:12px!important;
  padding:12px 14px!important;
  color:var(--realm-parchment)!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.055),transparent 18%,rgba(0,0,0,.10) 50%,rgba(255,255,255,.035) 78%,transparent),
    repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 2px,rgba(0,0,0,.035) 2px 5px),
    linear-gradient(180deg,#6f4328 0%,#4b2b1b 48%,#2c190f 100%)!important;
  border-bottom:5px solid #1d100a!important;
  box-shadow:0 14px 26px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,244,214,.18),inset 0 -2px 0 rgba(0,0,0,.30)!important;
}
#ninjaPanel .realm-command-banner::before,
#ninjaPanel .realm-command-banner::after{
  content:""!important;
  position:absolute!important;
  top:8px!important;bottom:8px!important;
  width:10px!important;
  border-radius:4px!important;
  background:linear-gradient(90deg,#111,#8d989f 45%,#31383d)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;
}
#ninjaPanel .realm-command-banner::before{left:5px!important;}
#ninjaPanel .realm-command-banner::after{right:5px!important;}
#ninjaPanel .realm-command-banner__status{min-width:0!important;display:grid!important;align-items:stretch!important;}
#ninjaPanel .realm-command-banner .realm-top-strip{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-width:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:minmax(150px,auto) minmax(0,1fr)!important;
  align-content:center!important;
  gap:6px 14px!important;
  margin:0!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(31,19,12,.56),rgba(16,10,7,.42))!important;
  border:1px solid rgba(238,209,158,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:none!important;
}
#ninjaPanel .realm-command-banner .realm-top-strip[hidden]{display:none!important;}
#ninjaPanel .realm-command-banner .realm-route-meta strong,
#ninjaPanel .realm-command-banner .realm-route-meta span,
#ninjaPanel .realm-command-banner .realm-top-strip__meta{
  color:var(--realm-parchment)!important;
  -webkit-text-fill-color:var(--realm-parchment)!important;
  text-shadow:0 2px 4px #000!important;
}
#ninjaPanel .realm-command-banner .realm-route-meta strong{font-size:clamp(20px,1.8vw,28px)!important;}
#ninjaPanel .realm-command-banner .realm-route-meta span,
#ninjaPanel .realm-command-banner .realm-top-strip__meta{color:#dcc8a5!important;-webkit-text-fill-color:#dcc8a5!important;}
#ninjaPanel .realm-command-banner .xp-bar{grid-column:1/-1!important;height:12px!important;margin:0!important;background:#170e09!important;border-color:rgba(241,217,171,.20)!important;}
#ninjaPanel .realm-command-banner .xp-fill{background:linear-gradient(90deg,#284d79,#4f87b5 58%,#d1ae65)!important;}
#ninjaPanel .realm-command-banner .realm-enemy-status{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-width:0!important;
  align-self:stretch!important;
  display:grid!important;
  align-content:center!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(47,18,15,.72),rgba(21,9,8,.56))!important;
  border:1px solid rgba(226,168,119,.27)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:none!important;
}
#ninjaPanel .realm-command-banner .realm-enemy-status[hidden]{display:none!important;}
#ninjaPanel .realm-command-banner .realm-enemy-status__name{color:var(--realm-parchment)!important;-webkit-text-fill-color:var(--realm-parchment)!important;text-shadow:0 2px 4px #000!important;}
#ninjaPanel .realm-command-banner .realm-meter{background:#120b08!important;border-color:rgba(238,209,158,.18)!important;}
#ninjaPanel .realm-command-banner .realm-utility{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  z-index:auto!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-end!important;
  align-items:stretch!important;
  gap:8px!important;
  min-width:0!important;
  max-width:none!important;
  width:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
#ninjaPanel #realmSceneFrame.is-drawer-open .realm-utility{opacity:.28!important;filter:saturate(.55)!important;}
#ninjaPanel .realm-command-banner .realm-fab{
  width:clamp(88px,7vw,116px)!important;
  min-width:88px!important;
  min-height:88px!important;
  padding:8px 7px!important;
  display:grid!important;
  place-items:center!important;
  gap:5px!important;
  border-radius:12px!important;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,rgba(0,0,0,.035) 2px 5px),
    linear-gradient(180deg,#805334,#4b2d1c)!important;
  border:1px solid rgba(238,209,158,.28)!important;
  color:var(--realm-parchment)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 12px rgba(0,0,0,.25)!important;
}
#ninjaPanel .realm-command-banner .realm-fab:hover{filter:brightness(1.14)!important;transform:translateY(-1px)!important;}
#ninjaPanel .realm-command-banner .realm-fab__icon{
  width:38px!important;height:38px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#9da8ae,#4a5358)!important;
  border:1px solid #252a2e!important;
  color:#fff1d0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30)!important;
}
#ninjaPanel .realm-command-banner .realm-fab__label{max-width:100%!important;color:var(--realm-parchment)!important;-webkit-text-fill-color:var(--realm-parchment)!important;font-size:11px!important;text-shadow:0 2px 3px #000!important;}
#ninjaPanel .realm-training-hud{position:absolute!important;inset:0!important;z-index:18!important;pointer-events:none!important;}
#ninjaPanel .realm-training-hud[hidden]{display:none!important;}
#ninjaPanel .realm-action-dock{
  position:absolute!important;
  left:22px!important;
  bottom:20px!important;
  z-index:20!important;
  display:flex!important;
  gap:12px!important;
  pointer-events:auto!important;
}
#ninjaPanel .realm-combat-btn{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-width:174px!important;
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 14px!important;
  border-radius:12px!important;
  border:2px solid #24292d!important;
  color:#fff1d0!important;
  background:linear-gradient(180deg,#626d74,#343b40)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -3px 0 rgba(0,0,0,.30)!important;
  text-align:left!important;
  cursor:pointer!important;
}
#ninjaPanel .realm-combat-btn::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0 auto 0 0!important;
  width:var(--cooldown-progress,100%)!important;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,rgba(0,0,0,.04) 2px 5px),
    linear-gradient(180deg,#8a5a35,#4e2d1a)!important;
  transition:width .10s linear!important;
}
#ninjaPanel .realm-combat-btn--dash::before{width:100%!important;background:linear-gradient(180deg,#426b76,#253d47)!important;}
#ninjaPanel .realm-combat-btn:hover:not(:disabled){transform:translateY(-2px)!important;filter:brightness(1.10)!important;}
#ninjaPanel .realm-combat-btn:active:not(:disabled){transform:translateY(1px) scale(.985)!important;}
#ninjaPanel .realm-combat-btn:disabled{cursor:not-allowed!important;color:#d2d5d6!important;filter:none!important;}
#ninjaPanel .realm-combat-btn__icon{position:relative!important;z-index:1!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:8px!important;background:linear-gradient(180deg,#adb5ba,#4b5357)!important;border:1px solid #252a2e!important;font-size:22px!important;font-weight:900!important;}
#ninjaPanel .realm-combat-btn__copy{display:grid!important;gap:3px!important;position:relative!important;z-index:1!important;}
#ninjaPanel .realm-combat-btn__copy strong,
#ninjaPanel .realm-combat-btn__copy small{color:inherit!important;-webkit-text-fill-color:currentColor!important;text-shadow:0 2px 3px #000!important;}
#ninjaPanel .realm-combat-btn__copy strong{font-size:15px!important;}
#ninjaPanel .realm-combat-btn__copy small{font-size:11px!important;opacity:.90!important;}
#ninjaPanel #ninjaManualStrikeBtn{position:relative!important;inset:auto!important;min-width:174px!important;min-height:62px!important;padding:9px 14px!important;border-radius:12px!important;font-size:inherit!important;}
#ninjaPanel .ninja-shuriken-layer{position:absolute!important;inset:0!important;z-index:11!important;pointer-events:none!important;overflow:hidden!important;}
#ninjaPanel .ninja-shuriken-projectile{
  position:absolute!important;
  left:18%!important;
  top:calc(63% + (var(--shuriken-lane) * 16px))!important;
  width:34px!important;height:34px!important;
  opacity:0!important;
  background:conic-gradient(from 0deg,transparent 0 8%,#c5ccd0 9% 17%,#343a3e 18% 25%,transparent 26% 33%,#c5ccd0 34% 42%,#343a3e 43% 50%,transparent 51% 58%,#c5ccd0 59% 67%,#343a3e 68% 75%,transparent 76% 83%,#c5ccd0 84% 92%,#343a3e 93% 100%)!important;
  clip-path:polygon(50% 0,62% 34%,100% 50%,66% 62%,50% 100%,38% 66%,0 50%,34% 38%)!important;
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.65))!important;
  animation:realmShurikenFlight .86s cubic-bezier(.18,.75,.25,1) forwards!important;
}
@keyframes realmShurikenFlight{0%{opacity:0;transform:translate(0,0) rotate(0)}12%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translate(64vw,calc(var(--shuriken-lane) * -7px)) rotate(var(--shuriken-spin)) scale(.72)}}
#ninjaPanel .realm-basecamp-screen{
  position:absolute!important;
  inset:0!important;
  z-index:10!important;
  background:linear-gradient(180deg,rgba(15,8,4,.06),rgba(13,8,5,.20)),url("/systems/baseline-games-hub/games/baseline-realm/basecamp/art/basecamp-settlement.svg") center center/cover no-repeat!important;
  overflow:hidden!important;
}
#ninjaPanel .realm-basecamp-screen[hidden]{display:none!important;}
#ninjaPanel .realm-location-button{
  position:absolute!important;
  width:clamp(150px,14vw,225px)!important;
  min-height:78px!important;
  padding:12px 14px!important;
  display:grid!important;
  align-content:center!important;
  gap:4px!important;
  border-radius:10px 10px 14px 14px!important;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,rgba(0,0,0,.045) 2px 6px),
    linear-gradient(180deg,#93613b,#58341f)!important;
  border:2px solid #2b180e!important;
  box-shadow:0 13px 20px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,244,214,.16)!important;
  color:#fff0cf!important;
  text-align:left!important;
  transform:rotate(var(--sign-tilt,0deg))!important;
}
#ninjaPanel .realm-location-button::before,
#ninjaPanel .realm-location-button::after{content:""!important;position:absolute!important;top:-14px!important;width:7px!important;height:18px!important;background:#302018!important;border-radius:3px!important;z-index:-1!important;}
#ninjaPanel .realm-location-button::before{left:22px!important;}
#ninjaPanel .realm-location-button::after{right:22px!important;}
#ninjaPanel .realm-location-button:hover{transform:rotate(var(--sign-tilt,0deg)) translateY(-4px)!important;filter:brightness(1.12)!important;}
#ninjaPanel .realm-location-button span{color:#fff1d2!important;-webkit-text-fill-color:#fff1d2!important;font-size:clamp(14px,1.25vw,19px)!important;text-shadow:0 2px 3px #000!important;}
#ninjaPanel .realm-location-button small{color:#e2c99f!important;-webkit-text-fill-color:#e2c99f!important;font-size:11px!important;line-height:1.25!important;text-shadow:0 2px 3px #000!important;}
#ninjaPanel .realm-location-button--ninja{left:5.5%!important;top:43%!important;--sign-tilt:-2deg;}
#ninjaPanel .realm-location-button--workshop{left:35%!important;top:36%!important;--sign-tilt:1deg;}
#ninjaPanel .realm-location-button--merchant{right:8%!important;top:45%!important;--sign-tilt:2deg;}
#ninjaPanel .realm-location-button--storage{left:16%!important;bottom:12%!important;--sign-tilt:1.5deg;}
#ninjaPanel .realm-location-button--campfire{left:44%!important;bottom:8%!important;--sign-tilt:-1deg;}
#ninjaPanel .realm-location-button--exploration{right:10%!important;bottom:14%!important;--sign-tilt:-2deg;}
#ninjaPanel .realm-drawer{
  top:calc(var(--realm-banner-height) + 14px)!important;
  right:18px!important;
  bottom:18px!important;
  width:min(590px,calc(100% - 36px))!important;
  padding:18px!important;
  border-radius:14px!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035),transparent 20%,rgba(0,0,0,.08) 50%,rgba(255,255,255,.025) 80%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 2px,rgba(0,0,0,.035) 2px 6px),
    linear-gradient(180deg,rgba(94,56,33,.98),rgba(42,24,15,.98))!important;
  border:3px solid #1c1009!important;
  box-shadow:0 28px 52px rgba(0,0,0,.58),inset 0 0 0 1px rgba(238,209,158,.16)!important;
  color:var(--realm-parchment)!important;
  backdrop-filter:none!important;
}
#ninjaPanel .realm-drawer h4,
#ninjaPanel .realm-drawer strong,
#ninjaPanel .realm-drawer .skill-meta span,
#ninjaPanel .realm-drawer .realm-stat-chip span,
#ninjaPanel .realm-drawer .trackcoin-stat-card span,
#ninjaPanel .realm-drawer .summary-box span,
#ninjaPanel .realm-drawer .trait-chip{color:#fff0cf!important;-webkit-text-fill-color:#fff0cf!important;}
#ninjaPanel .realm-drawer .note,
#ninjaPanel .realm-drawer .inline-note,
#ninjaPanel .realm-drawer .upgrade-item p,
#ninjaPanel .realm-drawer .upgrade-hotkey{color:#e2cba7!important;-webkit-text-fill-color:#e2cba7!important;}
#ninjaPanel .realm-drawer .realm-tab-btn,
#ninjaPanel .realm-drawer .realm-close-btn,
#ninjaPanel .realm-drawer .action{
  background:linear-gradient(180deg,#8d5b37,#4c2d1b)!important;
  border-color:rgba(242,216,170,.28)!important;
  color:#fff0cf!important;
  -webkit-text-fill-color:#fff0cf!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 14px rgba(0,0,0,.25)!important;
}
#ninjaPanel .realm-drawer .realm-tab-btn.is-active{background:linear-gradient(180deg,#b0804d,#6e4327)!important;border-color:#d5b071!important;}
#ninjaPanel #realmSceneFrame.is-training-view #realmBasecampTabRow,
#ninjaPanel #realmSceneFrame.is-training-view #realmExplorationTabRow{display:none!important;}
#ninjaPanel .realm-exploration-screen{inset:var(--realm-banner-height) 0 0!important;}
#ninjaPanel .realm-offline-toast{bottom:94px!important;right:22px!important;}
@media (max-width:1080px){
  #ninjaPanel #realmSceneFrame{--realm-banner-height:170px;}
  #ninjaPanel .realm-command-banner{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;}
  #ninjaPanel .realm-command-banner .realm-enemy-status{grid-column:1!important;grid-row:2!important;}
  #ninjaPanel .realm-command-banner .realm-utility{grid-column:2!important;grid-row:1 / span 2!important;}
  #ninjaPanel .realm-command-banner .realm-fab{width:92px!important;min-width:92px!important;min-height:70px!important;}
  #ninjaPanel .realm-action-dock{left:14px!important;bottom:14px!important;}
  #ninjaPanel .realm-combat-btn{min-width:148px!important;}
}
@media (max-width:760px){
  #ninjaPanel #realmSceneFrame{--realm-banner-height:236px;}
  #ninjaPanel .realm-command-banner{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;padding:10px!important;}
  #ninjaPanel .realm-command-banner .realm-enemy-status{grid-column:1!important;grid-row:2!important;}
  #ninjaPanel .realm-command-banner .realm-utility{grid-column:1!important;grid-row:3!important;justify-content:stretch!important;}
  #ninjaPanel .realm-command-banner .realm-fab{flex:1 1 0!important;width:auto!important;min-width:0!important;min-height:58px!important;grid-template-columns:28px 1fr!important;display:grid!important;}
  #ninjaPanel .realm-command-banner .realm-fab__icon{width:28px!important;height:28px!important;}
  #ninjaPanel .realm-action-dock{left:10px!important;right:10px!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
  #ninjaPanel .realm-combat-btn{min-width:0!important;width:100%!important;padding:8px!important;grid-template-columns:34px 1fr!important;}
  #ninjaPanel .realm-combat-btn__icon{width:34px!important;height:34px!important;}
  #ninjaPanel .realm-location-button{width:42%!important;min-height:66px!important;padding:9px!important;}
  #ninjaPanel .realm-location-button--ninja{left:4%!important;top:40%!important;}
  #ninjaPanel .realm-location-button--workshop{left:29%!important;top:30%!important;}
  #ninjaPanel .realm-location-button--merchant{right:4%!important;top:42%!important;}
  #ninjaPanel .realm-location-button--storage{left:5%!important;bottom:15%!important;}
  #ninjaPanel .realm-location-button--campfire{left:30%!important;bottom:6%!important;}
  #ninjaPanel .realm-location-button--exploration{right:4%!important;bottom:16%!important;}
  #ninjaPanel .realm-drawer{top:10px!important;left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;z-index:40!important;}
}