/* MyBox keeps picking, the saved order and learning actions visible together.
   Only list regions scroll; native full and 16:9 use the same three columns. */
.mybox-page{position:relative;display:flex;flex-direction:column;gap:clamp(8px,1.2vh,14px);min-width:0;min-height:0}
.mybox-page>.mybox-heading,.mybox-compact-toolbar{display:none}
.mybox-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,1vw,14px);flex-shrink:0}
.mybox-tab{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:9px clamp(10px,1.4vw,22px);border:1.5px solid var(--line);border-radius:18px 6px;background:#fffdf4;font-size:clamp(16px,1.4vw,22px);font-weight:800}
.mybox-tab small{font-size:clamp(12px,1.1vw,16px);white-space:nowrap;color:var(--muted);font-weight:700}
.mybox-tab.is-current{background:var(--green);border-color:var(--green);color:#fff}
.mybox-tab.is-current small{color:#e6f0e9}
.mybox-panels{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.12fr) minmax(180px,.58fr);gap:var(--gap);min-width:0;min-height:0;flex:1}
.mybox-picker,.mybox-selection,.mybox-actions{padding:clamp(12px,1.2vw,22px);min-width:0;min-height:0;overflow:hidden;display:grid;gap:clamp(8px,1.1vh,14px);background:#fffef7f5}
.mybox-picker{grid-template-rows:auto auto minmax(0,1fr)}
.mybox-selection{grid-template-rows:auto minmax(0,1fr) auto}
.mybox-actions{grid-template-rows:minmax(0,1fr) auto}
.mybox-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:27px}
.mybox-panel-heading h3,.mybox-profile h3{margin:0;font-size:clamp(17px,1.5vw,24px);font-weight:800;white-space:nowrap}
.mybox-panel-heading p{font-size:clamp(11px,.9vw,14px);color:var(--muted);line-height:1.35;text-align:right}
.mybox-count{color:var(--green);font-size:clamp(19px,1.8vw,27px);font-weight:800;white-space:nowrap}
.mybox-count small{color:var(--muted);font-size:.6em;font-weight:700}
.mybox-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mybox-filters label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;font-size:clamp(13px,1.1vw,17px)}
.mybox-filters select{width:100%;min-width:0;min-height:42px;padding:6px 8px;border:1px solid #b9cbb0;border-radius:11px 5px;background:#fff;font-size:inherit}
.mybox-character-scroll,.mybox-selected-scroll,.mybox-actions-scroll{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-color:#a9c4a8 transparent;scrollbar-width:thin;padding:3px}
.mybox-character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));align-content:start;gap:8px;min-height:100%}
.mybox-character{display:grid;grid-template-rows:minmax(48px,86px) auto auto;gap:5px;align-content:start;justify-items:center;text-align:center;background:#fff;border:1.5px solid #cfddc4;border-radius:17px 6px;padding:9px 6px;min-width:0;min-height:140px}
.mybox-character-glyph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-height:86px;background:#fff}
.mybox-character-glyph img{width:100%;height:100%;object-fit:contain;max-width:96px}
.mybox-character-glyph .han{font-size:68px;color:var(--ink)}
.mybox-character strong{font-size:clamp(14px,1.15vw,19px);line-height:1.3;overflow-wrap:anywhere;word-break:keep-all}
.mybox-add-label{font-size:12px;line-height:1.3;color:var(--green);padding:3px 7px;border-radius:11px;background:#eff5e6}
.mybox-character.is-added{background:#eaf2df;border-color:#8eb889}
.mybox-character.is-added .mybox-add-label{background:#d5e6c6;color:#285b3d}
.mybox-character:disabled:not(.is-added){opacity:.68}
.mybox-selected-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(44px,1fr));gap:8px;min-height:100%}
.mybox-selected-list li{display:flex;min-width:0;min-height:0;border-radius:14px 5px;scroll-margin:3px}
.mybox-selected-card{position:relative;display:grid;grid-template-columns:clamp(40px,4.2vw,64px) minmax(0,1fr);align-items:center;gap:8px;width:100%;min-width:0;min-height:44px;padding:10px 8px 10px 18px;border:1px solid #d1ddc6;border-radius:14px 5px;background:#eef4e4;text-align:left;color:var(--ink)}
.mybox-selected-list li:nth-child(even) .mybox-selected-card{background:#f5eedf}
.mybox-selected-card[aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 0 0 2px var(--green);background:#d9ead0}
.mybox-selected-list li:nth-child(even) .mybox-selected-card[aria-pressed=true]{background:#d9ead0}
.mybox-row-highlight .mybox-selected-card{background:#d5e9b5!important}
.mybox-order{position:absolute;top:4px;left:5px;font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px;line-height:1;text-align:center}
.mybox-selected-glyph{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;max-height:64px;border-radius:6px;background:#fff;overflow:hidden}
.mybox-selected-glyph img{width:100%;height:100%;object-fit:contain}
.mybox-selected-glyph .han{font-size:45px}
.mybox-selected-list strong{font-size:clamp(13px,1.2vw,20px);line-height:1.35;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.mybox-selected-hint{font-size:12px;line-height:1.4;color:var(--muted)}
.mybox-actions-scroll{display:flex;flex-direction:column;align-items:stretch;gap:clamp(10px,1.6vh,18px)}
.mybox-profile{display:grid;gap:8px;min-width:0}
.mybox-profile-tools{display:flex;gap:5px;min-width:0}
.mybox-profile-tools>button{flex:1;min-width:0}
.mybox-user-name{font-size:clamp(14px,1.15vw,18px);line-height:1.4;overflow-wrap:anywhere}
[data-mb-profile]{display:grid;gap:8px;min-width:0}
.mybox-star-score{display:grid;gap:4px}
.mybox-stars{display:flex;gap:1px;font-family:Arial,sans-serif;font-size:clamp(13px,1.25vw,21px);color:#b5c2ac}
.mybox-stars .earned{color:#b88920}
.mybox-star-score>strong{font-size:clamp(17px,1.6vw,25px);color:var(--green);line-height:1.25}
.mybox-star-score small{font-size:12px;color:var(--muted);margin-left:4px}
.mybox-records-button{min-height:40px;width:100%;padding:6px 8px;border:1px solid #b9cbb0;border-radius:10px 5px;background:#eff5e6;color:var(--ink);font-size:clamp(12px,1vw,15px);line-height:1.3}
.mybox-profile-message{font-size:12px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.mybox-profile-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #a9c4a8;border-radius:24px 8px;background:#fffdf4;color:var(--ink);box-shadow:0 12px 60px #17372e4d;overflow:hidden}
.mybox-profile-dialog[open]{display:flex;flex-direction:column}
.mybox-profile-dialog::backdrop{background:#17372e80}
.mybox-records-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);flex-shrink:0}
.mybox-records-heading h2{font-size:clamp(18px,2vw,26px)}
.mybox-records-heading button{min-height:40px;min-width:48px;padding:6px 10px;background:#eff5e6;border:1px solid #b9cbb0;border-radius:9px;color:var(--ink);font-size:14px}
.mybox-records-body{padding:18px 20px;overflow:auto;overscroll-behavior:contain;min-height:0;display:grid;gap:16px}
.mybox-records-source{font-size:13px;line-height:1.4;color:var(--muted)}
.mybox-record-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:0}
.mybox-record-totals>div{padding:10px;background:#eef4e4;border-radius:12px 4px;text-align:center}
.mybox-record-totals dt{font-size:13px;color:var(--muted)}
.mybox-record-totals dd{margin-top:6px;font-size:21px;font-weight:800;color:var(--green)}
.mybox-records-body h3{font-size:18px;margin:0}
.mybox-recent-records{list-style:none;display:grid;gap:8px;padding:0;margin:0}
.mybox-recent-records li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px;background:#f0f4e8;border-radius:12px 4px;line-height:1.4}
.mybox-recent-records li:nth-child(even){background:#f5eedf}
.mybox-recent-records li>div{display:flex;flex-direction:column;gap:4px;min-width:0;grid-row:1 / span 2}
.mybox-recent-records strong{font-size:15px;overflow-wrap:anywhere}
.mybox-recent-records time,.mybox-recent-records li>span{font-size:12px;color:var(--muted)}
.mybox-no-records{padding:18px;text-align:center;font-size:15px;color:var(--muted)}
.mybox-edit-target{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.mybox-edit-target>p{font-size:clamp(13px,1.05vw,17px);line-height:1.45;overflow-wrap:anywhere;word-break:keep-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.mybox-edit-target>p>span{color:var(--muted);font-size:.8em;white-space:nowrap}
.mybox-row-actions{display:flex;align-items:center;gap:5px}
.mybox-move{display:grid;place-items:center;width:40px;min-height:40px;padding:4px;border:1px solid #aebfa6;border-radius:9px;background:#fffdf6;color:var(--green);font-family:Arial,sans-serif;font-size:25px;line-height:1;flex-shrink:0}
.mybox-move:disabled{opacity:.35;cursor:default}
.mybox-remove{padding:6px;min-width:40px;min-height:40px;border:1px solid #bdcbb5;border-radius:9px;background:#fffdf6;font-size:13px;color:#506a59}
.mybox-edit-hint{font-size:12px;line-height:1.5;color:var(--muted)}
.mybox-action-footer{display:grid;gap:8px}
.mybox-save-status{font-size:clamp(11px,.9vw,14px);line-height:1.4;color:var(--muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.mybox-start{display:block;width:100%;min-height:48px;padding:9px 10px;font-size:clamp(16px,1.5vw,23px);line-height:1.3;white-space:normal}
.mybox-start span{display:inline-block;font-size:.75em;color:#e2f0e7;margin-left:4px}
.mybox-start:disabled{background:#dbe5d2;border-color:#c6d4bc;color:#536c59}
.mybox-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:100%;padding:10px;text-align:center;color:var(--muted);font-size:clamp(13px,1vw,17px);line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.mybox-empty strong{font-size:inherit;color:var(--ink)}
.mybox-empty p{font-size:.9em}
.mybox-page button:focus-visible,.mybox-page select:focus-visible,.mybox-page [tabindex]:focus-visible{outline:3px solid var(--green);outline-offset:1px}
.mybox-account-state{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:clamp(20px,4vw,60px);text-align:center;overflow:auto}
.mybox-account-state h2{font-size:clamp(26px,3vw,42px)}
.mybox-account-state p{font-size:clamp(16px,1.6vw,24px);line-height:1.6;overflow-wrap:anywhere}
.mybox-account-state .primary{min-width:180px;min-height:48px}
.mybox-import{min-height:40px;padding:7px;border:1px solid #b9cbb0;border-radius:9px;background:#fff;color:var(--green);font-size:12px;line-height:1.4}
.mybox-import-confirmation{padding:10px;background:#f0f5e8;border:1px solid #b9cbb0;border-radius:12px;margin-bottom:10px;font-size:12px;line-height:1.5}
.mybox-import-confirmation>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.mybox-import-confirmation .primary{font-size:13px;padding:8px 10px;min-height:40px}
.mybox-legacy-error{color:var(--muted);font-size:12px;line-height:1.4}
.account-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.header-tools button.account-link{background:transparent;border:0}
.auth-form[aria-busy=true]{opacity:.8}
.auth-form .form-notice{min-height:1.5em;line-height:1.5;color:var(--green);overflow-wrap:anywhere}
/* Settings are rendered only for the actual app bridge and stay out of layout. */
.mybox-settings-toggle{min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:12px 5px;background:#fffef7;color:var(--ink);font-size:13px;font-weight:800;white-space:nowrap}
.mybox-settings-toggle[aria-expanded=true]{background:var(--green);color:#fff}
.mybox-page[data-mb-settings-open=true]>.mybox-heading{display:block;position:absolute;z-index:20;top:0;right:0;max-width:100%;padding:10px;border:1px solid var(--line);border-radius:18px 6px;background:#fffef7;box-shadow:0 8px 25px #24483e33}
.mybox-page>.mybox-heading h2,.mybox-page>.mybox-heading .mybox-storage{display:none}
.mybox-app-settings{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;padding:4px 8px;border:1px solid var(--line);border-radius:17px 6px;background:#fffef7f5;color:var(--ink);flex-shrink:0}
.mybox-page>.mybox-heading .mybox-app-settings{margin:0;border:0;padding:0;max-width:100%;max-height:calc(100dvh - 150px);overflow:auto}
.mybox-app-setting{display:flex;align-items:center;gap:4px;white-space:nowrap}
.mybox-app-setting>span{margin-right:4px;font-size:14px;font-weight:800}
.mybox-app-setting button{min-height:40px;min-width:48px;padding:6px 12px;border:1px solid #bdcfb1;border-radius:11px 5px;background:#eff5e6;color:var(--ink);font-size:14px;line-height:1.2;font-weight:700}
.mybox-app-setting button[aria-pressed=true]{color:#fff;background:var(--green);border-color:var(--green)}
.mybox-app-setting button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.mybox-app-settings-status:empty{display:none}
.mybox-app-settings-status:not(:empty){flex-basis:100%;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fffef7;color:var(--ink);font-size:13px;line-height:1.4}
.mybox-account-state.has-app-settings{gap:clamp(10px,2vh,20px)}
@media(orientation:landscape) and (max-height:600px), (orientation:landscape) and (max-width:900px){
 .mybox-page{gap:6px}
 .mybox-page>.mybox-tabs{display:none}
 .mybox-compact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;min-width:0}
 .mybox-compact-toolbar>select{width:160px;min-width:0;min-height:40px;padding:5px 8px;border:1px solid #b9cbb0;border-radius:12px 5px;background:#fffef7;color:var(--ink);font-size:14px;font-weight:800}
 .mybox-toolbar-hint{color:var(--muted);font-size:12px}
 .mybox-panels{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(128px,.52fr);gap:6px}
 .mybox-picker,.mybox-selection,.mybox-actions{padding:6px;gap:5px;border-radius:18px 6px}
 .mybox-panel-heading{min-height:20px}
 .mybox-panel-heading h3,.mybox-profile h3{font-size:14px}
 .mybox-panel-heading p{display:none}
 .mybox-count{font-size:17px}
 .mybox-filters{gap:5px}
 .mybox-filters label{grid-template-columns:minmax(0,1fr);gap:3px;font-size:11px}
 .mybox-filters select{min-height:40px;padding:5px;font-size:14px}
 .mybox-character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-height:0}
 .mybox-character{grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;align-content:center;gap:2px 3px;min-height:58px;padding:5px 4px;border-radius:11px 4px}
 .mybox-character-glyph{grid-row:1 / span 2;height:36px;max-height:36px;overflow:hidden}
 .mybox-character-glyph img{max-width:36px}
 .mybox-character-glyph .han{font-size:32px}
 .mybox-character strong{align-self:end;font-size:11px;line-height:1.25}
 .mybox-add-label{align-self:start;padding:1px 3px;font-size:10px;white-space:nowrap}
 .mybox-selection{grid-template-rows:auto minmax(0,1fr)}
 .mybox-selected-hint{display:none}
 .mybox-selected-scroll{padding:1px}
 .mybox-selected-list{grid-template-rows:repeat(5,minmax(40px,1fr));gap:3px}
 .mybox-selected-card{grid-template-columns:28px minmax(0,1fr);gap:3px;min-height:40px;padding:4px 3px 4px 10px;border-radius:10px 4px}
 .mybox-order{top:3px;left:3px;font-size:9px}
 .mybox-selected-glyph{max-height:32px}
 .mybox-selected-glyph .han{font-size:28px}
 .mybox-selected-list strong{font-size:11px;line-height:1.25}
 .mybox-actions-scroll{gap:5px;padding:1px}
 .mybox-profile{gap:3px}
 .mybox-profile h3{display:none}
 .mybox-user-name{font-size:12px;line-height:1.3}
 [data-mb-profile]{gap:5px}
 .mybox-stars{font-size:13px}
 .mybox-star-score>strong{font-size:17px}
 .mybox-star-score small{font-size:10px;margin-left:2px}
 .mybox-records-button{font-size:11px;padding:5px 3px}
 .mybox-edit-target{gap:4px;padding-top:4px}
 .mybox-edit-target>p{font-size:12px;line-height:1.3}
 .mybox-row-actions{gap:3px}
 .mybox-move{width:36px;min-height:40px;font-size:23px;border-radius:7px}
 .mybox-remove{min-width:36px;min-height:40px;padding:4px;font-size:12px;border-radius:7px}
 .mybox-action-footer{gap:4px}
 .mybox-save-status{font-size:10px;-webkit-line-clamp:1;line-height:1.3}
 .mybox-start{min-height:44px;padding:6px 4px;font-size:14px}
 .mybox-start span{font-size:11px;margin-left:2px}
 .mybox-settings-toggle{font-size:12px;min-height:40px;padding:5px}
 .mybox-empty{padding:5px;font-size:11px;gap:4px}
 .mybox-edit-hint{font-size:11px}
 .mybox-import{font-size:11px;padding:5px}
 .mybox-records-heading{padding:10px 12px}
 .mybox-records-body{padding:12px;gap:10px}
 .mybox-record-totals>div{padding:8px}
 .mybox-record-totals dd{font-size:18px}
}
@media(orientation:portrait){
 .account-name{display:none}
 .mybox-page{gap:7px}
 .mybox-page>.mybox-tabs{display:none}
 .mybox-compact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}
 .mybox-compact-toolbar>select{width:165px;min-height:40px;padding:5px 8px;border:1px solid #b9cbb0;border-radius:12px 5px;background:#fffef7;font-size:14px}
 .mybox-toolbar-hint{font-size:11px;color:var(--muted)}
 .mybox-panels{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,.96fr) minmax(0,1.04fr) auto;gap:7px}
 .mybox-picker,.mybox-selection,.mybox-actions{padding:8px;gap:6px;border-radius:20px 6px}
 .mybox-panel-heading{min-height:20px}
 .mybox-panel-heading h3,.mybox-profile h3{font-size:16px}
 .mybox-panel-heading p{display:none}
 .mybox-count{font-size:19px}
 .mybox-filters{gap:8px}
 .mybox-filters label{font-size:12px;gap:5px}
 .mybox-filters select{min-height:40px;padding:5px 7px;font-size:16px}
 .mybox-character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-height:0}
 .mybox-character{grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 4px;align-items:center;min-height:55px;padding:5px}
 .mybox-character-glyph{grid-row:1 / span 2;height:38px;max-height:38px}
 .mybox-character strong{font-size:11px}
 .mybox-add-label{font-size:10px;padding:1px 3px}
 .mybox-selection{grid-template-rows:auto minmax(0,1fr);padding:6px;gap:4px}
 .mybox-selected-hint{display:none}
 .mybox-selected-list{grid-template-rows:repeat(5,minmax(40px,1fr));gap:3px;min-height:100%}
 .mybox-selected-card{grid-template-columns:30px minmax(0,1fr);gap:5px;min-height:40px;padding:5px 5px 5px 13px;border-radius:10px 4px}
 .mybox-selected-glyph{max-height:36px}
 .mybox-selected-list strong{font-size:12px;line-height:1.25}
 .mybox-order{font-size:9px;left:3px;top:3px}
 .mybox-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);max-height:140px}
 .mybox-actions-scroll{gap:6px;padding:1px}
 .mybox-user-name{font-size:12px}
 .mybox-profile h3{display:none}
 .mybox-profile{gap:4px}
 .mybox-stars{font-size:13px}
 .mybox-star-score>strong{font-size:17px}
 .mybox-star-score small{font-size:10px}
 .mybox-record-totals{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mybox-records-heading{padding:10px 12px}
 .mybox-records-body{padding:12px;gap:12px}
 .mybox-edit-target{padding-top:5px;gap:4px}
 .mybox-edit-target>p{font-size:12px}
 .mybox-row-actions{gap:4px}
 .mybox-move{width:36px;font-size:23px}
 .mybox-remove{min-width:36px;font-size:12px}
 .mybox-action-footer{align-content:end;gap:6px}
 .mybox-save-status{font-size:11px;line-height:1.3;-webkit-line-clamp:3}
 .mybox-start{min-height:44px;padding:6px;font-size:15px}
 .mybox-start span{font-size:11px}
 .mybox-empty{padding:4px;font-size:12px}
 .mybox-settings-toggle{font-size:12px}
 .mybox-app-settings{gap:6px 9px;padding:3px 6px}
 .mybox-app-setting{gap:3px}
 .mybox-app-setting>span{margin-right:2px;font-size:13px}
 .mybox-app-setting button{padding:6px 9px;font-size:13px}
}

/* Ordinary MyPage remains available without teacher-only MyBox controls. */
.mypage-profile-page{width:min(100%,840px);margin:0 auto;padding:clamp(18px,4vw,48px);display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain}
.mypage-profile-main{display:grid;gap:clamp(16px,3vh,28px);margin-block:auto;flex-shrink:0;min-width:0}
.mypage-profile-heading{display:grid;gap:10px}
.mypage-profile-heading h2{font-size:clamp(22px,3vw,34px)}
.mypage-profile-heading .mybox-user-name{font-size:clamp(18px,2vw,25px)}
.mypage-profile-page .mybox-stars{font-size:clamp(23px,3vw,34px)}
.mypage-profile-page .mybox-star-score>strong{font-size:clamp(26px,3vw,36px)}
.mypage-profile-page .mybox-profile-message{font-size:15px;line-height:1.6}
.mypage-profile-actions{display:flex;flex-wrap:wrap;gap:12px}
.mypage-profile-actions>button{flex:1;min-width:140px;width:auto;min-height:46px;font-size:16px;white-space:normal;word-break:keep-all}
.mypage-native-settings{display:grid;gap:10px}
.mypage-native-settings h3{margin:0;font-size:18px}
.mypage-profile-page .mybox-app-settings{justify-content:flex-start;padding:10px}
@media(max-height:500px){.mypage-profile-page{padding:16px 24px}.mypage-profile-main{gap:14px}.mypage-profile-heading{gap:6px}}
@media(max-height:500px) and (min-width:560px){.mypage-profile-main{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px 24px}.mypage-profile-actions,.mypage-native-settings{grid-column:1/-1}}