/* Small, readable controls leave room for the illustrated world. */
.context-discoveries{margin:18px 12px;color:var(--ink);background:rgba(255,255,255,.82);border-radius:20px;padding:14px;box-shadow:0 4px 16px #321b3920}
.context-discoveries summary{font-weight:800;cursor:pointer}.context-discoveries>div{display:flex;flex-wrap:wrap;gap:9px;padding-top:12px}.context-discoveries button{width:auto!important;min-height:44px;padding:10px 14px!important;font-size:14px!important}
.story-world-shell>.context-discoveries{position:absolute;top:85px;left:12px;z-index:8;max-width:240px}
.story-help{margin:12px 0}.story-help summary{display:inline-block;font-size:14px;font-weight:750;padding:10px 16px;border-radius:30px;background:#ffffffa8;cursor:pointer}.story-help>div{display:flex;gap:8px;flex-wrap:wrap;padding-top:10px}.story-help button.story-soft{width:auto;margin:0;padding:10px 14px;font-size:14px;min-height:44px}
.story-finish{background:rgba(255,255,255,.57)!important;backdrop-filter:blur(5px)!important;padding-bottom:28px!important}.story-finish h1,.story-finish>p,.story-finish>small{color:#5c1a2b;text-shadow:0 1px 4px #fff}
html[data-system="traditional"] .story-finish h1,html[data-system="traditional"] .story-finish>p{color:#123e60}
html:root[data-story-playing="true"] #mobileNav.pocket-nav{display:none!important}html[data-story-playing="true"] #mobileContent{padding-bottom:max(30px,env(safe-area-inset-bottom))!important}
.story-lesson-top{background:rgba(255,255,255,.76)!important}.story-activity{margin-bottom:20px!important}
.profile-picker{width:min(92vw,540px);max-height:94dvh;border:1px solid #ffffff99;border-radius:32px;padding:28px 20px;text-align:center;color:#fff;background:linear-gradient(135deg,#69222ddd,#163d59ee),url('./art/discovery-hsk.webp') center/cover;box-shadow:0 20px 80px #0006}.profile-picker::backdrop{background:#191325b8;backdrop-filter:blur(10px)}.profile-picker h1{font-size:48px;margin:15px 0}.profile-picker h2{font-size:23px}.profile-picker p{font-size:15px;color:#f6e7d3}.profile-picker .profile-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.profile-picker button{display:flex;flex-direction:column;align-items:center;gap:12px;border:2px solid #ffda99;border-radius:24px;background:#fff0dd;color:#632731;padding:18px 8px;box-shadow:0 5px 0 #341520}.profile-picker button strong{font-size:24px}.profile-photo{display:block;width:116px;height:144px;border-radius:20px;background-image:url('./assets/profiles.webp');background-size:200% auto;background-repeat:no-repeat;background-position:left 29%}.profile-photo.da{background-position:right 29%}
.mobile-collection .wardrobe-preview{display:block;height:180px;width:100%;object-fit:contain}.mobile-collection .mobile-gift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;clear:both}.mobile-collection .mobile-gift-grid article{position:relative;min-width:0;padding:12px;text-align:center}.mobile-collection .mobile-gift-grid button{width:100%;padding:10px 5px;line-height:1.35;font-size:14px;min-height:48px;overflow-wrap:anywhere}.mobile-collection button[aria-pressed="true"]{outline:3px solid #e7ad39;background:#ffe3a3;color:#482720}.mobile-collection .wardrobe-section{display:flex;gap:8px;overflow-x:auto;clear:both;padding:8px 0}.mobile-collection .wardrobe-section button{white-space:nowrap;font-size:14px}.mobile-collection .mobile-gift-grid img{height:140px;width:100%;object-fit:contain}.mobile-collection>button[data-gift-close]{position:sticky;top:0;float:right;z-index:2}
.photo-camera{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;margin:0;padding:16px;background:#122d39;color:white;overflow:auto}.photo-camera header{display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-camera header h2{font-size:20px}.photo-camera video{width:100%;max-height:63dvh;object-fit:contain;border-radius:18px}.camera-stage{position:relative;width:100%;margin:14px auto;max-width:800px}.camera-stage>img{width:100%;display:block;border-radius:18px}.camera-overlay{position:absolute;inset:0;pointer-events:none}.camera-overlay span{position:absolute;background:#fff4deef;color:#133443;box-shadow:0 1px 5px #0005;border-radius:5px;padding:3px 5px;font-weight:700;font-size:clamp(11px,3vw,17px);line-height:1.25;overflow-wrap:anywhere;min-height:20px;max-width:100%}.camera-controls{display:flex;gap:10px;flex-wrap:wrap}.camera-controls button{flex:1;border-radius:18px;min-height:48px;padding:12px;background:#9ce1d0;border:0;color:#153d39;font-weight:800}.camera-controls button:disabled{opacity:.6}.photo-camera p{font-size:14px}.camera-text{white-space:pre-wrap;background:#ffffff16;border-radius:18px;padding:16px}.photo-camera [data-camera-close]{background:transparent;color:white;border:0;font-size:24px}
@media(max-width:350px){.profile-photo{width:94px;height:123px}.profile-picker .profile-choices{gap:8px}}

.story-context-links details{margin:12px 0}.story-context-links summary{font-size:14px;font-weight:800;cursor:pointer}.story-context-links>details>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.story-context-links button{font-size:14px;padding:10px;min-height:44px}.story-daily-compact{font-size:14px;padding:12px;background:#fff9;border-radius:16px}.story-daily-compact button{display:inline-block;width:auto;padding:8px 12px;font-size:13px;min-height:40px}

[data-wardrobe-visual="white-bear-base"]{filter:grayscale(1) brightness(1.85) contrast(.72)!important}.mobile-collection>h2{margin-right:48px}.mobile-gift-grid b{overflow-wrap:anywhere;font-size:14px;display:block;margin:8px 0}

.story-target-fr{margin:16px 0 20px;border-radius:20px;padding:16px 20px;background:#fde4a9f0;border:1px solid #e0b263;color:#4b2d22;box-shadow:0 4px 0 #c3985530}.story-target-fr small{font-size:10px;font-weight:850;letter-spacing:.1em}.story-target-fr p{font-size:19px;line-height:1.5;margin:8px 0 0;font-weight:750}:root[data-system=traditional] .story-target-fr{background:#cfedf9ef;border-color:#82c4df;color:#163d59}

.mobile-collection .mobile-gift-grid article{float:none}.mobile-collection .mobile-gift-summary{clear:both}[data-wardrobe-visual="white-bear-base"]{filter:grayscale(1) brightness(2.45) contrast(.64)!important}
/* Shared login streak: profile photo, seven days and the PC's bear pictures. */
#pocketStreakButton{position:fixed;top:max(14px,env(safe-area-inset-top));right:14px;z-index:35;display:flex;align-items:center;gap:8px;padding:7px 12px;border:2px solid #ffe5aa;border-radius:24px;background:#fff3d9;color:var(--brand-dark);box-shadow:0 4px 0 #71443444;min-height:44px;font-size:16px}
#pocketStreakButton[hidden],[data-story-playing="true"] #pocketStreakButton{display:none}
#pocketStreakButton .profile-photo{width:30px;height:30px;border:0}
.mobile-streak-dialog{border:2px solid #e7ba54;border-radius:30px;width:min(440px,calc(100vw - 24px));padding:22px;box-sizing:border-box;background:linear-gradient(155deg,#fff8e8,#ffe0b7);color:#642a26;max-height:92dvh;overflow:auto;text-align:center}
.mobile-streak-dialog::backdrop{background:#142536a6;backdrop-filter:blur(5px)}
.mobile-streak-dialog>[data-streak-close]:not(.streak-continue){position:absolute;top:12px;right:12px;background:transparent;color:#642a26;box-shadow:none;min-height:40px}
.streak-profile{display:flex;justify-content:center;align-items:center;gap:12px}.streak-profile .profile-photo{width:58px;height:58px}
.mobile-streak-bear{width:100%;max-height:230px;object-fit:contain;margin:12px 0;border-radius:22px}
.mobile-streak-dialog h1{font-size:26px;margin:10px 0}.mobile-streak-count{font-size:48px!important;font-weight:900;margin:12px 0!important}.mobile-streak-count span{display:block;font-size:16px;font-weight:650}
.mobile-streak-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:20px 0}.mobile-streak-week>span{display:grid;gap:6px}.mobile-streak-week b{display:grid;place-items:center;border-radius:50%;aspect-ratio:1;background:#fff6e4;color:#8a7061}.mobile-streak-week .active b{background:#f66743;color:white}.mobile-streak-week .freeze b{background:#73cbd5;color:#143e5d}.mobile-streak-week small{font-size:12px}
.streak-continue{width:100%;border-radius:18px;background:var(--brand);color:white;min-height:54px}
.cloud-conflict-details{max-height:250px;overflow:auto;padding:12px;border-radius:14px;background:#ffffff66}.cloud-conflict-details section{border-top:1px solid #a48874;padding-top:9px}.cloud-conflict-details p{font-size:13px;line-height:1.5}