/* STAR SEED • reference artboard adaptation.
   Presentation only: no game values, art bindings or motion state are changed. */
:root{--u-bg:#18233e;--u-card:#243553;--u-line:#829cce55;--u-ink:#f5f8ff;--u-soft:#b8c9e6;--u-accent:#72d6ff;--ss-paper:#f0f5ff;--ss-paper-ink:#233657;--ss-pink:#f06bc2;--ss-cyan:#31b5e8}
html,html body{background:#0c152b;color:var(--u-ink)}
html body{background-image:radial-gradient(ellipse at 20% 0%,#54457966,transparent 55%),radial-gradient(ellipse at 90% 65%,#234f6f55,transparent 60%)}
html .app{background:linear-gradient(155deg,#243450f7,#172440 65%,#273052);border-inline:1px solid #a6bde431;box-shadow:0 0 90px #0006}
html .top{background:linear-gradient(110deg,#172640ed,#37466bd9);border-bottom:1px solid #c7d8ff59;box-shadow:0 3px 18px #07101d33;gap:8px}
html .brand{color:#f8faff;letter-spacing:3px;text-shadow:0 0 18px #b7ceff55}
html .u-eyebrow{color:#bdcce7;font-weight:600}
html #root h1,html #root h2{color:#f6f8ff;text-shadow:0 2px 12px #0c173755}
html button,html select{border-color:#93b5e66b;background:linear-gradient(145deg,#334b70,#253756);color:#f5f8ff;box-shadow:inset 0 1px 0 #ffffff12;transition:border-color .15s,background-color .15s}
html button:hover{border-color:#b2eaff}
html button:focus-visible,html select:focus-visible{outline:3px solid #80e2ff;outline-offset:2px}
html button:disabled{opacity:.46;box-shadow:none}
html .u-primary{background:linear-gradient(115deg,#ec70ce,#ef499e);border:1px solid #ffd0f2;color:white;text-shadow:0 1px 2px #8d215b;box-shadow:0 3px 12px #e34cae35,inset 0 1px 0 #ffffff60;font-weight:750}
html [data-u="advance"].u-primary{background:linear-gradient(110deg,#33bcef,#269fd6);border-color:#a1ecff;text-shadow:0 1px 2px #17618f;box-shadow:0 3px 12px #39bded30,inset 0 1px 0 #ffffff66}
html .u-link{background:transparent;box-shadow:none;color:#d5e5ff;border-color:#9bb5df45}
html .u-header-actions button{background:#10203966;border-color:#b1c9f54d;color:#dceaff}
html .u-metrics{background:linear-gradient(110deg,#122541ba,#31496d99);border:1px solid #93b8e448;border-radius:10px;padding:8px 10px;margin-bottom:10px;gap:6px 8px;color:#c7d7ef;box-shadow:inset 0 1px 0 #d9eaff12}
html .u-metrics b{color:#f7fbff;font-variant-numeric:tabular-nums}
html #root nav{background:linear-gradient(180deg,#233653db,#14243de8);border:1px solid #94b8e348;border-radius:12px;padding:6px;margin-top:10px;gap:5px;box-shadow:0 3px 12px #07122844}
html #root nav button{background:transparent;border-color:transparent;box-shadow:none;color:#b9cde8;font-weight:650}
html #root nav button.u-selected{background:linear-gradient(130deg,#398bd166,#4ba3d12b);border-color:#86d9fc66;color:#f5fcff;box-shadow:inset 0 0 15px #58b4f021}
/* The home uses a typed, empty lounge environment behind Seoa's actual SD asset. */
html .u-home{position:relative}
html .u-home h1{letter-spacing:-.6px}
html .u-home-scene{position:relative;isolation:isolate;border:1px solid #b9d6ee75;border-radius:14px;overflow:hidden;background:linear-gradient(155deg,#56778d,#a5b6ba 56%,#7a6a88);box-shadow:inset 0 0 30px #19243b44,0 6px 20px #07142a44}
html .u-home-scene::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,#1b2a4b15,transparent 35%,#1a23402e)}
html .u-home-scene>.u-slot{z-index:1}
html .u-home-scene .u-training-background{z-index:-1}
html[data-art="on"] .u-home-scene .u-training-background .u-art-slot{width:100%;height:100%;max-width:none;min-height:0;position:absolute;inset:0;overflow:hidden;border:0;border-radius:0;margin:0}
html .u-home-scene .u-training-background .u-art-slot img{object-fit:cover;transform:none}
html .u-home>.u-speech{position:relative;background:#f5f8ffed;color:#273956;border:1px solid #c0d8f5;border-radius:11px;padding:7px 11px;line-height:1.4;margin:9px 0;font-size:12px;box-shadow:0 3px 12px #06122c22}
html .u-home>.u-speech::before{content:'';position:absolute;top:-5px;left:50%;width:8px;height:8px;background:#f5f8ff;transform:rotate(45deg);border-top:1px solid #c0d8f5;border-left:1px solid #c0d8f5}
/* Actual editable seven-day plan: paper cards, not mock missions or currencies. */
html .u-recommend button{background:#344e74;color:#e8f6ff;border-color:#92bde65c}
html .u-days{background:linear-gradient(140deg,#f5f8ff,#e2ecfa);padding:10px;border:1px solid #d2e2fa;border-radius:12px;box-shadow:0 5px 20px #06133033;gap:7px}
html .u-days label{color:#283c60;font-weight:700;min-width:0}
html .u-days label:nth-child(6){color:#1679bb}
html .u-days label:nth-child(7){color:#bb407c}
html .u-days select{background:#fff9;color:#263d60;border-color:#b4c8e3;box-shadow:none;font-weight:500}
html .u-days select option{background:#f4f8ff;color:#233657}
html .u-warning{color:#ffdfa1;border-color:#ffc977;background:#6a4b2333;border-radius:0 6px 6px 0}
html .u-stats{gap:8px;margin-bottom:14px}
html .u-stats>div{background:linear-gradient(130deg,#f4f8ff,#e4eefb);color:#283b60;padding:10px;border:1px solid #d4e1f5;border-radius:9px;box-shadow:0 3px 10px #0b183122}
html .u-stats b{color:#205e93;font-variant-numeric:tabular-nums}
html .u-stats meter{height:7px;accent-color:#36b8eb;border-radius:5px}
html .u-stats meter::-webkit-meter-bar{background:#c4d3e6;border:0;border-radius:5px}
html .u-stats meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#62daef,#329bd6);border-radius:5px}
html .u-stats meter::-moz-meter-bar{background:#32afe1;border-radius:5px}
html .u-growth-heading .u-slot{border-color:#b2d5ef;background:#304a71;box-shadow:0 0 12px #90c5fa22}
/* Trainer sheet: activity-colored header, full room scene, large SD foreground. */
html #u-diary-stage{--room-accent:#a7caff}
html #u-diary-stage:has([data-activity="vocal"]),html #u-diary-stage:has([data-activity="dance"]){--room-accent:#f5a0da}
html #u-diary-stage:has([data-activity="express"]){--room-accent:#c6a4f9}
html #u-diary-stage:has([data-activity="create"]){--room-accent:#9ce7d2}
html #u-diary-stage:has([data-activity="variety"]),html #u-diary-stage:has([data-activity="sns"]){--room-accent:#ffcf8e}
html #u-diary-stage:has([data-activity="rest"]){--room-accent:#c8d5c3}
html .u-room-label{margin:0;padding:7px 10px;border:1px solid var(--room-accent);border-bottom:0;border-radius:10px 10px 0 0;background:linear-gradient(110deg,var(--room-accent),#e6efff);color:#233552;font-size:11px;font-weight:750;letter-spacing:.25px}
html[data-art="on"] #root[data-screen="report"] .u-training.u-diary-scene{height:280px;max-height:280px;border-radius:0;border-color:var(--room-accent);padding:12px 12px 8px;gap:14px;box-shadow:inset 0 -20px 28px #15254144}
html[data-art="on"] #root[data-screen="report"] .u-diary-scene .u-art-slot[data-slot^="seoa_sd"],html[data-art="on"] #root[data-screen="report"] .u-diary-scene .u-art-slot[data-slot="trainer_sd_by_id"]{height:180px;max-width:175px}
html .u-character-bubble{background:#f9fbfff5;color:#263656;border-color:#b4cbea;box-shadow:0 3px 10px #11274730;font-size:11px;min-height:45px;max-height:none;line-height:1.4;padding:7px 8px;border-radius:12px;margin-bottom:9px}
html .u-character-bubble::after{border-color:#b4cbea}
html .u-trainer-bubble{background:#fffaf5f7;border-color:#e2c7af}
html .u-trainer-bubble::after{border-color:#e2c7af}
html .u-diary-scene strong{background:#152843dc;color:#f2f7ff;border:1px solid #a2c6ed55;padding:1px 6px;border-radius:6px;font-weight:600}
html .u-daily-outcome{background:linear-gradient(100deg,#22314f,#16223c);border:1px solid var(--room-accent);border-top:0;border-radius:0 0 10px 10px;padding:6px 9px;color:#e7efff;max-height:none;margin:0 0 7px;font-size:11px;line-height:1.4}
html .u-day-buttons{gap:4px}
html .u-day-buttons button{background:#213653;border-color:#84a8d54d;color:#c7d9f1}
html .u-day-buttons button.u-selected{background:linear-gradient(130deg,#f2f8ff,#d0e9fa);color:#25587b;border-color:#aee5ff;font-weight:750}
html .u-diary-controls{margin:5px 0}
html .u-week-details{background:#edf4ff;color:#2b4364;border-color:#b9d6f1;box-shadow:none}
html .u-summary{background:#edf4ff;color:#263d5f;border:1px solid #c2d8f5}
html .u-grade{color:#d3f2ff}
html[data-art="on"] #root[data-screen="evaluation"] .u-grade{background:linear-gradient(110deg,#243f63,#354a70);border-color:#80b4e87d}
html .u-cinema>.u-art-slot,html #root[data-screen="evaluation"]>.u-art-slot{border-color:#96b9de88;box-shadow:0 5px 25px #09142f55;border-radius:12px}
html dialog{background:linear-gradient(145deg,#263955,#162641);color:#f1f7ff;border-color:#9dbbe5a6;box-shadow:0 20px 80px #030a1c99}
html dialog header{background:#14264188;border-color:#9ab8df50}
html dialog::backdrop{background:#061226bf;backdrop-filter:blur(3px)}
html .footer{background:#101c32a8;color:#9cb3d4;border-top:1px solid #a9c1e52b}
/* Keep the proven compact chrome sizes; larger scene is balanced by tight results. */
@media(max-height:740px){
 html .u-metrics{padding:6px 8px;margin-bottom:6px;gap:4px 7px}
 html .u-days{padding:8px;gap:6px}
 html .u-home>.u-speech{padding:6px 9px;margin:7px 0}
 html[data-art="on"] #root[data-screen="report"] .u-training.u-diary-scene{height:250px;max-height:250px;padding:9px 9px 6px}
 html[data-art="on"] #root[data-screen="report"] .u-diary-scene .u-art-slot[data-slot^="seoa_sd"],html[data-art="on"] #root[data-screen="report"] .u-diary-scene .u-art-slot[data-slot="trainer_sd_by_id"]{height:158px}
 html .u-room-label{padding:5px 9px}
 html .u-daily-outcome{padding:5px 8px;margin-bottom:4px}
 html .u-diary-controls{margin:2px 0}
}
@media(max-height:680px){
 html .u-metrics{padding:5px 7px;margin-bottom:5px}
 html #root nav{padding:4px;margin-top:6px}
 html .u-days{padding:7px;gap:5px}
 html .u-stats>div{padding:8px;gap:5px}
 html .u-home>.u-speech{font-size:11px;padding:5px 8px;margin:6px 0}
 html[data-art="on"] #root[data-screen="report"] .u-training.u-diary-scene{height:225px;max-height:225px;padding:7px 7px 5px;gap:10px}
 html[data-art="on"] #root[data-screen="report"] .u-diary-scene .u-art-slot[data-slot^="seoa_sd"],html[data-art="on"] #root[data-screen="report"] .u-diary-scene .u-art-slot[data-slot="trainer_sd_by_id"]{height:138px}
 html .u-character-bubble{font-size:10px;min-height:40px;padding:5px 6px;margin-bottom:7px}
 html .u-room-label{font-size:10px;padding:4px 8px}
 html .u-daily-outcome{font-size:10px;padding:4px 7px}
}
@media(prefers-reduced-motion:reduce){html button,html select{transition:none}}
/* Explicit typed environment sizing defeats legacy generic '.u-training .u-art-slot'
   rules without changing any sprite transform or full-body object fitting. */
html[data-art="on"] #root .u-training-background .u-art-slot[data-slot="location_background"]{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;max-width:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#31415b}
html[data-art="on"] #root .u-training-background .u-art-slot[data-slot="location_background"] img{width:100%;height:100%;object-fit:cover;transform:none}

/* UI 3.4: approved artboard structure. Real controls, existing engine data. */
html .app:has(#root[data-screen="play"])>.top,html .app:has(#root[data-screen="play"])>.footer{display:none}
html #root[data-screen="play"]{padding:0;height:100dvh;min-height:560px;overflow:hidden}
.u-game-shell{height:100%;display:flex;flex-direction:column;min-height:0;background:#14233d}
.u-hud{height:64px;min-height:64px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(110deg,#132647f5,#2d5071e6);border-bottom:1px solid #9cc6ef55;z-index:3}
.u-hud-avatar{width:42px;height:42px;flex:none;border:2px solid #a7d9ff;border-radius:50%;overflow:hidden;background:#7390b2;box-shadow:0 0 14px #98c9ff55}
html .u-hud-avatar .u-slot{width:100%;height:100%;min-height:0;margin:0;border:0;border-radius:0}
.u-hud-avatar .u-art-credit{display:none}.u-hud-name{width:87px;flex:none;display:grid;gap:2px;font-size:12px}.u-hud-name>span{font-size:11px;color:#e3edff}.u-hud-name small{color:#a4bedc}.u-hud-name progress{height:5px;width:100%;accent-color:#73d5ff;border:0}.u-hud-currency{margin-left:auto;display:grid;gap:4px;font-size:10px;color:#bccee5;text-align:right}.u-hud-currency b{color:white;font-size:12px;margin-left:4px}.u-hud-currency small{font-size:10px;margin-left:2px}html .u-hud-settings{min-height:44px;min-width:36px;padding:4px;font-size:22px;border:0;background:transparent;box-shadow:none}
.u-condition-strip{height:30px;min-height:30px;display:flex;align-items:center;gap:13px;padding:0 14px;background:#0f1e35;font-size:10px;color:#bdcfe8}.u-condition-strip b{font-weight:600;color:#f3f7ff;margin-left:2px}.u-mode-label{margin-left:auto;color:#a9dcfa;font-size:9px}
html .u-game-shell>.u-tab-content{min-height:0;flex:1;padding:0;overflow:hidden;position:relative;display:flex;flex-direction:column}
html .u-game-shell[data-tab="home"] .u-home{flex:1;min-height:0;text-align:left;isolation:isolate;overflow:hidden;background:#365273}
.u-home-art,.u-home-shade{position:absolute;inset:0;z-index:-2}.u-home-shade{z-index:-1;background:linear-gradient(90deg,#0a1b384d,transparent 30%,#101d3633),linear-gradient(0deg,#101c39 0%,#15254222 40%,transparent 65%,#18284c55 100%)}
html[data-art="on"] #root .u-home-art>.u-art-slot[data-slot="cutscene"]{width:100%;height:100%;max-height:none;margin:0;border:0;border-radius:0;background:transparent}
html .u-home-art .u-art-slot img{object-fit:cover;object-position:50% 25%}.u-home-art .u-art-credit{display:none}
.u-home-greeting{position:absolute;top:18px;left:76px;right:12px;display:grid;gap:3px;text-shadow:0 2px 9px #0c143d;color:white}.u-home-greeting>span{font-size:10px;letter-spacing:.3px}.u-home-greeting strong{font-size:19px;font-weight:750}
.u-home-rail{position:absolute;top:16px;left:8px;display:flex;flex-direction:column;gap:10px;width:52px;padding:4px;background:linear-gradient(180deg,#193353a8,#19335330);border-radius:12px;border:1px solid #badbff33;backdrop-filter:blur(7px)}
html .u-home-rail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:3px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#f2f8ff;text-shadow:0 1px 3px #123}
.u-home-rail button>span{font-size:22px;line-height:24px}.u-home-rail small{font-size:10px}.u-home-rail button:first-child{background:#2a98eb6e}
.u-home-cards{position:absolute;right:10px;top:100px;width:126px;display:grid;gap:9px}
.u-mode-card,html .u-home-training,html .u-home-next{padding:10px 10px;min-height:74px;border-radius:10px;border:1px solid #e6cfff;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;box-shadow:0 4px 16px #10214d33;backdrop-filter:blur(8px)}
.u-mode-card{background:linear-gradient(125deg,#fff1e3ed,#ffdcba9c);border-color:#ffe9c2;color:#9f374d;box-shadow:0 0 16px #ffc36777,inset 0 0 18px #fff6}
.u-mode-card small,.u-home-cards button small{font-size:9px;line-height:1.4}.u-mode-card strong,.u-home-training strong{font-size:16px;line-height:1.4}.u-mode-card>span,.u-home-training>span{font-size:10px;line-height:1.4}
html .u-home-training{background:linear-gradient(120deg,#3242a8e8,#7468d5cc);color:#fff;border-color:#c9cbff}
html .u-home-next{background:linear-gradient(110deg,#f48fc6f2,#f13b9c);border-color:#ffd9f2;min-height:70px;justify-content:center;box-shadow:0 0 15px #ff68c179}
.u-home-next strong{font-size:21px;width:100%;display:flex;align-items:center;justify-content:space-between;line-height:1.2}.u-home-next strong span{font-size:28px}
.u-home-dialogue{position:absolute;bottom:70px;left:12px;right:12px;background:linear-gradient(135deg,#f5f8fff2,#e4f1fff2);border:1px solid #c3e3fb;border-radius:10px;color:#203959;box-shadow:0 6px 25px #08173040;padding:10px 13px}
.u-dialogue-name{position:absolute;left:10px;top:-17px;background:#254476;border:1px solid #92bcf0;color:#f8fbff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:6px}
html #root .u-home-dialogue p{font-size:12px;line-height:1.5;margin:2px 0}
.u-home-dock{position:absolute;bottom:0;left:0;right:0;height:58px;display:flex;align-items:stretch;gap:2px;padding:3px 8px max(3px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#10213df2,#274060d4);border-top:1px solid #a7cff84d;backdrop-filter:blur(10px)}
html .u-home-dock button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;padding:3px;min-height:44px;border:0;background:transparent;box-shadow:none}.u-home-dock span{font-size:22px;line-height:24px;color:#d1eaff}
html #root nav.u-main-nav{height:58px;min-height:58px;margin:0;padding:3px 8px max(3px,env(safe-area-inset-bottom));border:0;border-top:1px solid #90bce855;border-radius:0;gap:4px;box-shadow:none}
html .u-main-nav button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px;min-height:44px;justify-content:center}.u-main-nav button>span{font-size:21px;line-height:22px}.u-main-nav small{font-size:10px}
html .u-game-shell:not([data-tab="home"])>.u-tab-content{padding:0 12px 10px;overflow-y:auto;scrollbar-width:thin}
.u-page-heading{height:49px;min-height:49px;display:flex;align-items:center;gap:7px}.u-page-heading>span{margin-left:auto;color:#b6c9e5;font-size:10px}html #root .u-page-heading h2{font-size:17px;margin:0}html .u-back{font-size:27px;line-height:28px;min-height:40px;min-width:30px;padding:0;border:0;background:transparent;box-shadow:none}
html .u-game-shell .u-recommend{gap:6px;margin:0 0 8px;flex:none}html .u-game-shell .u-recommend button{font-size:11px;min-height:38px;padding:5px 3px}
.u-plan-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:9px;min-height:0}
html .u-game-shell .u-days{grid-template-columns:1fr;gap:0;padding:5px 7px;box-shadow:none;border-radius:9px}
html .u-game-shell .u-days label{font-size:12px;gap:3px;min-height:44px;border-bottom:1px solid #c8d6e866}.u-days label:last-child{border:0!important}.u-days label>span{width:18px;flex:none;text-align:center}
html .u-game-shell .u-days select{font-size:11px;min-height:40px;padding:4px 2px;background:transparent;border:0;border-radius:0}
.u-plan-summary{border:1px solid #d1e2fa;border-radius:9px;background:linear-gradient(145deg,#f5f8ff,#e4edfa);color:#263f64;padding:11px 9px;font-size:11px;display:flex;flex-direction:column;gap:10px;min-width:0}
.u-plan-summary h3{font-size:12px;margin:0 0 2px}.u-plan-summary p{display:flex;justify-content:space-between;gap:5px;margin:0!important;font-size:11px!important;line-height:1.5!important}.u-plan-summary small{font-size:10px;line-height:1.5;color:#526785}
.u-plan-budget{display:grid;gap:9px;border-top:1px solid #c2d2e7;padding-top:10px;margin-top:auto}.u-plan-budget span{display:grid;gap:3px;font-size:10px}.u-plan-budget b{font-size:14px;color:#2d82bc}.u-plan-budget span:first-child b{color:#bf4f85}
.u-plan-hint{font-size:11px;color:#c0d1e7;margin:8px 0!important;line-height:1.4!important}
html .u-plan-start{min-height:46px;margin:0!important;flex:none;font-size:14px}
.u-training-select{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:8px;min-height:0;flex:1;max-height:440px}
.u-training-cards{display:grid;grid-template-rows:repeat(7,minmax(0,1fr));gap:5px;min-height:0}
html .u-training-cards>button{display:flex;gap:6px;align-items:center;text-align:left;padding:6px;min-height:44px;border:1px solid #d1e1f6;border-radius:8px;background:linear-gradient(120deg,#f8fbff,#e8f0fb);color:#273c61;box-shadow:none}
html .u-training-cards>button.u-selected{border:2px solid #63cafa;padding:5px;box-shadow:0 0 12px #64cfff66;background:#fff}
.u-training-icon{font-size:19px;width:23px;text-align:center;flex:none}.u-training-card-copy{display:grid;grid-template-columns:1fr;gap:3px;min-width:0;width:100%}.u-training-card-copy strong{font-size:11px;line-height:1.3}.u-training-card-copy>span{font-size:9px;color:#536f95}.u-training-card-copy meter{width:100%;height:5px;accent-color:#35b8ea}
.u-training-portrait{position:relative;border:1px solid #829bbd88;border-radius:10px;overflow:hidden;min-height:0;background:#324365;isolation:isolate}
html[data-art="on"] #root .u-training-portrait>.u-art-slot[data-slot="cutscene"]{position:absolute;inset:0;width:100%;height:100%;max-height:none;border:0;border-radius:0;margin:0}
.u-training-portrait img{object-fit:cover!important;object-position:48% 25%!important}.u-training-portrait .u-art-credit{display:none}
.u-training-advice{position:absolute;bottom:8px;left:7px;right:7px;display:grid;gap:5px;padding:9px 7px;color:#243a5e;background:#f4f9fff0;border:1px solid #adcdf1;border-radius:8px;box-shadow:0 3px 15px #17253c44}.u-training-advice b{font-size:11px}.u-training-advice span{font-size:10px;line-height:1.5}
.u-training-bottom{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;margin-top:10px;flex:none;padding:10px;border-radius:10px;background:#233958;border:1px solid #88a9d04d}
.u-training-cost{grid-column:1/-1;display:flex;gap:16px;font-size:10px;color:#c5d6ed}.u-training-cost b{color:white;margin-left:4px}.u-training-day{font-size:10px;color:#cfdef2;display:flex;flex-direction:column;gap:3px}.u-training-day select{padding:4px 7px;min-height:35px;font-size:12px}.u-training-bottom>button{align-self:end;min-height:46px;padding:6px;font-size:12px}.u-training-bottom>small{grid-column:1/-1;font-size:10px;color:#c3d2e8;line-height:1.4}
html .u-game-shell[data-tab="growth"] .u-growth-heading{margin-top:14px}html .u-game-shell[data-tab="growth"] .u-stats{gap:9px}html .u-game-shell[data-tab="growth"] .u-stats>div{padding:10px}
@media(max-height:700px){
 .u-hud{height:56px;min-height:56px;padding:5px 10px}.u-condition-strip{height:27px;min-height:27px}.u-home-cards{top:82px;width:116px;gap:7px;right:8px}.u-mode-card,html .u-home-training,html .u-home-next{padding:8px;min-height:64px}.u-home-greeting{top:13px;left:70px}.u-home-greeting strong{font-size:17px}.u-home-rail{top:12px;gap:5px;width:48px}.u-home-rail button{min-height:46px}.u-home-dialogue{bottom:67px;padding:8px 10px}.u-home-dialogue p{font-size:11px!important}.u-home-next strong{font-size:19px}.u-page-heading{height:43px;min-height:43px}.u-plan-summary{gap:7px;padding:9px 7px}.u-training-cards{gap:4px}.u-training-cards>button{padding:4px!important}.u-training-card-copy{gap:1px}.u-training-icon{font-size:17px;width:20px}.u-training-bottom{padding:8px;margin-top:8px;gap:5px}.u-training-bottom>small{font-size:9px}.u-training-advice{padding:7px 5px}.u-training-advice span{font-size:9px}
}
@media(min-width:480px){.u-home-cards{width:154px;right:15px;top:110px}.u-home-greeting strong{font-size:23px}.u-home-greeting{left:85px}.u-mode-card strong,.u-home-training strong{font-size:18px}.u-home-next strong{font-size:24px}.u-training-card-copy strong{font-size:13px}.u-training-card-copy>span{font-size:11px}.u-game-shell .u-days select{font-size:13px!important}}
@media(max-height:590px){html #root[data-screen="play"]{min-height:0;overflow:auto}.u-game-shell{min-height:560px}}
/* The play shell owns its safe-area padding; suppress legacy app bottom gap. */
html .app:has(#root[data-screen="play"]){padding-bottom:0}
/* Readable mobile controls: primary labels and values remain at least 12 px. */
html .u-training-card-copy{grid-template-columns:minmax(0,1fr) auto;gap:4px 3px;align-items:center}
html .u-training-card-copy strong,html .u-training-card-copy>span{font-size:12px;line-height:1.25;white-space:nowrap}
html .u-training-card-copy meter{grid-column:1/-1;height:5px;border:0;border-radius:4px;background:#c5d6e8}
html .u-training-cards>button{min-height:44px;padding:6px 5px}
html .u-training-icon{font-size:18px;width:20px}
html .u-game-shell .u-days select,html .u-game-shell .u-days label,html .u-main-nav small,html .u-home-rail small,html .u-home-dock button{font-size:12px}
html .u-training-day,html .u-training-cost,html .u-training-advice b,html .u-training-bottom>button{font-size:12px}
html .u-training-day select{font-size:12px}
html .u-plan-summary p{font-size:12px!important}
html .u-training-card-copy meter::-webkit-meter-bar{background:#c5d6e8;border:0;border-radius:4px;box-shadow:none}
html .u-training-card-copy meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#65dbef,#269ed8);border-radius:4px}
html .u-training-card-copy meter::-webkit-meter-suboptimum-value,html .u-training-card-copy meter::-webkit-meter-even-less-good-value{background:#35b8ea;border-radius:4px}
html .u-training-card-copy meter::-moz-meter-bar{background:#35b8ea;border-radius:4px}