.profile-hero{display:grid;grid-template-columns:76px 1fr 34px;gap:15px;align-items:center;padding:16px 2px 24px}.profile-avatar{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#2b687d,#133b4b);color:white;font-size:27px;font-weight:800;box-shadow:0 0 0 5px white}.profile-hero h1{font-size:27px;margin:0}.profile-hero p:last-child{color:var(--muted);font-size:11px}.today-status{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:18px;background:var(--red);color:white;border-radius:20px}.today-status span{font-size:9px;opacity:.75}.today-status strong{font-size:14px}.today-status button{grid-row:1/3;grid-column:2;border:0;background:none;color:white;font-size:10px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0 30px}.stats-grid article{padding:17px;background:white;border-radius:17px}.stats-grid span{display:block;color:var(--muted);font-size:9px}.stats-grid strong{font:800 27px 'DM Sans'}.stats-grid small{font:700 10px 'Noto Sans JP'}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-title h2{font-size:19px;margin:0}.section-title>span{font-size:10px;color:var(--muted)}
.history-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.history-column{min-width:0;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.55)}.history-column>header{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:9px}.history-column>header div{display:flex;align-items:center;gap:5px}.history-column>header strong{font-size:12px}.history-column>header small{color:var(--muted);font:700 9px 'DM Sans'}.history-crown{color:#d5a33d;font-size:16px}.history-pin{color:#2a7188;font-size:9px}.history-list{display:grid;gap:9px}.history-award-card{min-width:0;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(20,40,50,.07)}.history-photo{position:relative;aspect-ratio:1/1;overflow:hidden}.history-photo img{width:100%;height:100%;display:block;object-fit:cover}.history-photo span{position:absolute;left:6px;bottom:6px;padding:4px 6px;border-radius:999px;background:rgba(15,31,38,.82);color:#fff;font-size:8px;font-weight:800}.history-award-card.national .history-photo span{background:#b88825}.history-card-copy{min-width:0;padding:8px}.history-card-copy strong,.history-card-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-card-copy strong{font-size:10px}.history-card-copy small{margin-top:3px;color:var(--muted);font-size:8px}.history-card-copy .history-likes{color:var(--red);font:800 10px 'DM Sans'}.history-note{margin:11px 3px 0;color:var(--muted);font-size:9px;line-height:1.6}.logout-button{width:100%;margin-top:25px;padding:14px;color:var(--muted);border-top:1px solid var(--line)}
.profile-avatar img,.avatar-button img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.profile-settings-card h2{margin:0 0 18px;font-size:25px}.avatar-preview{width:160px;height:160px;margin:0 auto 12px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#2b687d,#133b4b);box-shadow:0 0 0 5px #fff,0 8px 24px rgba(20,40,50,.16);color:#fff;font-size:34px;font-weight:800}.avatar-preview canvas{display:none;width:100%;height:100%;touch-action:none;cursor:grab}.avatar-preview canvas:active{cursor:grabbing}.avatar-preview.has-image span{display:none}.avatar-preview.has-image canvas{display:block}.avatar-select-button{display:block;margin:0 auto 12px;border:0;background:none;color:var(--red);font-size:11px;font-weight:700;cursor:pointer}.avatar-crop-controls{margin:0 0 18px;padding:11px 12px;border-radius:12px;background:#fff}.avatar-crop-controls label{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;color:var(--ink);font-size:9px;font-weight:700}.avatar-crop-controls input{accent-color:var(--red)}.avatar-crop-controls small{display:block;margin-top:6px;text-align:center;color:var(--muted);font-size:8px}.account-name-field{display:grid;gap:7px;color:var(--muted);font-size:10px}.account-name-field input{width:100%;height:48px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:14px}.avatar-help{margin:9px 0 19px;color:var(--muted);font-size:9px;line-height:1.6}
.profile-settings-card{max-height:calc(100dvh - 36px);overflow-y:auto}
.account-security-settings{display:grid;gap:9px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}.account-security-settings h3{margin:0 0 2px;font-size:14px}.account-security-settings label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:700}.account-security-settings input{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);font-size:14px}.account-security-settings small{color:var(--muted);font-size:9px;line-height:1.6}.password-hint-button{border:0;background:transparent;color:var(--red);font-size:11px;font-weight:800;cursor:pointer}.password-hint-result{margin:0;padding:10px 12px;border-radius:11px;background:rgba(227,74,55,.08);color:var(--ink);font-size:11px;line-height:1.55}
.privacy-list-button b{font:inherit}.blocked-users-card{width:min(92vw,460px);max-height:calc(100dvh - 36px);overflow-y:auto}.blocked-users-card h2{margin:0;font-size:22px}.blocked-users-card>p:not(.eyebrow){margin:4px 0 12px;color:var(--muted);font-size:10px;line-height:1.6}.blocked-users-list{display:grid;gap:8px}.blocked-user-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff}.blocked-user-avatar{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border:0;border-radius:50%;background:#1d6077;color:#fff;font-size:16px;font-weight:800}.blocked-user-avatar img{width:100%;height:100%;object-fit:cover}.blocked-user-info{min-width:0}.blocked-user-info strong,.blocked-user-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blocked-user-info strong{font-size:12px}.blocked-user-info small{margin-top:2px;color:var(--muted);font-size:9px}.blocked-user-unblock{min-height:36px;padding:0 12px;border:1px solid rgba(227,74,55,.35);border-radius:999px;background:#fff;color:var(--red);font-size:10px;font-weight:800}.blocked-users-empty{margin:0;padding:28px 15px!important;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted)!important;font-size:11px!important}
.my-post-card{position:relative;width:100%;padding:0;overflow:hidden;border:0;border-radius:24px;background:#fff;box-shadow:var(--shadow);text-align:left;cursor:pointer}
.my-post-card[hidden]{display:none}
.my-post-card>img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#13242c}
.my-post-card>div{display:grid;gap:4px;padding:18px}
.my-post-card p{margin:0;color:var(--red);font-size:10px;font-weight:700}
.my-post-card strong{font-size:18px}
.my-post-card small{color:var(--muted);font-size:10px}
.my-post-card small b{color:var(--ink);font:700 14px 'DM Sans'}
.my-post-badge{position:absolute;top:14px;left:14px;padding:8px 11px;border-radius:999px;background:rgba(19,36,44,.86);color:#fff;font-size:10px;font-weight:700}
.my-post-share-button{display:block;width:100%;min-height:48px;margin-top:16px;border:0;border-radius:14px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.my-post-share-button[hidden]{display:none}
.my-post-empty{display:grid;justify-items:center;gap:12px;padding:38px 22px;border:1px dashed rgba(23,42,52,.2);border-radius:24px;background:#fff;text-align:center}
.my-post-empty[hidden]{display:none}
.my-post-empty>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#f5e5df;color:var(--red);font-size:28px}
.my-post-empty>strong{font-size:14px}
.my-post-empty .primary-button{margin-top:5px}
.account-lifecycle{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.account-lifecycle strong{display:block;font-size:11px}.account-lifecycle p{margin:6px 0 12px;color:var(--muted);font-size:9px;line-height:1.7}.account-lifecycle button{padding:0;border:0;background:none;color:var(--red);font-size:10px;font-weight:700;cursor:pointer}.account-delete-card h2{margin:0 0 8px;font-size:25px}.account-delete-card>p:not(.eyebrow){margin:0 0 18px;color:var(--muted);font-size:10px;line-height:1.7}.account-delete-card label{display:grid;gap:7px;margin-top:12px;color:var(--muted);font-size:10px}.account-delete-card input{width:100%;height:48px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.account-delete-card .secondary-button{margin-top:14px}.danger-button{width:100%;min-height:50px;margin-top:16px;border:0;border-radius:14px;background:#a93227;color:#fff;font-weight:800;cursor:pointer}
.history-award-card{position:relative}
.history-delete{position:absolute;z-index:2;top:6px;right:6px;width:27px;height:27px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#8d3b32;font-size:13px;font-weight:800;box-shadow:0 2px 8px rgba(20,40,50,.18);cursor:pointer}
.avatar-preview>img{display:none;width:100%;height:100%;object-fit:cover}.avatar-preview.has-saved span,.avatar-preview.has-saved canvas{display:none}.avatar-preview.has-saved>img{display:block}.avatar-delete-button{display:block;margin:-5px auto 13px;border:0;background:none;color:#8d3b32;font-size:10px;font-weight:700;cursor:pointer}.avatar-delete-button[hidden]{display:none}
.delete-content-button{display:block;width:100%;margin-top:18px;padding:13px;border:1px solid rgba(169,50,39,.25);border-radius:14px;background:transparent;color:#a93227;font-size:11px;font-weight:700;cursor:pointer}.delete-content-button[hidden]{display:none}
.content-delete-card h2{margin:0 0 10px;font-size:23px}.content-delete-card>p:not(.eyebrow){margin:0;color:var(--muted);font-size:10px;line-height:1.8}.content-delete-card .secondary-button{margin-top:10px}
.battle-collection{width:100%;margin:0;overflow:visible}
.battle-collection .collection-acquired{display:block;cursor:default}
.battle-collection .collection-acquired:hover{transform:none!important;z-index:auto}
.battle-collection .collection-empty{opacity:.78}
.battle-collection .collection-national{box-shadow:0 0 0 3px transparent,0 11px 25px rgba(19,79,102,.29);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff4f64,#ffb743,#ffe75a,#4fd28a,#4fa5ff,#a66bff) border-box;border:3px solid transparent}
.battle-collection .collection-national img{position:absolute;inset:0}
.battle-collection .pref-tile b{right:5px;top:5px;width:auto;min-width:0;max-width:none;height:auto;min-height:20px;max-height:none;display:grid;place-items:center;padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--red);font-size:clamp(8px,2vw,12px);line-height:1;box-shadow:0 2px 7px rgba(9,27,34,.2)}
.battle-collection .national-tile:before{display:none}
.battle-collection .national-tile span{left:6px;bottom:6px;font-size:clamp(9px,2.5vw,14px);line-height:1.2}
.battle-collection .collection-delete{position:absolute;z-index:5;left:auto;right:4px;top:auto;bottom:4px;width:17px;height:17px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#8d3b32;font-size:10px;font-weight:900;line-height:1;box-shadow:0 1px 4px rgba(20,40,50,.18);cursor:pointer}
.battle-collection .collection-national .collection-delete{top:auto;bottom:4px;left:auto;right:4px}
.battle-collection-own .collection-acquired>span,.battle-collection-own .collection-national>span{padding-left:0;padding-right:0}
.tester-feedback-button{border-color:rgba(223,73,59,.28)!important;color:var(--red)!important}.tester-feedback-card label{display:grid;gap:7px;margin-top:14px;color:var(--muted);font-size:10px;font-weight:800}.tester-feedback-card select,.tester-feedback-card textarea{width:100%;border:1px solid rgba(19,40,50,.14);border-radius:13px;background:#fff;color:var(--ink);font:inherit}.tester-feedback-card select{height:46px;padding:0 12px}.tester-feedback-card textarea{min-height:150px;padding:12px;resize:vertical;line-height:1.6}.tester-feedback-card>small{display:block;margin-top:6px;color:var(--muted);font-size:9px}