/* Mobile uses the approved artwork and colors with a touch-sized layout. */
@media(max-width:900px) {
 html:has(body[data-page]),html body[data-page] { min-width:0!important; width:100%!important; height:auto!important; min-height:100%; overflow-x:clip!important; overflow-y:auto!important; }
 html body[data-page] .app-frame { position:static!important; width:100%!important; height:auto!important; min-height:100dvh; }
 html body[data-page] .workspace { position:relative!important; margin-left:0!important; width:100%!important; height:auto!important; min-height:100dvh; overflow:visible!important; }
 html body[data-page] .main-content { width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; padding:12px 12px 24px!important; overflow:visible!important; box-sizing:border-box; }
 html body[data-page] .page { min-width:0!important; max-width:100%!important; height:auto!important; overflow:visible!important; }
 html body[data-page] .topbar {
   position:sticky!important; top:0!important; z-index:80!important; width:100%!important;
   display:grid!important; grid-template-columns:44px minmax(0,1fr) 44px!important;
   grid-template-rows:44px auto!important; height:auto!important; min-height:0!important;
   gap:8px!important; padding:calc(8px + env(safe-area-inset-top)) 12px 8px!important;
   background:rgba(7,8,18,.96)!important; backdrop-filter:blur(16px);
 }
 html body[data-page] .menu-toggle { display:block!important; grid-column:1; grid-row:1; width:44px; height:44px; }
 html body[data-page] .mobile-top-title,html body[data-page] .mobile-bottom-nav { display:none!important; }
 html body[data-page] .search-box { position:relative!important; inset:auto!important; grid-column:2!important; grid-row:1!important; width:100%!important; height:44px!important; min-width:0!important; padding:0 10px!important; box-sizing:border-box; }
 html body[data-page] .search-box input { width:100%; min-width:0; font-size:16px!important; }
 html body[data-page] .search-box kbd { display:none!important; }
 html body[data-page] .topbar-actions { display:contents!important; }
 html body[data-page] .topbar-actions > :is(.command-top-action,.account-settings-button,.install-button) { display:none!important; }
 html body[data-page] .profile-menu-wrap { position:relative!important; grid-column:3; grid-row:1; }
 html body[data-page] .profile-chip { display:flex!important; width:44px!important; height:44px!important; min-width:0!important; padding:0!important; }
 html body[data-page] .profile-chip > span { display:none!important; }
 html body[data-page] .profile-chip .equipped-avi-circle { width:40px!important; height:40px!important; flex:0 0 40px!important; }
 html body[data-page] .profile-menu { position:absolute!important; right:0!important; left:auto!important; top:52px!important; width:min(340px,calc(100vw - 24px))!important; max-height:calc(100dvh - 110px); overflow:auto; }
 html body[data-page] .account-switcher { display:flex!important; grid-column:1/-1; grid-row:2; align-items:center; gap:8px; min-width:0; height:40px!important; justify-content:center; }
 html body[data-page] .account-switcher select { font-size:16px!important; min-height:36px; max-width:70%; }
 html body[data-page] #sidebar.rose-sidebar { position:fixed!important; inset:0 auto 0 0!important; width:min(320px,86vw)!important; height:100dvh!important; z-index:220!important; transform:translateX(-105%)!important; transition:transform .22s ease; overflow-y:auto!important; padding-top:env(safe-area-inset-top)!important; padding-bottom:env(safe-area-inset-bottom)!important; --rose-icon:28px; }
 html body[data-page] #sidebar.rose-sidebar.open { transform:translateX(0)!important; }
 html body[data-page] #sidebar.rose-sidebar .command-nav { flex:1 0 auto!important; grid-template-rows:repeat(9,minmax(44px,1fr))!important; }
 html body[data-page] #sidebar.rose-sidebar .tab { font-size:17px!important; min-height:44px!important; }
 html body[data-page] #sidebar.rose-sidebar .rose-header { aspect-ratio:508/253!important; }
 html body[data-page] #sidebar.rose-sidebar .rose-header img { top:-28.3%!important; }
 html body[data-page] #sidebar.rose-sidebar .premium-sidebar-card { aspect-ratio:488/180!important; }
 html body[data-page] #sidebar.rose-sidebar .rose-footer-art { aspect-ratio:508/208!important; }
 html body[data-page] #sidebar.rose-sidebar .rose-footer-art img { top:-762%!important; }
 html body[data-page] #mobileShade:not([hidden]) { display:block!important; position:fixed; inset:0; z-index:210; background:#0009; backdrop-filter:blur(3px); }
 html body[data-page]:has(#sidebar.open) { overflow-y:hidden!important; }
 html body[data-page] .site-footer { position:static!important; width:auto!important; margin:0!important; padding:16px 12px calc(16px + env(safe-area-inset-bottom))!important; font-size:11px!important; }
 html body[data-page] .main-content :is(input,select,textarea) { font-size:16px!important; }
 html body[data-page] .main-content :is(button,.button) { min-height:44px; touch-action:manipulation; }
 html body[data-page] .main-content :is(.table-wrap,.table-scroll) { max-width:100%; overflow-x:auto; }
 html body[data-page] .command-center-grid { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:16px!important; }
 html body[data-page] :is(.command-main-column,.command-right-rail) { position:static!important; width:100%!important; min-width:0!important; max-height:none!important; overflow:visible!important; }
 html body[data-page] .command-right-rail { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px; }
 html body[data-page] .command-center-hero { position:relative!important; width:100%!important; margin:0!important; min-height:340px!important; height:auto!important; overflow:hidden!important; border-radius:14px!important; }
 html body[data-page] .command-hero-copy { position:relative!important; width:75%!important; min-width:0!important; padding:34px 18px!important; z-index:3; }
 html body[data-page] .command-hero-copy h1 span { font-size:clamp(23px,5vw,34px)!important; }
 html body[data-page] .command-hero-copy h1 strong { font-size:clamp(26px,6vw,40px)!important; }
 html body[data-page] .command-hero-copy > p { font-size:14px!important; max-width:260px; }
 html body[data-page] .command-stat-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
 html body[data-page] .command-stat-grid .metric-card { min-width:0!important; min-height:110px; padding:12px!important; }
 html body[data-page] .command-stat-grid .metric-card strong { font-size:20px!important; }
 html body[data-page] .command-stat-grid .metric-card em { display:block!important; font-size:12px!important; line-height:1.3; }
 html body[data-page] .command-action-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
 html body[data-page] .command-spotlight-grid { grid-template-columns:1fr!important; }
 html body[data-page] .upimd-power-bar { grid-template-columns:minmax(0,1fr)!important; gap:12px; }
 html body[data-page] .upimd-power-bar > * { grid-column:1!important; min-width:0; }
 html body[data-page] .upimd-power-bar p { font-size:13px!important; }
 html body[data-page] .panel-heading { flex-wrap:wrap; gap:8px; }
}
@media(max-width:600px) {
 html body[data-page] .command-right-rail { grid-template-columns:1fr!important; }
 html body[data-page] .command-stat-grid,html body[data-page] .command-action-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 html body[data-page] .command-stat-grid .metric-card { padding:10px!important; gap:8px!important; }
 html body[data-page] .command-profile-card { grid-row:auto!important; }
}
@media(prefers-reduced-motion:reduce) {
 html body[data-page] #sidebar.rose-sidebar { transition:none!important; }
}

/* Share the approved desktop banner with the compact Dashboard. */
.mobile-approved-banner { display:none; }
@media(max-width:900px) {
 html body[data-page] .search-box { display:flex!important; align-items:center; }
 html body[data-page] .command-center-hero { display:flex!important; flex-direction:column; min-height:0!important; height:auto!important; background:#070916!important; }
 html body[data-page] .command-center-hero::before,html body[data-page] .command-center-hero::after,
 html body[data-page] .command-center-hero .hero-glow,html body[data-page] .command-hero-art-wrap { display:none!important; }
 html body[data-page] .mobile-approved-banner { display:block; width:100%; height:auto; aspect-ratio:842/350; object-fit:contain; }
 html body[data-page] .command-hero-copy { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; padding:0!important; box-sizing:border-box; pointer-events:none; }
 html body[data-page] .command-hero-copy > :is(.command-kicker,h1,p) { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip-path:inset(50%); white-space:nowrap; }
 html body[data-page] .command-hero-copy .hero-player-line { display:none!important; }
 html body[data-page] .command-explore-button { position:absolute!important; left:12%!important; top:74%!important; width:25%!important; height:19%!important; min-height:44px!important; margin:0!important; padding:0!important; font-size:0!important; color:transparent!important; background:transparent!important; border:0!important; box-shadow:none!important; pointer-events:auto; }
 html body[data-page] .command-explore-button span { display:none!important; }
 html body[data-page] .command-explore-button:focus-visible { outline:2px solid #ff87c8!important; outline-offset:2px; }
}

/* Mobile profile access is already in the top-right account menu. */
@media(max-width:900px) {
 html body[data-page="dashboard"] .command-right-rail .command-profile-card,
 html body[data-page="dashboard"] .command-right-rail .command-hunt-card { display:none!important; }
}

/* Action Dock visuals are shared in action-dock.css. */

/* My Build: approved artwork and live fields arranged for phones/tablets. */
@media(max-width:900px) {
 html body[data-page="account"] #page-account { --build-panel:rgba(7,9,20,.94); }
 html body[data-page="account"] #page-account > :is(.tool-hero,.build-overview,.build-purpose-strip),
 html body[data-page="account"] .build-workspace > .sakura-section-heading,
 html body[data-page="account"] .build-desktop-power-editor { display:none!important; }
 html body[data-page="account"] .build-hybrid-desktop { display:block!important; margin:0 0 14px!important; }
 html body[data-page="account"] .build-power-profile { display:grid!important; grid-template-columns:minmax(0,42%) minmax(0,58%)!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:hidden; border:1px solid #ff4fae55; border-radius:14px; background:linear-gradient(#05071144,#050711dd),url("../images/ui/my-build-sakura-city-backdrop-v896.png") center/cover; }
 html body[data-page="account"] .build-hybrid-portrait { position:relative; width:100%; height:100%; min-height:220px; margin:0; background:var(--build-portrait-image) var(--build-portrait-position,center 10%)/cover no-repeat; }
 html body[data-page="account"] .build-hybrid-portrait img { opacity:0; width:100%; height:100%; position:absolute; }
 html body[data-page="account"] .build-hybrid-identity { position:relative; display:flex; flex-direction:column; gap:6px; min-width:0; padding:12px; background:linear-gradient(90deg,#08071399,#080713cc); }
 html body[data-page="account"] .build-hybrid-identity :is(h2,p) { margin:0; }
 html body[data-page="account"] .build-hybrid-identity h2 { font-size:22px; line-height:1.1; color:#ffe7f3; }
 html body[data-page="account"] .build-hybrid-name { font-size:20px; line-height:1.25; overflow-wrap:anywhere; color:#fff; }
 html body[data-page="account"] .build-identity-chips { display:grid; gap:5px; }
 html body[data-page="account"] .build-identity-chips > span { display:grid; grid-template-columns:48px minmax(0,1fr); gap:5px; padding:5px; background:#050711b8; border:1px solid #ff4fae40; border-radius:5px; }
 html body[data-page="account"] .build-identity-chips small { font-size:10px; color:#bda7c2; }
 html body[data-page="account"] .build-identity-chips b { font-size:11px; overflow-wrap:anywhere; }
 html body[data-page="account"] .build-completion-orbit { position:relative; width:60px; height:60px; flex:0 0 60px; border-radius:50%; padding:6px; box-sizing:border-box; background:conic-gradient(#ff4fae var(--build-progress,0deg),#ff4fae22 0); }
 html body[data-page="account"] .build-completion-orbit > div { width:100%; height:100%; display:flex!important; flex-direction:column; align-items:center!important; justify-content:center!important; gap:3px; border-radius:50%; background:#090916; text-align:center; }
 html body[data-page="account"] .build-completion-orbit strong { margin:0!important; padding:0!important; line-height:1!important; font-size:16px; color:#ff84c3; }
 html body[data-page="account"] .build-completion-orbit small { margin:0!important; padding:0!important; line-height:1!important; font-size:7px; white-space:nowrap; }
 html body[data-page="account"] .build-power-bloom { grid-column:1/-1; padding:14px; min-width:0; background:radial-gradient(circle at 50% 25%,#ff4fae22,transparent 55%),#050711b8; }
 html body[data-page="account"] .build-bloom-heading { display:flex; gap:8px; align-items:center; color:#ff9dcc; }
 html body[data-page="account"] .build-bloom-heading strong { font-size:13px; letter-spacing:.08em; }
 html body[data-page="account"] .build-bloom-heading small { display:block; font-size:12px; color:#aaa0b8; margin-top:4px; }
 html body[data-page="account"] .build-bloom-stage { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px; height:auto!important; }
 html body[data-page="account"] .build-bloom-wires,.build-bloom-stage .bloom-petal { display:none!important; }
 html body[data-page="account"] .power-bloom-flower { position:relative; grid-column:1/-1; grid-row:1; justify-self:center; width:min(220px,100%); aspect-ratio:1; background:url("../images/ui/power-bloom-v2.png") center/contain no-repeat; filter:drop-shadow(0 0 14px #ff4fae66); }
 html body[data-page="account"] .bloom-core { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:39%; aspect-ratio:1; display:flex!important; flex-direction:column; justify-content:center!important; align-items:center!important; text-align:center; gap:4px; padding:6px; box-sizing:border-box; border-radius:50%; border:1px solid #ff93c7; background:radial-gradient(#210d29,#060711); }
 html body[data-page="account"] .bloom-core > * { position:static!important; margin:0!important; padding:0!important; line-height:1.1!important; flex:0 0 auto; }
 html body[data-page="account"] .bloom-core small { font-size:9px; color:#efb9d3; white-space:nowrap; }
 html body[data-page="account"] .bloom-core strong { font-size:20px; color:white; }
 html body[data-page="account"] .bloom-core span { font-size:12px; color:#ff60b2; }
 html body[data-page="account"] .build-bloom-stat { position:static!important; min-width:0; display:flex; align-items:center; gap:8px; padding:12px 8px; border:1px solid currentColor; border-radius:8px; background:#090b18; }
 html body[data-page="account"] .build-bloom-stat > span { font-size:24px; }
 html body[data-page="account"] .build-bloom-stat > div { min-width:0; }
 html body[data-page="account"] .build-bloom-stat small { display:block; font-size:11px; }
 html body[data-page="account"] .build-bloom-stat strong { display:block; font-size:21px; color:white; overflow-wrap:anywhere; }
 html body[data-page="account"] .build-bloom-stat em { display:block; font-size:10px; font-style:normal; color:#aaa2b8; }
 html body[data-page="account"] .bloom-str { color:#ff628d; }
 html body[data-page="account"] .bloom-int { color:#5eb8ff; }
 html body[data-page="account"] .bloom-misc { color:#ffbc55; }
 html body[data-page="account"] .bloom-tb { color:#bb79ff; }
 html body[data-page="account"] .bloom-drops { color:#50dfea; grid-column:1/-1; justify-content:center; }
 html body[data-page="account"] .build-mode-tabs { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin:14px 0; min-width:0!important; }
 html body[data-page="account"] .build-mode-tabs button { min-width:0; min-height:44px; padding:8px 3px; font-size:11px; color:#e8c2db; border:1px solid #ff4fae44; border-radius:7px; background:#090b19; }
 html body[data-page="account"] .build-mode-tabs button.active { background:linear-gradient(110deg,#8e285b,#2e183b); border-color:#ff77bd; }
 html body[data-page="account"] :is(.build-workspace,.build-coach,.build-growth-saved-grid) { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:14px; position:static!important; width:100%; min-width:0; height:auto!important; margin:14px 0; }
 html body[data-page="account"] :is(.build-form,.build-coach > .content-card,.build-history,.build-growth-card,.build-saved-card) { min-width:0; height:auto!important; max-height:none!important; padding:14px!important; border:1px solid #ff4fae40; border-radius:12px; background:var(--build-panel); }
 html body[data-page="account"] .build-primary-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px; }
 html body[data-page="account"] .build-primary-grid > label:nth-child(-n+2) { grid-column:1/-1; }
 html body[data-page="account"] :is(label,input,textarea,select) { min-width:0; max-width:100%; box-sizing:border-box; }
 html body[data-page="account"] :is(input,select) { min-height:44px; }
 html body[data-page="account"] textarea { min-height:110px; resize:vertical; }
 html body[data-page="account"] .bonus-row { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px; padding:12px 0; }
 html body[data-page="account"] .bonus-title { grid-column:1/-1; }
 html body[data-page="account"] .build-bonuses > summary { min-height:44px; padding:12px 0; white-space:normal; }
 html body[data-page="account"] .build-save-section .form-grid { grid-template-columns:1fr!important; gap:12px; }
 html body[data-page="account"] .build-save-section .button-row { display:grid; grid-template-columns:1fr; gap:8px; }
 html body[data-page="account"] :is(#buildCoreFields,#buildBonusFields,#buildEquipmentFields,#buildGrowthPanel) { scroll-margin-top:150px; }
 html body[data-page="account"] .build-coach-heading { display:flex; flex-wrap:wrap; gap:7px; color:#ff9dcc; font-size:13px; }
 html body[data-page="account"] .build-coach-heading small { flex-basis:100%; color:#aaa0b8; }
 html body[data-page="account"] .build-growth-heading { display:grid; gap:6px; color:#ff9dcc; }
 html body[data-page="account"] .build-growth-heading small { color:#aaa0b8; font-size:12px; }
 html body[data-page="account"] .build-growth-milestones { display:flex; gap:12px; overflow-x:auto; padding:16px 0; }
 html body[data-page="account"] .build-growth-node { flex:0 0 95px; display:grid; justify-items:center; gap:6px; padding:12px 4px; border:1px solid #a877c855; border-radius:10px; background:#110d22; }
 html body[data-page="account"] .build-growth-node.current { border-color:#ff75b8; box-shadow:inset 0 0 15px #ff4fae22; }
 html body[data-page="account"] .build-growth-node small { font-size:10px; }
 html body[data-page="account"] .build-saved-gallery,.build-saved-list { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin-top:12px; }
 html body[data-page="account"] .build-saved-snapshot { position:relative; display:grid; gap:6px; min-height:90px; padding:12px 48px 12px 12px; border:1px solid #ff4fae44; border-radius:9px; background:linear-gradient(110deg,#30132b,#0a0b19); }
 html body[data-page="account"] .build-saved-snapshot strong { font-size:24px; line-height:1.3; }
 html body[data-page="account"] .build-saved-snapshot small { font-size:12px; overflow-wrap:anywhere; }
 html body[data-page="account"] .build-saved-snapshot button { position:absolute; top:5px; right:3px; width:44px; min-height:44px; }
 html body[data-page="account"] .build-saved-snapshot.empty,html body[data-page="account"] .build-saved-actions { display:none; }
 html body[data-page="account"] .build-new-snapshot { min-height:48px; font-size:14px; }
}

/* Use the desktop milestone artwork instead of fallback characters. */
@media(max-width:900px) {
 html body[data-page="account"] .build-growth-node > span { display:block!important; width:48px!important; height:48px!important; font-size:0!important; color:transparent!important; background:url("../images/ui/my-build-growth-locked-v907.webp?v=9.07") center/contain no-repeat!important; mix-blend-mode:screen; }
 html body[data-page="account"] .build-growth-node:is(.current,.reached) > span { background-image:url("../images/ui/icon-sakura-v916.png?v=9.16")!important; }
}

/* Mobile Build Coach text flow and shared Sakura accents. */
@media(max-width:900px) {
 html body[data-page="account"] .build-next-card li { padding:12px 12px 12px 32px; border-color:#ff4fae33; }
 html body[data-page="account"] .build-next-card li strong { display:block!important; margin:0 0 5px!important; color:#f5deee; line-height:1.3; }
 html body[data-page="account"] .build-next-card li span { display:block!important; line-height:1.5; overflow-wrap:anywhere; }
 html body[data-page="account"] .build-next-card li::before { top:12px; color:#ff87c8; }
 html body[data-page="account"] #page-account .small-label,
 html body[data-page="account"] .build-intro > span { color:#ff93c9!important; }
 html body[data-page="account"] .build-intro { border-left-color:#ff70b8!important; background:linear-gradient(110deg,#ff4fae14,#a65cff0a)!important; }
 html body[data-page="account"] .build-save-section .button-primary { color:#fff!important; border-color:#ff8fc8!important; background:linear-gradient(110deg,#d9318b,#8732a6)!important; box-shadow:0 0 16px #ff4fae22!important; }
}

/* Hit Tracker: original duel art with touch-sized, live controls. */
@media(max-width:900px) {
 html body[data-page="battle"] #page-battle.hit-help-rebuild { height:auto!important; grid-template-rows:auto auto!important; gap:14px; }
 html body[data-page="battle"] :is(.hh-form,.hh-header,.hh-midrow,.hh-bottom) { display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto!important; height:auto!important; min-height:0!important; gap:14px; }
 html body[data-page="battle"] .hh-heading { padding:12px; }
 html body[data-page="battle"] .hh-heading h1 { font-size:30px!important; line-height:1.1!important; }
 html body[data-page="battle"] .hh-heading h1 img { width:28px; height:28px; }
 html body[data-page="battle"] .hh-heading p { font-size:13px; }
 html body[data-page="battle"] .hh-build { grid-template-columns:1fr!important; height:auto!important; padding:12px; }
 html body[data-page="battle"] .hh-build-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important; overflow:visible!important; gap:8px; }
 html body[data-page="battle"] .hh-build-metric { min-width:0; min-height:65px; padding:8px!important; }
 html body[data-page="battle"] .hh-build-metric strong { font-size:20px!important; line-height:1.2; }
 html body[data-page="battle"] .hh-build-metric.now { grid-column:1/-1; min-height:44px; }
 html body[data-page="battle"] .hh-current-build { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
 html body[data-page="battle"] .hh-current-build strong { font-size:22px!important; line-height:1.2; }
 html body[data-page="battle"] .hh-current-build :is(span,small) { line-height:1.3; font-size:11px; }
 html body[data-page="battle"] .hh-duel { container-type:inline-size; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:auto auto auto!important; gap:0; padding:0!important; width:100%; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; }
 html body[data-page="battle"] .hh-duel-art { position:relative!important; grid-column:1/-1; grid-row:1; inset:auto!important; width:100%!important; height:auto!important; max-height:320px; object-fit:contain!important; opacity:1!important; transform:none!important; filter:none!important; mask-image:none!important; -webkit-mask-image:none!important; }
 html body[data-page="battle"] .hh-duel::after { display:none!important; }
 html body[data-page="battle"] .hh-duel::before { content:""; position:absolute; z-index:1; left:50%; top:min(28.53cqw,162.2px); width:10px; height:10px; transform:translate(-50%,-50%) rotate(45deg); background:white; box-shadow:0 0 12px #ff88d5; pointer-events:none; }
 html body[data-page="battle"] .hh-fighter { grid-row:2; min-height:0!important; gap:16px; padding:12px!important; text-align:left!important; justify-content:flex-start; background:linear-gradient(160deg,#120b20,#040710); }
 html body[data-page="battle"] .hh-fighter.you { grid-column:1; border-right:1px solid #ff4fae33; }
 html body[data-page="battle"] .hh-fighter.opponent { grid-column:2; }
 html body[data-page="battle"] .hh-fighter::before { display:none!important; }
 html body[data-page="battle"] .hh-fighter-head { min-height:85px; justify-items:start!important; align-content:start; gap:7px; }
 html body[data-page="battle"] .hh-fighter-head strong { white-space:normal!important; overflow:visible; overflow-wrap:anywhere; }
 html body[data-page="battle"] .hh-player-name-text { font-size:16px!important; line-height:1.25; letter-spacing:0!important; color:#ffeaf5; }
 html body[data-page="battle"] .hh-opponent-name-line,html body[data-page="battle"] .hh-opponent-name-field { display:block; width:100%; min-width:0; }
 html body[data-page="battle"] .hh-opponent-mark,html body[data-page="battle"] .hh-opponent-name-display { display:none!important; }
 html body[data-page="battle"] .hh-opponent-name { width:100%!important; min-width:0; height:44px!important; padding:8px!important; color:#fff!important; -webkit-text-fill-color:#fff!important; caret-color:#ff8fc8; background:#060913!important; border:1px solid #be69ef77!important; border-radius:7px!important; text-align:left!important; font-size:16px!important; letter-spacing:0!important; opacity:1!important; }
 html body[data-page="battle"] .hh-power-stack { gap:14px; }
 html body[data-page="battle"] .hh-power-row,html body[data-page="battle"] .hh-fighter.opponent .hh-power-row { grid-template-columns:24px minmax(0,1fr)!important; gap:5px; }
 html body[data-page="battle"] .hh-power-row img { grid-column:1!important; grid-row:1!important; width:24px!important; height:28px!important; }
 html body[data-page="battle"] .hh-power-copy { grid-column:2!important; }
 html body[data-page="battle"] .hh-power-copy > span { font-size:10px; letter-spacing:0; }
 html body[data-page="battle"] .hh-power-copy output { font-size:20px!important; line-height:1.3; overflow-wrap:anywhere; white-space:normal; }
 html body[data-page="battle"] .hh-power-track { grid-column:1/-1!important; height:6px; }
 html body[data-page="battle"] .hh-power-input { height:44px!important; font-size:16px!important; padding:6px!important; border:1px solid #ff75b755!important; border-radius:6px!important; background:#070a14!important; text-align:left!important; }
 html body[data-page="battle"] .hh-fighter-foot { grid-template-columns:1fr!important; gap:4px; font-size:10px; }
 html body[data-page="battle"] .hh-fighter-foot strong { text-align:left!important; margin-bottom:4px; overflow-wrap:anywhere; }
 html body[data-page="battle"] .hh-opponent-rail { display:none!important; }
 html body[data-page="battle"] .hh-matchup { grid-column:1/-1; grid-row:3; display:flex; height:auto!important; min-height:0!important; padding:16px 12px; gap:12px; background:radial-gradient(ellipse at 50% 35%,#86327822,transparent 70%),#060913; }
 html body[data-page="battle"] .hh-matchup::before { display:none; }
 html body[data-page="battle"] .hh-matchup > span { position:static!important; font-size:11px; }
 html body[data-page="battle"] .hh-action-buttons { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:30px; width:auto; height:auto; }
 html body[data-page="battle"] .hh-action-buttons::after { content:""; position:absolute; left:50%; top:50%; width:8px; height:8px; background:#fff; transform:translate(-50%,-50%) rotate(45deg); box-shadow:0 0 10px #ed80ce; }
 html body[data-page="battle"] .hh-action-button { position:static!important; width:82px!important; height:82px!important; margin:0!important; transform:none!important; border-radius:50%!important; padding:10px; align-content:center; gap:4px; }
 html body[data-page="battle"] .hh-action-button > * { transform:none!important; }
 html body[data-page="battle"] .hh-action-button :is(img,svg) { display:block!important; width:30px!important; height:30px!important; }
 html body[data-page="battle"] .hh-action-button span { font-size:11px; }
 html body[data-page="battle"] .hh-versus { display:none; }
 html body[data-page="battle"] .hh-matchup-summary { position:static!important; width:100%; height:auto!important; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:6px; text-align:center; }
 html body[data-page="battle"] .hh-match-side { min-width:0; display:grid; gap:3px; }
 html body[data-page="battle"] .hh-match-side small { font-size:11px; overflow-wrap:anywhere; }
 html body[data-page="battle"] .hh-match-side strong { font-size:19px; }
 html body[data-page="battle"] .hh-matchup-summary em { grid-column:1/-1; font-size:11px; color:#b4a6bb; font-style:normal; }
 html body[data-page="battle"] .hh-result-toggle { position:static!important; width:100%; gap:10px; }
 html body[data-page="battle"] .hh-result-toggle button { min-height:44px; font-size:13px; }
 html body[data-page="battle"] .hh-hit-time { position:static!important; font-size:11px; }
 html body[data-page="battle"] .hh-midrow > *,html body[data-page="battle"] .hh-bottom > * { grid-column:auto!important; min-width:0; height:auto!important; max-height:none!important; padding:14px; }
 html body[data-page="battle"] .hh-result-signal { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 html body[data-page="battle"] .hh-result-signal > div { min-height:90px; padding:10px 6px!important; }
 html body[data-page="battle"] .hh-result-signal .hh-outcome { grid-column:1/-1; }
 html body[data-page="battle"] .hh-result-signal strong { font-size:26px!important; }
 html body[data-page="battle"] .hh-result-signal small { font-size:11px; line-height:1.4; }
 html body[data-page="battle"] .hh-context-launcher { display:flex; flex-direction:column; min-height:145px; }
 html body[data-page="battle"] .hh-save-panel { min-height:145px; gap:14px; }
 html body[data-page="battle"] .hh-submit { width:100%; min-height:48px!important; font-size:16px; }
 html body[data-page="battle"] .hh-answer { min-height:160px; }
 html body[data-page="battle"] #battleAnalysis { height:auto!important; min-height:120px; }
 html body[data-page="battle"] .hh-farm { min-height:160px; }
 html body[data-page="battle"] .hh-farm-icon svg { width:28px; height:28px; }
 html body[data-page="battle"] .hh-saved-list { max-height:360px!important; }
 html body[data-page="battle"] .hh-hit-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important; gap:7px; font-size:12px; padding:10px; }
 html body[data-page="battle"] .hh-hit-row .hh-row-action { display:block!important; }
 html body[data-page="battle"] .hh-hit-row button { min-height:44px; }
 html body[data-page="battle"] .hh-saved-tools summary { min-height:44px; display:grid; align-items:center; font-size:12px; }
 html body[data-page="battle"] .hh-saved-count { font-size:11px; }
 html body[data-page="battle"] #hitContextDialog { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); padding:16px; }
 html body[data-page="battle"] #hitContextDialog :is(input,select,textarea) { font-size:16px!important; min-height:44px!important; }
 html body[data-page="battle"] #hitContextDialog button { min-height:44px; }
 html body[data-page="battle"] #hitContextDialog header { align-items:flex-start; }
 html body[data-page="battle"] #closeHitContext { flex:0 0 44px; padding:8px; }
}

/* Hunt Planner: same event art and rings, readable on mobile. */
@media(max-width:900px) {
 html body[data-page="hunt"] #page-hunt { width:100%!important; min-width:0!important; height:auto!important; gap:14px; }
 html body[data-page="hunt"] .hunt-event-switcher { grid-template-columns:minmax(0,1fr)!important; gap:12px; padding:14px; margin:0; border-radius:14px; }
 html body[data-page="hunt"] .hunt-event-switcher-copy { padding:12px; }
 html body[data-page="hunt"] .hunt-event-switcher-copy h1 { font-size:22px; line-height:1.2; overflow-wrap:anywhere; }
 html body[data-page="hunt"] .hunt-event-switcher-copy small { font-size:12px; line-height:1.45; }
 html body[data-page="hunt"] .hunt-event-select-wrap { min-width:0; }
 html body[data-page="hunt"] .hunt-event-select-wrap select { width:100%!important; min-width:0; height:48px; font-size:16px!important; padding:0 32px 0 12px; box-sizing:border-box; }
 html body[data-page="hunt"] .hunt-event-flags { grid-column:auto; justify-content:flex-start; gap:8px; }
 html body[data-page="hunt"] .hunt-event-flags a { min-height:44px; }
 html body[data-page="hunt"] #huntReport { width:100%; min-width:0; box-sizing:border-box; padding:16px 10px 12px!important; border-radius:14px; }
 html body[data-page="hunt"] #huntReport .hunt-v2-rings { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; padding:0 0 16px!important; align-items:start; }
 html body[data-page="hunt"] #huntReport .hunt-v2-ring-card { min-width:0; }
 html body[data-page="hunt"] #huntReport .hunt-v2-ring-label { display:flex; align-items:center; justify-content:center; min-height:28px; margin:0 0 8px; font-size:10px!important; line-height:1.25; letter-spacing:.04em; }
 html body[data-page="hunt"] #huntReport .hunt-v2-ring { width:min(100%,144px)!important; aspect-ratio:1; }
 html body[data-page="hunt"] #huntReport .hunt-v2-ring::before { inset:6px; }
 html body[data-page="hunt"] #huntReport .hunt-v2-ring-content { display:flex; align-items:center; justify-content:center; gap:5px; width:82%; max-width:82%; text-align:center; }
 html body[data-page="hunt"] #huntReport .hunt-v2-ring-content strong { margin:0!important; padding:0; font-size:clamp(16px,4.3vw,25px)!important; line-height:1.1!important; white-space:nowrap; }
 html body[data-page="hunt"] #huntReport .hunt-v2-ring-content small { margin:0!important; font-size:8px!important; letter-spacing:.025em; line-height:1.15!important; }
 html body[data-page="hunt"] #huntReport .hunt-v2-ring-foot { gap:3px; }
 html body[data-page="hunt"] #huntReport .hunt-v2-ring-foot strong { font-size:11px!important; line-height:1.3; overflow-wrap:anywhere; }
 html body[data-page="hunt"] #huntReport .hunt-v2-ring-foot small { font-size:10px!important; line-height:1.2; }
 html body[data-page="hunt"] #huntForm { margin:0!important; padding:12px; }
 html body[data-page="hunt"] .hunt-v2-reference-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px 10px; }
 html body[data-page="hunt"] .hunt-v2-reference-grid label { font-size:12px; line-height:1.3; }
 html body[data-page="hunt"] .hunt-v2-reference-grid input { min-width:0; width:100%; height:46px; min-height:46px; padding:8px 10px; font-size:16px!important; box-sizing:border-box; }
 html body[data-page="hunt"] .hunt-optional-estimates { margin-top:14px; border-top:1px solid #ff4fae33; }
 html body[data-page="hunt"] .hunt-optional-estimates summary { min-height:44px; padding:12px 0; box-sizing:border-box; font-size:13px; line-height:1.4; color:#ffc2e0; }
 html body[data-page="hunt"] .hunt-optional-estimates p { font-size:12px; line-height:1.5; color:#b9afc4; }
 html body[data-page="hunt"] #huntVerdict { margin:12px 0 0!important; padding:12px!important; gap:10px!important; min-height:0; align-items:center; font-size:13px!important; line-height:1.5; }
 html body[data-page="hunt"] #huntVerdict > span:last-child { min-width:0; overflow-wrap:anywhere; }
 html body[data-page="hunt"] #huntVerdict b { font-size:16px!important; }
 html body[data-page="hunt"] .hunt-v2-verdict-flower { flex:0 0 28px; width:28px; height:28px; font-size:0!important; background:url("../images/ui/icon-sakura-v916.png?v=9.16") center/contain no-repeat; }
 html body[data-page="hunt"] .hunt-v2-card-head { display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:14px; }
 html body[data-page="hunt"] .hunt-v2-card-head h2 { font-size:20px; line-height:1.2; }
 html body[data-page="hunt"] .hunt-v2-card-head small { font-size:12px; line-height:1.4; white-space:normal; }
 html body[data-page="hunt"] #page-hunt .hunt-v2-daily { padding:12px!important; box-sizing:border-box; }
 html body[data-page="hunt"] #page-hunt .hunt-v2-daily-summary { grid-template-columns:1fr!important; }
 html body[data-page="hunt"] #page-hunt .hunt-v2-daily-summary article { display:flex; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:12px; min-height:52px!important; padding:10px 12px!important; }
 html body[data-page="hunt"] .hunt-v2-daily-summary article span { font-size:12px; line-height:1.35; }
 html body[data-page="hunt"] #page-hunt .hunt-v2-daily-summary article strong { flex-shrink:0; font-size:18px!important; }
 html body[data-page="hunt"] #page-hunt .hunt-v2-bars { height:128px!important; gap:5px; box-sizing:border-box; }
 html body[data-page="hunt"] #page-hunt .hunt-v2-bars:has(.hunt-v2-empty-chart) { height:auto!important; min-height:62px!important; }
 html body[data-page="hunt"] .hunt-v2-day { grid-template-rows:minmax(45px,1fr) auto auto; }
 html body[data-page="hunt"] .hunt-v2-day strong { font-size:10px; }
 html body[data-page="hunt"] .hunt-v2-day small { font-size:9px; }
 html body[data-page="hunt"] .hunt-v2-empty-chart { font-size:12px; white-space:normal; line-height:1.4; }
 html body[data-page="hunt"] .hunt-v2-history summary { font-size:14px; }
 html body[data-page="hunt"] .hunt-v2-history .inside-details { flex-wrap:wrap; padding:12px; gap:8px; }
 html body[data-page="hunt"] .hunt-v2-history .table-scroll { width:100%; max-width:100%; overflow-x:auto; }
 html body[data-page="hunt"] .hunt-v2-history :is(th,td) { padding:12px; font-size:12px; }
 html body[data-page="hunt"] .hunt-v2-history button { min-height:44px; }
}

/* Farm Watch: lantern board, six readable notices, and a flowing detail tray. */
@media(max-width:900px) {
 html body[data-page="opponents"] #page-opponents { height:auto!important; min-height:0!important; justify-content:flex-start!important; }
 html body[data-page="opponents"] #page-opponents .fwa-option-five { display:flex!important; flex-direction:column; gap:14px; height:auto!important; max-height:none!important; min-height:0!important; width:100%; padding:14px!important; box-sizing:border-box; border-radius:14px!important; background:linear-gradient(#08070a55,#08070a88),url("../images/heroes/farm-watch-moon-gate-reference-v10424.png") center top/auto 100% no-repeat!important; }
 html body[data-page="opponents"] #page-opponents .fwa-stage-head { order:0; display:flex!important; justify-content:space-between; gap:10px; align-items:center; padding:12px!important; background:#151114dd!important; border:1px solid #98724a66!important; border-radius:8px; }
 html body[data-page="opponents"] #page-opponents .fwa-stage-head > div:first-child { position:static; width:auto; height:auto; align-items:flex-start; gap:4px; }
 html body[data-page="opponents"] #page-opponents .fwa-stage-head h2 { font-size:25px!important; line-height:1.1!important; }
 html body[data-page="opponents"] #page-opponents .fwa-stage-head span { font-size:11px; }
 html body[data-page="opponents"] #page-opponents .fwa-stage-actions { position:static; height:auto; flex-direction:column; gap:4px; }
 html body[data-page="opponents"] #page-opponents .fwa-stage-actions small { position:static; display:block; width:auto; font-size:11px; }
 html body[data-page="opponents"] #page-opponents .fwa-stage-actions .button { height:auto; min-height:44px; padding:8px 10px; font-size:13px; white-space:nowrap; }
 html body[data-page="opponents"] #page-opponents .fwa-filters { order:1; position:static; width:100%!important; height:auto!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px; }
 html body[data-page="opponents"] #page-opponents .fwa-filters label { font-size:11px; color:#efdbc2; line-height:1.4; padding:5px; background:#100e12c9; border-radius:6px; }
 html body[data-page="opponents"] #page-opponents .fwa-filters :is(input,select) { display:block; margin-top:5px!important; height:44px!important; min-height:44px!important; padding:8px!important; font-size:16px!important; box-sizing:border-box; }
 html body[data-page="opponents"] #page-opponents .fwa-carousel { order:2; position:relative!important; inset:auto!important; width:100%!important; height:auto!important; min-height:0!important; overflow:visible; padding:12px 6px!important; border:1px solid #77533288; border-radius:8px; background:linear-gradient(#17100b66,#130d09aa); }
 html body[data-page="opponents"] #page-opponents .fwa-track { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:repeat(3,auto)!important; gap:14px 12px!important; width:100%!important; height:auto!important; max-height:none!important; }
 html body[data-page="opponents"] #page-opponents :is(.moon-notice,.moon-vacant) { position:relative!important; height:auto!important; aspect-ratio:3/4.5!important; min-height:0!important; max-height:none!important; transform:none!important; }
 html body[data-page="opponents"] #page-opponents .moon-notice { padding:8px 10px 10px; }
 html body[data-page="opponents"] #page-opponents .moon-wanted { font-size:clamp(18px,4.5vw,26px); line-height:1.2; padding-bottom:5px; }
 html body[data-page="opponents"] #page-opponents .moon-portrait { flex:1 1 0; width:100%; }
 html body[data-page="opponents"] #page-opponents .moon-name { padding-top:6px; font-size:13px; line-height:1.15; }
 html body[data-page="opponents"] #page-opponents .moon-risk { font-size:11px; padding:2px 4px; bottom:18%; right:4%; }
 html body[data-page="opponents"] #page-opponents .moon-pagination { order:3; position:static; width:100%; height:auto; min-height:48px; gap:20px; background:#171216ee; border:1px solid #a8805066; border-radius:7px; font-size:15px; }
 html body[data-page="opponents"] #page-opponents .moon-pagination button { width:48px; min-height:44px; font-size:28px; }
 html body[data-page="opponents"] #page-opponents .fwa-recent { order:4; position:relative; inset:auto; display:grid; grid-template-columns:1fr; grid-template-rows:auto; gap:14px; width:100%!important; height:auto; padding:14px!important; box-sizing:border-box; border:1px solid #bf956166!important; border-radius:9px; background:#121015f5!important; scroll-margin-top:145px; }
 html body[data-page="opponents"] #page-opponents .fwa-recent[hidden] { display:none!important; }
 html body[data-page="opponents"] #page-opponents .moon-identity { height:auto; gap:12px; align-items:flex-start; }
 html body[data-page="opponents"] #page-opponents .moon-detail-portrait { display:block; width:72px; height:96px; max-width:30%; }
 html body[data-page="opponents"] #page-opponents .moon-identity h3 { font-size:20px; line-height:1.2; }
 html body[data-page="opponents"] #page-opponents .moon-identity p { font-size:13px; }
 html body[data-page="opponents"] #page-opponents .moon-text-button { min-height:44px; padding:8px 0; font-size:14px; }
 html body[data-page="opponents"] #page-opponents .moon-recorded-rate { font-size:12px; gap:8px; white-space:normal; }
 html body[data-page="opponents"] #page-opponents .moon-recorded-rate i { height:6px; }
 html body[data-page="opponents"] #page-opponents :is(.moon-history,.moon-notes,.moon-actions) { display:block; padding:12px 0 0; border-left:0; border-top:1px solid #786c5d66; }
 html body[data-page="opponents"] #page-opponents :is(.moon-history,.moon-notes) h4 { font-size:15px; margin:0 0 6px; }
 html body[data-page="opponents"] #page-opponents :is(.moon-history,.moon-notes) p { font-size:13px; line-height:1.5; max-height:none; }
 html body[data-page="opponents"] #page-opponents .moon-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
 html body[data-page="opponents"] #page-opponents .moon-actions .button { height:auto; min-height:46px!important; padding:8px!important; font-size:15px!important; }
 html body[data-page="opponents"] #page-opponents .moon-rename { position:static; grid-column:1/-1; width:100%; padding:12px; box-sizing:border-box; gap:10px; }
 html body[data-page="opponents"] #page-opponents .moon-rename label { flex-basis:100%; min-width:0; }
 html body[data-page="opponents"] #page-opponents .moon-rename input { height:44px; font-size:16px; box-sizing:border-box; }
 html body[data-page="opponents"] #page-opponents .fwa-source { order:5; position:static; width:100%; display:flex; flex-direction:column; gap:5px; font-size:10px; padding:8px!important; box-sizing:border-box; background:#100e12c9!important; }
 html body[data-page="opponents"] #page-opponents .fwa-detail { padding:10px; }
 html body[data-page="opponents"] #page-opponents .fwa-detail-panel { width:100%; max-height:calc(100dvh - 20px)!important; overflow:auto!important; }
 html body[data-page="opponents"] #page-opponents .fwa-detail-head { grid-template-columns:minmax(0,1fr) 44px; gap:8px; padding:12px!important; }
 html body[data-page="opponents"] #page-opponents .fwa-detail-art { display:none; }
 html body[data-page="opponents"] #page-opponents .fwa-detail-head h2 { font-size:20px; white-space:normal; overflow-wrap:anywhere; }
 html body[data-page="opponents"] #page-opponents .fwa-detail-head p { font-size:12px; line-height:1.4; }
 html body[data-page="opponents"] #farmWatchDetailClose { width:44px; height:44px; position:static; }
 html body[data-page="opponents"] #page-opponents .fwa-detail-body { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:12px; padding:12px!important; overflow:visible!important; }
 html body[data-page="opponents"] #page-opponents .farm-detail-summary { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px; }
 html body[data-page="opponents"] #page-opponents .farm-detail-summary article { min-width:0; padding:10px; }
 html body[data-page="opponents"] #page-opponents .farm-detail-summary strong { font-size:18px; overflow-wrap:anywhere; }
 html body[data-page="opponents"] #page-opponents .farm-detail-read { flex-direction:column; align-items:stretch; padding:12px!important; }
 html body[data-page="opponents"] #page-opponents .farm-detail-read h3 { font-size:14px; line-height:1.5; }
 html body[data-page="opponents"] #page-opponents .farm-detail-read p { font-size:12px; line-height:1.5; }
 html body[data-page="opponents"] #page-opponents .farm-profile-editor .farm-editor-grid { grid-template-columns:1fr!important; gap:12px!important; }
 html body[data-page="opponents"] #page-opponents .farm-profile-editor { padding:12px; }
 html body[data-page="opponents"] #page-opponents .farm-profile-editor :is(input,select,textarea) { width:100%; min-width:0; min-height:44px; font-size:16px!important; box-sizing:border-box; }
 html body[data-page="opponents"] #page-opponents #farmWatchNotes { min-height:130px; }
 html body[data-page="opponents"] #page-opponents .farm-history-card { min-width:0; padding:12px; }
 html body[data-page="opponents"] #page-opponents .farm-history-card .table-scroll { max-width:100%; overflow:auto; }
 html body[data-page="opponents"] #page-opponents .farm-history-card :is(th,td) { font-size:12px; padding:10px; }
}

/* Avatars: one focal card, matching glow frame, touch controls. */
@media(max-width:900px) {
 html:has(#page-cards.cards-carousel-page.active),body:has(#page-cards.cards-carousel-page.active) { height:auto!important; min-height:100dvh; overflow-y:auto!important; overflow-x:clip!important; }
 html body[data-page="cards"] #page-cards.cards-carousel-page { padding:0!important; margin:0!important; height:auto!important; overflow:visible!important; }
 html body[data-page="cards"] #page-cards .carousel-vault-shell { width:100%; height:auto!important; min-height:0!important; grid-template-rows:auto auto auto auto 18px!important; gap:14px; overflow:visible; }
 html body[data-page="cards"] #page-cards .carousel-vault-header { display:block; padding:12px; min-width:0; }
 html body[data-page="cards"] #page-cards .carousel-vault-title h1 { font-size:22px; line-height:1.2; }
 html body[data-page="cards"] #page-cards .carousel-vault-summary,html body[data-page="cards"] #page-cards .carousel-flow-button { display:none!important; }
 html body[data-page="cards"] #page-cards .carousel-tier-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); width:100%; height:auto; min-width:0; gap:4px; }
 html body[data-page="cards"] #page-cards .carousel-tier-tabs button { min-width:0; padding:8px 2px; min-height:44px; font-size:11px; }
 html body[data-page="cards"] #page-cards .carousel-showcase { --mobile-card-width:min(70vw,290px); height:calc(min(70vw,290px) * 1.6 + 60px); min-height:0; border-radius:14px; touch-action:pan-y pinch-zoom; }
 html body[data-page="cards"] #page-cards .carousel-card-track { inset:10px 0 36px!important; perspective:900px; }
 html body[data-page="cards"] #page-cards .carousel-card-track .card-glow-shell { width:var(--mobile-card-width)!important; height:calc(min(70vw,290px) * 1.6)!important; top:50%!important; left:50%!important; }
 html body[data-page="cards"] #page-cards .carousel-card-track .card-glow-shell > .collectible { display:flex!important; width:100%!important; height:100%!important; top:0!important; left:0!important; transform:none!important; }
 html body[data-page="cards"] #page-cards .carousel-card-track .card-glow-shell.carousel-active { transform:translate(-50%,-50%)!important; opacity:1; z-index:10; }
 html body[data-page="cards"] #page-cards .carousel-card-track .card-glow-shell.carousel-left-1 { transform:translate(-132%,-50%) scale(.84) rotateY(10deg)!important; opacity:.55; z-index:5; }
 html body[data-page="cards"] #page-cards .carousel-card-track .card-glow-shell.carousel-right-1 { transform:translate(32%,-50%) scale(.84) rotateY(-10deg)!important; opacity:.55; z-index:5; }
 html body[data-page="cards"] #page-cards .carousel-card-track .card-glow-shell:is(.carousel-left-2,.carousel-right-2,.carousel-left-3,.carousel-right-3) { opacity:0!important; visibility:hidden; pointer-events:none; }
 html body[data-page="cards"] #page-cards .carousel-card-track .collectible > div { min-height:0!important; padding:36px 14px 12px!important; }
 html body[data-page="cards"] #page-cards .carousel-card-track h2 { font-size:21px!important; line-height:1.15!important; }
 html body[data-page="cards"] #page-cards .carousel-card-track p { font-size:11px!important; }
 html body[data-page="cards"] #page-cards .carousel-card-track dt { font-size:10px!important; }
 html body[data-page="cards"] #page-cards .carousel-card-track dd { font-size:14px!important; }
 html body[data-page="cards"] #page-cards .carousel-arrow { width:44px; height:44px; top:48%; font-size:26px; }
 html body[data-page="cards"] #page-cards .carousel-prev { left:2px; }
 html body[data-page="cards"] #page-cards .carousel-next { right:2px; }
 html body[data-page="cards"] #page-cards .carousel-stage-image { width:125%; height:24%; bottom:0; }
 html body[data-page="cards"] #page-cards .carousel-dots { bottom:8px; font-size:12px; }
 html body[data-page="cards"] #page-cards .carousel-detail-bar { width:100%; height:auto!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px; padding:14px; box-sizing:border-box; overflow:visible; }
 html body[data-page="cards"] #page-cards .carousel-detail-bar > * { padding:0; border:0; min-width:0; }
 html body[data-page="cards"] #page-cards .carousel-about { grid-column:1/-1; grid-row:1; width:100%; justify-self:stretch; text-align:center; }
 html body[data-page="cards"] #page-cards .carousel-about strong { font-size:22px; }
 html body[data-page="cards"] #page-cards .carousel-about span { font-size:12px; }
 html body[data-page="cards"] #page-cards .carousel-stat { text-align:center; padding:10px; border:1px solid #ff4fae33; border-radius:8px; }
 html body[data-page="cards"] #page-cards .carousel-stat small { font-size:11px; }
 html body[data-page="cards"] #page-cards .carousel-stat strong { font-size:20px; }
 html body[data-page="cards"] #page-cards .carousel-owner-actions { grid-column:1/-1; grid-row:3; }
 html body[data-page="cards"] #page-cards .carousel-owner-actions > div { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
 html body[data-page="cards"] #page-cards .carousel-owner-actions button { min-width:0; width:100%; height:46px; font-size:14px; }
 html body[data-page="cards"] #page-cards .carousel-view-profile { grid-column:1/-1; min-width:0!important; max-width:none!important; width:100%!important; height:46px; font-size:14px!important; }
 html body[data-page="cards"] #cardModal .card-modal-panel { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); overflow:auto; }
 html body[data-page="cards"] #cardModal .card-modal-body { min-width:0; padding:10px; }
 html body[data-page="cards"] #cardModalImage { max-width:100%; max-height:75dvh; width:auto; height:auto; object-fit:contain; margin:auto; }
}
@media(max-width:900px) and (prefers-reduced-motion:reduce) {
 html body[data-page="cards"] #page-cards .card-glow-shell { transition:none!important; }
}

/* v10.476 — Mobile Campus Marketplace */
@media(max-width:900px) {
 html body[data-page="economy"] #page-economy { margin-top:0!important; padding:12px!important; overflow:visible!important; }
 html body[data-page="economy"] #page-economy .market-shell { height:auto; min-height:0; grid-template-rows:auto auto auto; gap:16px; }
 html body[data-page="economy"] #page-economy .market-topbar { grid-template-columns:1fr; padding:12px; gap:12px; }
 html body[data-page="economy"] #page-economy .market-wallets { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 html body[data-page="economy"] #page-economy .market-wallet { min-width:0; height:auto; min-height:76px; padding:10px; column-gap:8px; }
 html body[data-page="economy"] #page-economy .market-wallet span { font-size:11px; line-height:1.4; }
 html body[data-page="economy"] #page-economy .market-wallet strong { font-size:22px; line-height:1.3; overflow-wrap:anywhere; }
 html body[data-page="economy"] #page-economy .market-account-strip { gap:10px; }
 html body[data-page="economy"] #page-economy .market-sync-dot { flex:0 0 9px; }
 html body[data-page="economy"] #page-economy .market-account-copy { flex:1; text-align:left; }
 html body[data-page="economy"] #page-economy .market-account-copy strong { font-size:13px; }
 html body[data-page="economy"] #page-economy .market-account-copy small { font-size:12px; white-space:normal; line-height:1.4; }
 html body[data-page="economy"] #page-economy .market-refresh { width:44px; height:44px; flex:0 0 44px; font-size:22px; }
 html body[data-page="economy"] #page-economy .market-heading-row { grid-template-columns:1fr; gap:12px; }
 html body[data-page="economy"] #page-economy .market-heading-row h1 { font-size:22px; line-height:1.2; }
 html body[data-page="economy"] #page-economy .market-heading-row p { font-size:13px; line-height:1.5; }
 html body[data-page="economy"] #page-economy .market-mini-metrics { display:grid; grid-template-columns:1fr 1fr; }
 html body[data-page="economy"] #page-economy .market-mini-metrics span { min-width:0; font-size:11px; }
 html body[data-page="economy"] #page-economy .market-mini-metrics b { font-size:17px; }
 html body[data-page="economy"] #page-economy .market-workspace { grid-template-columns:minmax(0,1fr); gap:16px; }
 html body[data-page="economy"] #page-economy .market-main { grid-template-rows:auto auto; gap:14px; }
 html body[data-page="economy"] #page-economy .market-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
 html body[data-page="economy"] #page-economy .market-tab { min-height:46px; font-size:12px; padding:8px 2px; }
 html body[data-page="economy"] #page-economy .market-catalog { display:block; overflow:visible; padding:0; }
 html body[data-page="economy"] #page-economy .market-feature { grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:16px; gap:12px; }
 html body[data-page="economy"] #page-economy .market-feature[hidden] { display:none!important; }
 html body[data-page="economy"] #page-economy .market-feature .market-product-art { height:190px; }
 html body[data-page="economy"] #page-economy .market-feature h2 { font-size:25px; }
 html body[data-page="economy"] #page-economy .market-feature p { font-size:13px; line-height:1.5; }
 html body[data-page="economy"] #page-economy .market-eyebrow,
 html body[data-page="economy"] #page-economy .market-owned-line { font-size:12px; }
 html body[data-page="economy"] #page-economy .market-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
 html body[data-page="economy"] #page-economy .market-product { height:auto; grid-template-rows:130px 1fr auto auto; padding:12px; }
 html body[data-page="economy"] #page-economy .market-product-art { height:130px; }
 html body[data-page="economy"] #page-economy .market-product-copy strong { font-size:14px; white-space:normal; overflow-wrap:anywhere; line-height:1.35; }
 html body[data-page="economy"] #page-economy .market-product-copy small { font-size:12px; white-space:normal; line-height:1.4; }
 html body[data-page="economy"] #page-economy .market-product-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; margin-top:12px; }
 html body[data-page="economy"] #page-economy .market-price,
 html body[data-page="economy"] #page-economy .market-qty { font-size:12px; }
 html body[data-page="economy"] #page-economy .market-discord-button { width:100%; min-height:46px; font-size:12px; padding:9px 6px; line-height:1.3; }
 html body[data-page="economy"] #page-economy .market-discord-button > span { line-height:1.3; }
 html body[data-page="economy"] #page-economy .market-sidebar { grid-template-columns:1fr; grid-template-rows:auto; gap:14px; }
 html body[data-page="economy"] #page-economy .market-side-card { padding:16px; }
 html body[data-page="economy"] #page-economy .market-side-title strong,
 html body[data-page="economy"] #page-economy .market-guide h3,
 html body[data-page="economy"] #page-economy .market-inventory-preview h3 { font-size:14px; }
 html body[data-page="economy"] #page-economy .market-side-title small,
 html body[data-page="economy"] #page-economy .market-side-card > p,
 html body[data-page="economy"] #page-economy .market-guide-row small,
 html body[data-page="economy"] #page-economy .economy-live-empty { font-size:13px; line-height:1.5; }
 html body[data-page="economy"] #page-economy .market-guide-row strong { font-size:14px; }
 html body[data-page="economy"] #page-economy .market-effects span { font-size:12px; }
 html body[data-page="economy"] #page-economy .market-inventory-preview { max-height:none; overflow:visible; }
 html body[data-page="economy"] #page-economy .economy-live-item { min-height:48px; }
 html body[data-page="economy"] #page-economy .economy-live-item-copy strong { font-size:13px; white-space:normal; overflow-wrap:anywhere; }
 html body[data-page="economy"] #page-economy .economy-live-item > b { font-size:14px; }
 html body[data-page="economy"] #economyItemModal .card-modal-panel { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); overflow:auto; }
 html body[data-page="economy"] #economyItemModal .card-modal-body { padding:12px; min-width:0; }
 html body[data-page="economy"] #economyItemModalImage { width:100%; height:auto; max-height:70dvh; object-fit:contain; }
 html body[data-page="economy"] #economyItemModalClose { min-width:44px; min-height:44px; }
}
@media(max-width:600px) {
 html body[data-page="economy"] #page-economy .market-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 html body[data-page="economy"] #page-economy .market-product { padding:10px; grid-template-rows:110px 1fr auto auto; }
 html body[data-page="economy"] #page-economy .market-product-art { height:110px; }
 html body[data-page="economy"] #page-economy .market-feature { grid-template-columns:minmax(0,1fr); }
 html body[data-page="economy"] #page-economy .market-feature > .market-product-art { grid-row:1; height:180px; }
}

/* v10.477 — Mobile Share Card Studio, original export untouched. */
@media(max-width:900px) {
html body[data-page="data"] #page-data { padding:0 !important; min-width:0 !important; height:auto !important; overflow:visible !important; }
html body[data-page="data"] .share-portal-shell { display:flex !important; flex-direction:column !important; gap:16px !important; height:auto !important; min-height:0 !important; max-height:none !important; padding:14px 12px !important; overflow:hidden !important; }
html body[data-page="data"] .share-portal-shell::before { opacity:.2 !important; filter:blur(16px) brightness(.5) !important; background-size:auto 700px !important; background-repeat:no-repeat !important; }
html body[data-page="data"] .share-portal-head { position:relative !important; inset:auto !important; display:block !important; height:auto !important; padding:0 !important; margin:0 !important; order:0 !important; pointer-events:auto !important; }
html body[data-page="data"] .share-portal-head > div:first-child { display:block !important; }
html body[data-page="data"] .share-portal-head h1 { font-size:22px !important; font-weight:700 !important; line-height:1.25 !important; letter-spacing:.04em !important; }
html body[data-page="data"] .share-portal-head > div > p:last-child { display:block !important; font-size:12px !important; line-height:1.5 !important; letter-spacing:.06em !important; margin:6px 0 0 !important; }
html body[data-page="data"] .share-portal-wordmark { display:none !important; }
html body[data-page="data"] .share-portal-main { position:relative !important; inset:auto !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:18px !important; height:auto !important; min-height:0 !important; order:2 !important; perspective:none !important; }
html body[data-page="data"] .share-card-portal { position:relative !important; inset:auto !important; grid-column:1 !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:auto !important; margin:0 !important; padding:0 !important; transform:none !important; }
html body[data-page="data"] .share-card-canvas-wrap { position:relative !important; inset:auto !important; width:min(100%,380px) !important; height:auto !important; margin:auto !important; padding:0 !important; aspect-ratio:auto !important; }
html body[data-page="data"] #shareCardCanvas { display:block !important; width:100% !important; height:auto !important; max-width:100% !important; max-height:none !important; aspect-ratio:auto !important; transform:none !important; animation:none !important; object-fit:contain !important; }
html body[data-page="data"] .share-card-format,
html body[data-page="data"] .share-card-rank,
html body[data-page="data"] .share-stage-avi { display:none !important; }
html body[data-page="data"] .share-selected-panel { position:relative !important; inset:auto !important; transform:none !important; display:flex !important; flex-direction:column !important; grid-column:1 !important; align-self:stretch !important; width:100% !important; height:auto !important; max-height:none !important; min-height:0 !important; gap:12px !important; padding:16px !important; margin:0 !important; overflow:visible !important; border-radius:16px !important; }
html body[data-page="data"] .share-selected-panel::before,
html body[data-page="data"] .share-selected-panel::after { display:none !important; }
html body[data-page="data"] .share-selected-eyebrow { font-size:11px !important; line-height:1.4 !important; letter-spacing:.12em !important; }
html body[data-page="data"] .share-selected-title-row { flex-wrap:wrap !important; gap:10px !important; }
html body[data-page="data"] .share-selected-title-row h2 { font-size:25px !important; line-height:1.2 !important; overflow-wrap:anywhere !important; }
html body[data-page="data"] .share-tier-pill { font-size:11px !important; line-height:1.3 !important; padding:6px 10px !important; }
html body[data-page="data"] .share-selected-copy,
html body[data-page="data"] .share-selected-quote { display:block !important; margin:0 !important; font-size:13px !important; line-height:1.5 !important; }
html body[data-page="data"] .share-owned-line { font-size:13px !important; line-height:1.4 !important; padding:10px 0 !important; flex-wrap:wrap !important; gap:8px !important; }
html body[data-page="data"] .share-owned-state { font-size:12px !important; }
html body[data-page="data"] .share-owned-check { width:22px !important; height:22px !important; font-size:13px !important; }
html body[data-page="data"] .share-identity-card { display:grid !important; grid-template-columns:54px minmax(0,1fr) !important; gap:12px !important; }
html body[data-page="data"] .share-identity-card img { width:54px !important; height:64px !important; border-radius:10px !important; }
html body[data-page="data"] .share-identity-copy { min-width:0 !important; overflow:visible !important; }
html body[data-page="data"] .share-identity-copy strong { font-size:18px !important; line-height:1.35 !important; white-space:normal !important; overflow-wrap:anywhere !important; }
html body[data-page="data"] .share-identity-copy span,
html body[data-page="data"] .share-identity-copy small { font-size:12px !important; line-height:1.5 !important; }
html body[data-page="data"] .share-mini-stats { grid-column:1/-1 !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; }
html body[data-page="data"] .share-mini-stats div { min-width:0 !important; padding:8px !important; border:1px solid rgba(115,177,229,.22) !important; border-radius:8px !important; }
html body[data-page="data"] .share-mini-stats span { font-size:11px !important; line-height:1.4 !important; }
html body[data-page="data"] .share-mini-stats strong { font-size:19px !important; line-height:1.3 !important; }
html body[data-page="data"] .share-selected-actions { display:grid !important; grid-column:auto !important; grid-row:auto !important; grid-auto-rows:auto !important; gap:10px !important; }
html body[data-page="data"] .share-selected-actions .share-action { min-height:48px !important; height:auto !important; max-height:none !important; padding:12px !important; font-size:14px !important; line-height:1.4 !important; white-space:normal !important; gap:10px !important; border-radius:10px !important; justify-content:center !important; }
html body[data-page="data"] .share-selected-actions .share-action .ui-icon { display:block !important; width:20px !important; height:20px !important; min-width:20px !important; max-width:20px !important; flex:0 0 20px !important; }
html body[data-page="data"] .share-selected-actions .share-action::after { display:none !important; }
html body[data-page="data"] #shareCardStatus { font-size:12px !important; line-height:1.5 !important; letter-spacing:.02em !important; overflow-wrap:anywhere !important; }
html body[data-page="data"] .share-collection-dock { position:relative !important; inset:auto !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; width:100% !important; height:auto !important; min-height:0 !important; padding:12px !important; margin:0 !important; gap:10px !important; border-radius:14px !important; order:1 !important; overflow:hidden !important; }
html body[data-page="data"] .share-collection-dock::before,
html body[data-page="data"] .share-collection-dock::after { display:none !important; }
html body[data-page="data"] .share-collection-meta { position:relative !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; height:auto !important; gap:8px !important; min-width:0 !important; padding:0 !important; }
html body[data-page="data"] .share-collection-meta h2 { font-size:14px !important; line-height:1.4 !important; letter-spacing:.1em !important; margin:0 !important; }
html body[data-page="data"] .share-filter-row { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:6px !important; }
html body[data-page="data"] .share-filter-row:has(.share-filter[hidden]) .share-filter:not([hidden]) { grid-column:1/-1; }
html body[data-page="data"] .share-filter { min-height:44px !important; padding:8px 3px !important; font-size:11px !important; line-height:1.3 !important; letter-spacing:.01em !important; }
html body[data-page="data"] .share-collection-count { margin:0 !important; font-size:12px !important; line-height:1.4 !important; }
html body[data-page="data"] .share-collection-count strong,
html body[data-page="data"] .share-collection-count span { font-size:13px !important; }
html body[data-page="data"] .share-collection-terms { display:none !important; }
html body[data-page="data"] .share-avi-rail,
html body[data-page="data"] .share-avi-rail.pack-avi-view { position:relative !important; inset:auto !important; display:grid !important; grid-template-columns:none !important; grid-auto-flow:column !important; grid-auto-columns:140px !important; width:100% !important; height:auto !important; gap:10px !important; margin:0 !important; padding:3px 3px 10px !important; overflow-x:auto !important; overflow-y:hidden !important; scroll-snap-type:x proximity !important; scroll-padding:3px !important; scrollbar-width:thin !important; touch-action:pan-x pan-y pinch-zoom !important; }
html body[data-page="data"] .share-avi-choice,
html body[data-page="data"] .share-avi-rail.pack-avi-view .share-avi-choice { position:relative !important; width:140px !important; min-width:0 !important; height:156px !important; grid-template-rows:104px minmax(0,1fr) !important; margin:0 !important; padding:0 !important; border-radius:10px !important; scroll-snap-align:start !important; }
html body[data-page="data"] .share-avi-choice img { width:100% !important; height:104px !important; }
html body[data-page="data"] .share-avi-choice span { padding:6px 8px !important; gap:3px !important; }
html body[data-page="data"] .share-avi-choice strong,
html body[data-page="data"] .pack-avi-slot .share-avi-label strong { font-size:12px !important; line-height:1.25 !important; white-space:normal !important; }
html body[data-page="data"] .share-avi-choice small,
html body[data-page="data"] .pack-avi-slot .share-avi-label small { font-size:10px !important; line-height:1.3 !important; }
html body[data-page="data"] .share-avi-choice.selected::after { width:5px !important; height:5px !important; right:8px !important; bottom:8px !important; }
html body[data-page="data"] .pack-avi-slot .share-avi-face-frame,
html body[data-page="data"] .pack-avi-slot .share-avi-face-frame img { width:100% !important; height:100% !important; }
}

/* v10.478 — Membership mobile touch and tablet fit. */
@media(max-width:900px) {
 html body[data-page="membership"] #page-membership.sky-membership { height:auto!important; max-height:none!important; padding:18px 12px 0!important; grid-template-rows:auto auto auto auto; }
 html body[data-page="membership"] #page-membership .sky-plans { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
 html body[data-page="membership"] #page-membership .sky-pass { max-width:400px; max-height:none; justify-self:center; }
 html body[data-page="membership"] #page-membership .sky-account { flex-wrap:wrap; gap:6px 10px; padding:10px 14px; line-height:1.4; }
 html body[data-page="membership"] #page-membership .sky-plan-action { min-height:44px; }
 html body[data-page="membership"] #page-membership .sky-notice-row { grid-template-columns:minmax(0,1fr); gap:12px; justify-items:center; padding:18px 0; }
 html body[data-page="membership"] #page-membership .sky-billing { white-space:normal; text-align:center; justify-content:center; font-size:13px; }
 html body[data-page="membership"] #page-membership .sky-earned { grid-column:1; text-align:center; font-size:12px; line-height:1.5; }
 html body[data-page="membership"] #page-membership .sky-values { margin:0 -12px; padding:18px 12px; }
 html body[data-page="membership"] .sky-benefits-dialog { width:calc(100vw - 24px); max-height:calc(100dvh - 32px); padding:18px; }
 html body[data-page="membership"] .sky-dialog-head { gap:12px; }
 html body[data-page="membership"] .sky-dialog-head h2 { font-size:25px!important; }
 html body[data-page="membership"] .sky-dialog-head button { min-width:44px; min-height:44px; flex:0 0 44px; }
 html body[data-page="membership"] .sky-dialog-plans { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html body[data-page="membership"] .sky-dialog-plans ul { font-size:14px; }
}
@media(max-width:599px) {
 html body[data-page="membership"] #page-membership .sky-plans { grid-template-columns:minmax(0,1fr); }
 html body[data-page="membership"] #page-membership .sky-pass { max-width:370px; }
 html body[data-page="membership"] .sky-dialog-plans { grid-template-columns:minmax(0,1fr); }
 html body[data-page="membership"] #page-membership .sky-values { grid-template-columns:minmax(0,1fr); gap:14px; }
 html body[data-page="membership"] #page-membership .sky-values > div { flex-direction:row; justify-content:flex-start; text-align:left; padding:0 12px; border:0; }
 html body[data-page="membership"] #page-membership .sky-values strong { font-size:14px; }
 html body[data-page="membership"] #page-membership .sky-values small { font-size:12px; line-height:1.4; }
}

/* v10.479 — Settings owns its navigation. */
html body[data-page="profiles"] #sidebar.rose-sidebar { display:none!important; }
@media(max-width:900px) {
html body[data-page="profiles"] .topbar, html body[data-page="profiles"] #sidebar.rose-sidebar { display:none!important; }
html body[data-page="profiles"] .app-frame { overflow:visible!important; }
html body[data-page="profiles"] .workspace:has(#page-profiles), html body[data-page="profiles"] .main-content:has(#page-profiles) { height:auto!important; min-height:0!important; padding:0!important; overflow:visible!important; }
html body[data-page="profiles"] #page-profiles.ledger-page.active { grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto auto auto auto!important; height:auto!important; max-height:none!important; min-height:100dvh!important; }
html body[data-page="profiles"] #page-profiles .ledger-rail { grid-column:1!important; grid-row:1!important; display:grid!important; grid-template-columns:1fr 1fr!important; border-right:0!important; }
html body[data-page="profiles"] #page-profiles .ledger-brand { padding:16px!important; text-align:left!important; }
html body[data-page="profiles"] #page-profiles .ledger-brand strong { font-size:31px!important; }
html body[data-page="profiles"] #page-profiles .ledger-brand > span { font-size:9px!important; }
html body[data-page="profiles"] #page-profiles .ledger-home { min-height:44px!important; font-size:13px!important; margin:0!important; padding:10px!important; }
html body[data-page="profiles"] #page-profiles .ledger-tabs { grid-column:1/-1!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; }
html body[data-page="profiles"] #page-profiles .ledger-tabs button { width:100%!important; min-width:0!important; height:auto!important; min-height:60px!important; padding:10px 4px!important; gap:5px!important; flex-direction:column!important; justify-content:center!important; font-size:14px!important; }
html body[data-page="profiles"] #page-profiles .ledger-tabs .ledger-icon { width:22px!important; height:22px!important; flex-basis:22px!important; }
html body[data-page="profiles"] #page-profiles .ledger-rail-flower { display:none!important; }
html body[data-page="profiles"] #page-profiles.ledger-page .ledger-header { grid-column:1!important; grid-row:2!important; flex-wrap:wrap!important; padding:20px 16px!important; gap:16px!important; }
html body[data-page="profiles"] #page-profiles.ledger-page .ledger-heading h1 { font-size:36px!important; }
html body[data-page="profiles"] #page-profiles .ledger-identity { width:100%!important; max-width:100%!important; flex-wrap:wrap!important; gap:12px!important; padding:12px 0 0!important; border-radius:0!important; }
html body[data-page="profiles"] #page-profiles .ledger-identity-text { flex:1!important; min-width:100px!important; }
html body[data-page="profiles"] #page-profiles .ledger-identity-text p { font-size:12px!important; }
html body[data-page="profiles"] #page-profiles .ledger-signout { min-height:44px!important; padding:10px 12px!important; font-size:13px!important; margin:0!important; }
html body[data-page="profiles"] #page-profiles .ledger-workspace { grid-column:1!important; grid-row:3!important; padding:20px 16px!important; overflow:visible!important; }
html body[data-page="profiles"] #page-profiles .ledger-panel { min-height:0!important; }
html body[data-page="profiles"] #page-profiles .ledger-profile-area, html body[data-page="profiles"] #page-profiles .ledger-detail-list, html body[data-page="profiles"] #page-profiles .ledger-data-sheet, html body[data-page="profiles"] #page-profiles.ledger-page .create-main-card { width:100%!important; }
html body[data-page="profiles"] #page-profiles .ledger-section-heading { margin-bottom:20px!important; }
html body[data-page="profiles"] #page-profiles .profile-list { max-height:none!important; overflow:visible!important; }
html body[data-page="profiles"] #page-profiles.ledger-page .profile-list-item { padding:16px!important; gap:12px!important; flex-wrap:wrap!important; }
html body[data-page="profiles"] #page-profiles .profile-list-item .button, html body[data-page="profiles"] #page-profiles .button { min-height:44px!important; font-size:14px!important; white-space:normal!important; }
html body[data-page="profiles"] #page-profiles .ledger-add { width:100%!important; min-height:52px!important; padding:12px!important; font-size:20px!important; }
html body[data-page="profiles"] #page-profiles .ledger-panel > .ledger-advanced { margin-top:24px!important; }
html body[data-page="profiles"] #page-profiles .ledger-advanced summary { padding:12px!important; font-size:19px!important; }
html body[data-page="profiles"] #page-profiles .ledger-statusbar { grid-column:1!important; grid-row:4!important; grid-template-columns:minmax(0,1fr)!important; padding:16px!important; gap:12px!important; }
html body[data-page="profiles"] #page-profiles .ledger-status-item { padding:10px 0!important; flex-wrap:wrap!important; gap:12px!important; }
html body[data-page="profiles"] #page-profiles .ledger-status-item + .ledger-status-item { border-left:0!important; border-top:1px solid var(--ledger-line)!important; }
html body[data-page="profiles"] #page-profiles .ledger-status-icon { display:flex!important; width:40px!important; height:40px!important; flex:0 0 40px!important; }
html body[data-page="profiles"] #page-profiles .ledger-status-button, html body[data-page="profiles"] #page-profiles .ledger-disconnect { min-height:44px!important; font-size:13px!important; }
html body[data-page="profiles"] #page-profiles.ledger-page .ledger-detail-list article { flex-wrap:wrap!important; padding:16px!important; gap:12px!important; }
html body[data-page="profiles"] #page-profiles .ledger-detail-list article > div { flex:1 1 200px!important; }
html body[data-page="profiles"] #page-profiles .ledger-detail-list .button { width:100%!important; }
html body[data-page="profiles"] #page-profiles .ledger-data-sheet { padding:16px!important; }
html body[data-page="profiles"] #page-profiles #activeProfileSummary { flex-direction:column!important; align-items:flex-start!important; gap:10px!important; }
html body[data-page="profiles"] #page-profiles .ledger-data-metrics { grid-template-columns:minmax(0,1fr)!important; gap:18px!important; }
html body[data-page="profiles"] #page-profiles.ledger-page .site-account-create-card { grid-template-columns:minmax(0,1fr)!important; padding:16px!important; gap:18px!important; }
html body[data-page="profiles"] #page-profiles input:not([type=checkbox]), html body[data-page="profiles"] #page-profiles select { font-size:16px!important; min-height:46px!important; max-width:100%!important; }
html body[data-page="profiles"] #page-profiles .ledger-email-setup button { width:100%!important; min-height:44px!important; }
html body[data-page="profiles"] #discordConfirmDialog { padding:18px!important; width:calc(100vw - 24px)!important; max-height:calc(100dvh - 24px)!important; }
html body[data-page="profiles"] #discordConfirmDialog h2 { font-size:26px!important; }
html body[data-page="profiles"] #discordConfirmDialog .discord-confirm-actions { display:grid!important; grid-template-columns:minmax(0,1fr)!important; }
html body[data-page="profiles"] .add-alt-dialog { width:calc(100vw - 24px)!important; max-height:calc(100dvh - 24px)!important; overflow:auto!important; padding:18px!important; }
}