.header-mobile{z-index:100;background:#0b0f19f2;border-bottom:1px solid #00f0ff33;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 12px;display:flex}.header-mobile-row1{grid-template-columns:minmax(0,1fr) clamp(112px,30vw,126px) 58px;align-items:center;gap:7px;display:grid}.header-mobile-user{align-items:center;width:100%;min-width:0;display:block}.header-mobile-user .user-identity-row{flex:auto;min-width:0}.header-mobile-title{color:var(--neon-gold);background:#ffd7001a;border:1px solid #ffd7004d;border-radius:4px;padding:1px 6px;font-size:11px}.header-mobile-username{color:#fff;font-size:14px;font-weight:700}.header-mobile-level-badge{color:var(--neon-cyan);white-space:nowrap;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:9px;font-weight:700;display:block}.header-mobile-progression{border-left:1px solid #ffffff1f;gap:3px;width:100%;min-width:0;padding-left:8px;display:grid}.header-mobile-power{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;display:flex}.header-mobile-power small{color:#91a6b8;font-size:8px;font-weight:800}.header-mobile-power strong{color:#f2c95f;font-size:12px;font-weight:900}.header-mobile-menu-button{color:#cbd6df;background:#04091075;border:1px solid #a0b8cc42;border-radius:5px;justify-content:center;justify-self:end;align-items:center;gap:4px;width:54px;min-width:54px;height:30px;min-height:30px;margin:0 2px 0 0;padding:3px 6px;display:flex;position:relative}.header-mobile-menu-button span{letter-spacing:.02em;font-size:8px;font-weight:900}.header-mobile-menu-button i{font-size:13px;font-style:normal;line-height:1}.header-mobile-menu-badge{color:#fff;background:#ff306e;border-radius:7px;place-items:center;min-width:13px;height:13px;padding:0 2px;font-size:7px;line-height:1;display:grid;position:absolute;top:-1px;right:-1px}.header-utility-overlay{z-index:1200;padding:calc(env(safe-area-inset-top) + 8px) 10px 10px;background:#0000009e;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.header-utility-menu{background:#09111d;border:1px solid #00f0ff3d;border-radius:8px;width:min(68vw,232px);overflow:hidden;box-shadow:0 12px 30px #0000009e}.header-utility-menu>header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:34px;padding:3px 7px;display:flex}.header-utility-menu>header strong{color:var(--neon-cyan);letter-spacing:.12em;font-size:11px}.header-utility-menu>header button{color:#fff;background:0 0;border:0;width:28px;height:28px;font-size:18px}.header-utility-menu nav{background:#ffffff14;grid-template-columns:1fr 1fr;gap:1px;display:grid}.header-utility-menu nav button{color:#eef8ff;background:#0a1320;border:0;align-content:center;place-items:center;gap:2px;min-height:58px;padding:3px;font-size:9px;font-weight:800;display:grid;position:relative}.header-utility-menu nav img{object-fit:contain;width:22px;height:22px}.header-utility-menu nav b{color:#fff;background:#ff306e;border-radius:7px;place-items:center;min-width:13px;height:13px;padding:0 2px;font-size:6px;display:grid;position:absolute;top:4px;right:5px}.header-mobile-guild-name{color:var(--text-secondary);font-size:11px}.header-mobile-raid-alert{border:1px solid var(--neon-magenta);color:#fff;background:#ff007f33;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;animation:1.5s infinite pulse-alert;display:flex}.header-raid-dot{background:var(--neon-magenta);border-radius:50%;width:6px;height:6px}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.5}}.header-mobile-row2{background:#0000004d;border:1px solid #ffffff0d;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;padding:4px 10px;display:flex}.header-mobile-stat{white-space:nowrap;align-items:center;gap:4px;display:flex}.header-mobile-stat-raid .header-mobile-stat-label{font-size:10px}.header-stat-icon{object-fit:contain;width:16px;height:16px}.header-mobile-stat-val{font-family:var(--font-outfit);font-size:12px;font-weight:700}.header-mobile-stat-cash{color:#0f6}.header-mobile-stat-diamond{color:var(--neon-cyan)}.header-mobile-stat-label{color:var(--neon-gold);font-size:13px;font-weight:800}.header-mobile-stat-recovery{color:var(--ui-text-secondary);white-space:nowrap;font-size:8px}.header-mobile-stat-energy{color:#fff}.header-mobile-stat-overflow{color:var(--color-warning)}@media (max-width:390px){.header-mobile{gap:5px;padding:7px 8px}.header-mobile-row1{grid-template-columns:minmax(0,1fr) 118px 56px;gap:4px}.header-mobile-progression{padding-left:5px}.header-mobile-level-badge{font-size:8px}.header-mobile-power small{font-size:7px}.header-mobile-power strong{font-size:11px}.header-mobile-menu-button{width:54px;min-width:54px;padding-inline:6px}.header-mobile-menu-button span{font-size:8px}.header-mobile-row2{padding-inline:8px}}.header-news-button{position:relative}
.raid-rescue-link{box-sizing:border-box;border:1px solid var(--ui-border);background:var(--ui-bg-raised);min-width:0;max-width:100%;color:var(--ui-text-primary);font-family:var(--font-ui);text-align:left;border-radius:10px;margin:10px 0;padding:12px;display:block}.raid-rescue-link__origin{letter-spacing:.06em;color:var(--ui-text-secondary);margin-bottom:8px;font-size:10px;font-weight:800}.raid-rescue-link__owner{align-items:center;gap:8px;min-width:0;margin-bottom:8px;display:flex}.raid-rescue-link__owner>span:last-child{gap:2px;min-width:0;display:grid}.raid-rescue-link strong{overflow-wrap:anywhere;font-size:12px;line-height:1.45}.raid-rescue-link small{color:var(--ui-text-secondary);overflow-wrap:anywhere;font-size:10px}.raid-rescue-link__avatar{border:1px solid var(--ui-border);background:#ffffff0d;border-radius:50%;flex:0 0 32px;width:32px;height:32px;overflow:hidden}.raid-rescue-link__avatar img{object-fit:cover;object-position:var(--rescue-face-x) var(--rescue-face-y);width:100%;height:100%;transform:scale(var(--rescue-face-scale));transform-origin:var(--rescue-face-x) 12%}.raid-rescue-link__enemy{background:#ffffff05;border-radius:6px;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.raid-rescue-link__enemy>img{object-fit:cover;object-position:50% 12%;flex:0 0 56px;width:56px;height:66px}.raid-rescue-link__enemy>div{gap:4px;min-width:0;padding:5px 6px;display:grid}.raid-rescue-link__hp{gap:4px;margin-top:8px;font-size:11px;display:grid}.raid-rescue-link__hp progress{accent-color:#b24e4e;border:0;border-radius:3px;width:100%;height:5px;overflow:hidden}.raid-rescue-link__battle{color:var(--ui-text-secondary);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:7px 0 10px;font-size:10px;display:flex}.raid-rescue-link__unknown{margin:6px 0 10px;font-size:11px;line-height:1.6}.raid-rescue-link .outlaw-button{min-height:44px;font-size:12px}.raid-rescue-link__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite raid-rescue-spin;display:inline-block}@keyframes raid-rescue-spin{to{transform:rotate(360deg)}}
.mypage-view{background:#090c14;flex-direction:column;justify-content:flex-start;width:100%;height:100%;padding:0;display:flex;position:relative;overflow:hidden auto}.mypage-visual-area{isolation:isolate;background-color:#06080e;background-position:50% 56%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;width:100%;height:41vh;min-height:300px;max-height:460px;position:relative;overflow:hidden}.mypage-visual-area.is-preparing:not(.has-resume-snapshot){background-image:none!important}.mypage-visual-area.is-preparing>:not(.mypage-visual-loading){visibility:hidden}.mypage-view.is-interaction-locked{pointer-events:none;-webkit-user-select:none;user-select:none}.mypage-visual-loading{z-index:20;background:radial-gradient(at 50% 78%,#1f304870,#0000 54%),linear-gradient(#06080e 0%,#0a0e17 62%,#090c14 100%);place-items:end center;display:grid;position:absolute;inset:0;overflow:hidden}.mypage-visual-loading:before{content:"";opacity:.34;filter:blur(2px);background:linear-gradient(104deg,#12192666 28%,#4d637c6b 47%,#12192666 66%) 0 0/230% 100%;border-radius:48% 48% 10% 10%;width:34%;height:76%;margin-bottom:0;animation:1.15s ease-in-out infinite mypage-leader-loading}.mypage-visual-loading>span{border:2px solid #00f0ff33;border-top-color:#00f0ffe0;border-radius:50%;width:14px;height:14px;animation:.72s linear infinite mypage-leader-loading-spin;position:absolute;bottom:12px;right:12px}.mypage-visual-area.has-resume-snapshot .mypage-visual-loading{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#05080e57,#090c1442 58%,#090c14 100%)}.mypage-visual-area.has-resume-snapshot .mypage-visual-loading:before{display:none}.mypage-visual-loading-leader{z-index:1;opacity:.42;object-fit:contain;filter:blur(3px)saturate(.7);height:86%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mypage-visual-loading>span{z-index:2}@keyframes mypage-leader-loading{0%{opacity:.24;background-position:150% 0}50%{opacity:.4}to{opacity:.24;background-position:-60% 0}}@keyframes mypage-leader-loading-spin{to{transform:rotate(360deg)}}.mypage-background-enter{animation:.18s ease-out both mypage-background-enter}@keyframes mypage-background-enter{0%{opacity:.6}to{opacity:1}}.mypage-visual-overlay{pointer-events:none;z-index:1;background:linear-gradient(#00000061 0%,#00000008 42%,#090c1447 66%,#090c14 100%);position:absolute;inset:0}.mypage-event-raid:after,.mypage-event-gvg:after{content:"";z-index:6;pointer-events:none;animation:3.6s ease-in-out infinite mypage-event-pulse;position:absolute;inset:0}.mypage-event-raid:after{border:1px solid #ff6b426b;box-shadow:inset 0 0 42px #ff4c2f61}.mypage-event-gvg:after{border:1px solid #d759ff66;box-shadow:inset 0 0 42px #ba45ff52}@keyframes mypage-event-pulse{0%,to{opacity:.38}50%{opacity:.85}}.mypage-base-overlay{z-index:10;background:linear-gradient(#000000d9,#0000);justify-content:space-between;align-items:center;padding:5px 10px;display:flex;position:absolute;top:0;left:0;right:0}.mypage-base-overlay-info{color:#e0e0e8;align-items:center;gap:6px;font-size:11px;display:flex}.mypage-base-overlay-label{color:#00f0ff;background:#00f0ff1f;border:1px solid #00f0ff4d;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.mypage-base-overlay-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-weight:700;overflow:hidden}.mypage-base-overlay-sep{color:#ffffff4d}.mypage-base-overlay-controller{color:#a0a0ab;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:10px;overflow:hidden}.mypage-base-overlay-move{color:#00f0ff;cursor:pointer;background:#0b0f19d9;border:1px solid #00f0ff66;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:flex;box-shadow:0 2px 8px #00000080}.mypage-event-chip{z-index:13;color:#fff;cursor:pointer;background:#0a0c14e6;border-radius:12px;padding:3px 7px;font-size:9px;font-weight:800;position:relative}.mypage-event-chip.raid{color:#ffb1a2;border:1px solid #ff5a3ee6;box-shadow:0 0 12px #ff492f57}.mypage-event-chip.gvg{color:#e4b9ff;border:1px solid #d264ffe6;box-shadow:0 0 12px #b742ff52}.overlay-map-icon{object-fit:contain;width:14px;height:14px}.mypage-power-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:12;cursor:pointer;background:#0a0e169e;border:1px solid #d4af3759;border-radius:20px;align-items:center;gap:4px;margin-left:auto;padding:2px 7px;display:flex;position:relative;box-shadow:0 3px 10px #0000006b}.mypage-secondary-hud{z-index:13;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:31px;left:10px;right:10px}.mypage-secondary-hud>*{pointer-events:auto}.mypage-power-label{color:#d4af37;letter-spacing:.5px;white-space:nowrap;font-size:8px;font-weight:800}.mypage-power-val{color:gold;letter-spacing:.5px;text-shadow:0 0 8px #ffd70066;font-family:Outfit,Inter,sans-serif;font-size:12px;font-weight:800}.mypage-power-val.is-loading{color:#ffd70094;min-width:18px;animation:.9s ease-in-out infinite alternate mypage-power-loading}.mypage-power-rank-link{color:#ffd700b8;letter-spacing:.8px;border-left:1px solid #ffd7004d;padding-left:5px;font-size:7px;font-weight:800}@keyframes mypage-power-loading{0%{opacity:.45}to{opacity:1}}.mypage-sub-icons-left{z-index:10;flex-direction:column;gap:4px;display:flex;position:absolute;top:68px;left:6px}.mypage-sub-icons-right{z-index:10;flex-direction:column;gap:4px;display:flex;position:absolute;top:68px;right:6px}.sub-icon-unit{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(145deg,#141c2cc2,#060a12b3);border:1px solid #ffffff29;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:36px;height:36px;display:flex;position:relative;box-shadow:0 5px 14px #00000094,inset 0 1px #ffffff0f}.sub-png-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0009);width:18px;height:18px}.sub-icon-label{color:#d0d0e0;letter-spacing:.2px;white-space:nowrap;font-size:6.5px;font-weight:700}.small-badge-alert{color:#fff;background:#f36;border:1.5px solid #fff;border-radius:7.5px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:8px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 0 6px #f36c}.mypage-interior-layer{opacity:.88;z-index:2;pointer-events:none;border-radius:6px 6px 2px 2px;width:78px;height:54px;position:absolute;bottom:16px;right:14px}.mypage-interior-layer.interior_neon_sign{background:linear-gradient(145deg,#ff008c29,#00f0ff61);border:1px solid #00f0ffd1;box-shadow:0 0 18px #00f0ff8f,inset 0 0 18px #ff008c57}.mypage-interior-layer.interior_trophy_case{background:linear-gradient(145deg,#2f230cd1,#070c12eb);border:1px solid #d4af37c7;box-shadow:inset 0 0 18px #d4af3747,0 4px 12px #00000094}.mypage-interior-layer.interior_speaker_stack{background:repeating-linear-gradient(0deg,#05080ef5 0 10px,#465364b8 11px 12px);border:1px solid #c4d2e485;box-shadow:0 0 16px #9558ff61}.mypage-interior-name{color:#fff;text-shadow:0 1px 3px #000;font-size:8px;font-weight:800;position:absolute;bottom:4px;left:5px}.mypage-leader-layer{z-index:3;pointer-events:none;justify-content:center;align-items:flex-end;width:min(82vw,350px);height:100%;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mypage-leader-layer>.character-presentation{z-index:2;position:relative}.mypage-leader-layer.is-ssr:before{z-index:0;content:"";filter:blur(3px)drop-shadow(0 0 10px #ffcc486b);background:radial-gradient(at 50% 46%,#ffe1706b,#ff9a2f1f 42%,#ff52c40f 58%,#0000 73%);border-radius:50%;animation:2.8s ease-in-out infinite mypage-ssr-leader-glow;position:absolute;inset:8% -24% -1%}.mypage-leader-layer.is-ssr:after{z-index:3;content:"";opacity:.38;filter:drop-shadow(0 0 7px #ffda5bb8);pointer-events:none;background:radial-gradient(circle at 22% 25%,#fff5c0 0 2px,#0000 3.5px) 50%/100% 100%,radial-gradient(circle at 79% 38%,#ffe273f5 0 2px,#0000 3.5px) 50%/100% 100%,radial-gradient(circle at 68% 72%,#fff4b8e6 0 1.5px,#0000 3px) 50%/100% 100%,linear-gradient(108deg,#0000 31%,#fff0b085 47%,#ffd35538 51%,#0000 65%) 145% 0/165% 100%;animation:2.8s ease-in-out infinite mypage-ssr-leader-sweep;position:absolute;inset:5% -12% 1%;-webkit-mask-image:radial-gradient(#000 24%,#0000 76%);mask-image:radial-gradient(#000 24%,#0000 76%)}@keyframes mypage-ssr-leader-glow{0%,to{opacity:.56;transform:scale(.97)}50%{opacity:.94;transform:scale(1.045)}}@keyframes mypage-ssr-leader-sweep{0%,14%{opacity:.2;background-position:50%,50%,50%,145% 0}46%{opacity:.58}82%,to{opacity:.24;background-position:50%,50%,50%,-65% 0}}.mypage-leader-layer .character-presentation-character,.mypage-leader-layer .character-presentation-missing{filter:drop-shadow(0 8px 24px #000000e6)}.mypage-leader-tap-target{z-index:4;cursor:pointer;background:0 0;border:0;width:58%;max-width:240px;height:86%;padding:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mypage-title-banner-layer{z-index:4;pointer-events:none;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.mypage-leader-line{z-index:8;color:#f4fbff;text-align:center;background:#060b13e0;border:1px solid #00f0ff9e;border-radius:5px;max-width:72%;padding:7px 10px;font-size:11px;font-weight:700;animation:.18s ease-out both mypage-leader-line-enter;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #00f0ff29}@keyframes mypage-leader-line-enter{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}.mypage-title-banner-badge{color:gold;background:#000c;border:1px solid #d4af3799;border-radius:12px;padding:3px 10px;font-size:10px;font-weight:800}.mypage-front-effect-layer{z-index:5;pointer-events:none;position:absolute;inset:0}.front-effect-particle{position:absolute;inset:0;overflow:hidden}.front-effect-particle.effect_lightning:before{content:"";background:#d9faff;width:3px;animation:4.6s steps(2,end) infinite mypage-lightning;position:absolute;inset:-10% 40% -10% auto;transform:rotate(21deg);box-shadow:0 0 10px #00f0ff,18px 72px 18px -7px #8d68ff}.front-effect-particle.effect_sparks{background-image:radial-gradient(circle,#ffb847e6 0 1px,#0000 2px),radial-gradient(circle,#ff5050bf 0 1px,#0000 2px);background-size:43px 52px,61px 47px;animation:4s linear infinite mypage-sparks}.front-effect-particle.effect_smoke{background:radial-gradient(at 18% 88%,#adbbce40,#0000 38%),radial-gradient(at 84% 74%,#7d91a833,#0000 42%);animation:7s ease-in-out infinite alternate mypage-smoke}@keyframes mypage-lightning{0%,88%,to{opacity:0}89%,91%{opacity:.9}92%{opacity:.18}}@keyframes mypage-sparks{0%{background-position:0 0,20px -10px}to{background-position:-38px 110px,42px 90px}}@keyframes mypage-smoke{0%{opacity:.62;transform:translate(-4%)scale(1)}to{opacity:1;transform:translate(5%)scale(1.12)}}.mypage-circle-menu-area{z-index:15;-webkit-backdrop-filter:blur(7px)saturate(.82);backdrop-filter:blur(7px)saturate(.82);background:linear-gradient(#10151d45,#02060b80);border:1px solid #fff1;border-radius:28px;justify-content:center;align-items:center;gap:clamp(5px,1.8vw,9px);width:calc(100% - 18px);min-height:82px;margin:-52px auto 0;padding:7px 10px 6px;display:flex;position:relative;overflow:visible;box-shadow:0 8px 18px #00000052,inset 0 1px #ffffff06}.mypage-lower-content{width:100%;padding:0 12px 12px;display:block}.mypage-live-ticker{color:#e4edf6;text-align:left;cursor:default;background:linear-gradient(90deg,#00f0ff1c,#0c121de0 20%,#0c121de0);border:1px solid #00f0ff47;border-radius:5px;align-items:center;gap:7px;width:100%;min-height:30px;margin:4px 0 2px;padding:5px 8px;display:flex}.mypage-live-ticker.raid{background:linear-gradient(90deg,#ff48302b,#1c0f13e6);border-color:#ff5b42b8}.mypage-live-ticker.gvg{background:linear-gradient(90deg,#b439ff2b,#190e1fe6);border-color:#c85cffb8}.mypage-live-ticker-label{color:#00f0ff;font-family:var(--font-display);letter-spacing:.12em;flex:none;font-size:8px;font-weight:900}.mypage-live-ticker-text{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;font-weight:700;overflow:hidden}.mypage-live-ticker-body{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.mypage-live-ticker-body:focus-visible,.mypage-live-ticker-arrow:focus-visible{outline-offset:2px;outline:2px solid #00f0ff}.mypage-live-ticker-arrow{color:#00f0ff;cursor:pointer;background:0 0;border:0;flex:0 0 44px;justify-content:center;align-items:center;min-width:44px;min-height:42px;margin:-1px -4px -1px 0;padding:0;font-size:12px;line-height:1;display:inline-flex}.mypage-live-ticker--visual{z-index:12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040a12e0;flex:none;width:auto;min-height:42px;margin:2px 8px;animation:.34s cubic-bezier(.22,.8,.25,1) both mypage-activity-enter;position:relative}.mypage-live-ticker .user-identity-row{min-width:0;max-width:42%}.mypage-live-ticker .user-identity-row.is-compact{grid-template-columns:30px minmax(0,1fr);gap:6px}.mypage-live-ticker .user-identity-row.is-compact>.character-presentation{width:30px;height:30px}.mypage-live-ticker .user-identity-row strong{font-size:10px}.mypage-live-ticker .user-identity-row small{display:none}.mypage-live-ticker .user-identity-row small.user-identity-guild{min-width:0;display:block}.mypage-live-ticker .user-identity-guild .guild-identity-label{gap:4px;max-width:100%;display:flex}.mypage-live-ticker .user-identity-guild .guild-emblem{flex:0 0 16px;width:16px;height:16px}@keyframes mypage-activity-enter{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.canonical-dialog-overlay:has(.mypage-activity-log){isolation:isolate;background:#000000d6;animation:none}.canonical-dialog:has(.mypage-activity-log){isolation:isolate;background:#151d2a;animation:.2s cubic-bezier(.2,.8,.25,1) mypage-activity-dialog-in}.canonical-dialog:has(.mypage-activity-log) :is(.canonical-dialog-header,.canonical-dialog-body,.mypage-activity-log,.canonical-dialog-actions){background:#151d2a}.canonical-dialog-body:has(>.mypage-activity-log){isolation:isolate;max-height:min(64dvh,560px);padding:0;position:relative;overflow:hidden}.mypage-activity-log{overscroll-behavior:contain;white-space:normal;gap:0;min-width:0;max-height:min(64dvh,560px);padding:18px;display:grid;overflow-y:auto}.mypage-activity-log-row{border-bottom:1px solid #ffffff17;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px 0;display:grid}.mypage-activity-log-row:first-child{padding-top:0}.mypage-activity-log-row:last-child{border-bottom:0;padding-bottom:0}.mypage-activity-log-row .user-identity-row{min-width:0}.mypage-activity-log-detail{text-align:right;justify-items:end;gap:2px;min-width:86px;display:grid}.mypage-activity-log-detail strong{color:var(--ui-text-primary);font-size:11px;line-height:1.35}.mypage-activity-log-detail time{color:var(--ui-text-muted);white-space:nowrap;font-size:9px}.mypage-activity-empty{text-align:center;margin:0;padding:18px 0}@keyframes mypage-activity-dialog-in{0%{transform:translateY(8px)scale(.98)}to{transform:none}}@media (max-width:390px){.mypage-activity-log{padding:15px}.mypage-activity-log-row{gap:8px}.mypage-activity-log-detail{min-width:76px}}@media (prefers-reduced-motion:reduce){.mypage-visual-loading:before,.mypage-visual-loading>span,.mypage-live-ticker--visual{animation:none}.mypage-leader-layer.is-ssr:before{opacity:.72;animation:none;transform:none}.mypage-leader-layer.is-ssr:after{opacity:.2;background-position:50%,50%,50%,50%;animation:none}}.circle-menu-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:1 1 0;justify-content:center;align-items:center;width:auto;min-width:0;max-width:76px;min-height:68px;padding:0;display:flex;position:relative;overflow:visible}.circle-menu-btn.upcoming:after{z-index:1;content:"";pointer-events:none;background:#0203077a;border-radius:50%;position:absolute;inset:4px}.circle-menu-btn.upcoming .circle-menu-img{opacity:.76;filter:brightness(.62)saturate(.72)}.circle-menu-state-overlay{z-index:2;color:#fff0bd;letter-spacing:.04em;text-shadow:0 2px 5px #000;background:#030407e6;border:0;border-left:2px solid #f2c95f;border-radius:2px;padding:3px 5px;font-size:7px;font-weight:900;line-height:1.15;position:absolute;bottom:5px;right:0}.circle-menu-alert-badge{z-index:3;box-sizing:border-box;color:#fff;pointer-events:none;background:#f36;border:1.5px solid #fff;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;font-weight:900;line-height:1;display:grid;position:absolute;top:0;right:0;box-shadow:0 0 9px #ff3366b8}.circle-menu-img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 6px 14px #000c);width:min(100%,68px);height:auto}@media (max-width:390px){.mypage-circle-menu-area{gap:5px;width:calc(100% - 14px);padding-inline:8px}.circle-menu-btn{min-height:64px}.circle-menu-img{width:min(100%,64px)}}.mypage-event-banner-area{flex-direction:column;align-items:center;gap:6px;padding:7px 2px 6px;display:flex}.banner-slide-wrapper{align-items:center;gap:6px;width:100%;display:flex}.banner-arrow{color:#fff;cursor:pointer;background:#0b0f19cc;border:1px solid #ffffff26;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:54px;font-size:16px;display:flex}.banner-card{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;flex:1;height:54px;padding:0;position:relative;overflow:hidden}.banner-card.vip{border-color:#ffd700b8;box-shadow:inset 0 0 20px #ffaa001f,0 0 12px #ffaa0029}.banner-bg-img{object-fit:cover;filter:none;width:100%;height:100%}.campaign-keyvisual-dialog{text-align:center;justify-items:center;gap:10px;display:grid}.campaign-keyvisual-dialog img{aspect-ratio:860/1292;object-fit:contain;border-radius:8px;width:min(100%,270px);height:auto;max-height:44dvh;display:block}.campaign-keyvisual-dialog p{color:var(--ui-text-primary);margin:0;font-weight:700;line-height:1.65}.banner-info-overlay{background:linear-gradient(90deg,#00000040,#00000005);flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;padding:0 12px;display:flex;position:absolute;inset:0}.banner-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.banner-subtitle{color:#fffc;font-size:9px;font-weight:600;line-height:1.15}.banner-cta-label{color:#fff;background:#030e18cc;border:1px solid #00f0ffa6;border-radius:4px;padding:4px 7px;font-size:9px;font-weight:800;position:absolute;right:10px}.banner-fallback-art{background:radial-gradient(circle at 78%,#e5326e4d,#0000 28%),linear-gradient(110deg,#07152a,#121329 50%,#24091b);position:absolute;inset:0}.banner-dots{gap:4px;display:flex}.banner-dots .dot{background:#fff3;border-radius:50%;width:6px;height:6px}.banner-dots .dot.active{background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan)}.mypage-chat-preview-area{display:none}.chat-preview-bar{cursor:pointer;background:#0b0f19d9;border:1px solid #00f0ff40;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-tag{color:var(--neon-cyan);flex-shrink:0;font-size:10px;font-weight:800}.chat-unread-badge{border:1px solid var(--neon-pink);color:#fff;background:#ff007a47;border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:800}.chat-text{color:#d0d0e0;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.tribe-app-link{color:#fff;white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:700}.mypage-primary-cta{border-radius:var(--ui-radius-sm);width:100%;min-height:40px;color:var(--ui-text-primary);text-align:left;align-items:center;gap:8px;padding:6px 12px;display:flex}.mypage-primary-cta-eyebrow,.mypage-primary-cta>span:not(.mypage-primary-cta-eyebrow){flex:none}.mypage-primary-cta-eyebrow{color:var(--ui-text-primary);font-size:var(--ui-font-caption);letter-spacing:.12em;white-space:nowrap;font-weight:900}.mypage-primary-cta strong{min-width:0;font-size:var(--ui-font-body);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mypage-primary-cta>span:not(.mypage-primary-cta-eyebrow){display:none}.mypage-primary-cta>b{color:var(--ui-text-primary);flex:none;font-size:20px}.circle-menu-btn:disabled{cursor:not-allowed;filter:grayscale(.85);opacity:.56}.circle-menu-btn:disabled .circle-menu-alert-badge{border-radius:6px;width:auto;min-width:32px;padding:1px 4px;font-size:7px}.mypage-view{background:#050a12}.mypage-live-ticker--visual{background:linear-gradient(90deg,#051522f5,#040c16eb);border-color:#00f0ff38;min-height:44px;margin:3px 8px;box-shadow:inset 3px 0 #00f0ffb8}.mypage-live-ticker.raid,.mypage-live-ticker.gvg{background:linear-gradient(90deg,#051522f5,#040c16eb);border-color:#00f0ff38}.mypage-visual-area{background-position:50% 52%;height:clamp(350px,49dvh,440px);min-height:350px;max-height:440px}.mypage-event-raid:after,.mypage-event-gvg:after{display:none}.mypage-current-location{z-index:8;color:#f3f8fc;text-align:left;background:linear-gradient(90deg,#03080fdb,#03080f4d);border:0;border-left:2px solid #00f0ffcc;border-radius:2px;align-items:baseline;gap:5px;max-width:55%;padding:3px 7px;line-height:1;display:flex;position:absolute;top:3px;left:10px}.mypage-current-location span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.mypage-current-location small{color:var(--neon-cyan);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800;overflow:hidden}.mypage-current-location b{color:#fff;font-size:18px;line-height:1}.mypage-authentication-status{z-index:14;color:#f8e7b0;cursor:pointer;background:linear-gradient(145deg,#181a1de6,#080a0ee0);border:1px solid #f2c95fb8;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:54px;min-height:42px;padding:4px 7px;display:flex;position:absolute;top:5px;right:10px;box-shadow:0 5px 14px #0000008c,inset 0 1px #ffffff14}.mypage-authentication-status small{white-space:nowrap;font-size:8px;font-weight:800}.mypage-authentication-lock{width:14px;height:17px;display:block;position:relative}.mypage-authentication-lock i{border:2px solid #f2c95f;border-bottom:0;border-radius:7px 7px 0 0;width:8px;height:9px;position:absolute;top:0;left:3px}.mypage-authentication-lock b{background:#f2c95f26;border:1px solid #f2c95f;border-radius:2px;height:10px;position:absolute;bottom:0;left:0;right:0}.mypage-authentication-status:active{transform:scale(.95)}.mypage-sub-icons-left{z-index:9;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:12px;left:10px}.mypage-sub-icons-left .sub-icon-unit{color:#f4f8fb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030a12bd;border:1px solid #00f0ff59;border-radius:6px;align-content:center;place-items:center;gap:0;width:48px;min-height:48px;padding:2px 2px 3px;display:grid;position:relative;box-shadow:0 5px 14px #00000038}.mypage-sub-icons-left .sub-png-icon{object-fit:contain;filter:drop-shadow(0 0 3px #00f0ff33);width:24px;height:24px}.mypage-sub-icons-left .sub-icon-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:7px;font-weight:800;line-height:1;overflow:hidden}.mypage-sub-icons-left .small-badge-alert{top:2px;right:2px}.mypage-leader-layer{width:min(88vw,374px);-webkit-mask-image:linear-gradient(#000 0% calc(100% - 52px),#000000eb calc(100% - 36px),#00000057 calc(100% - 8px),#0000 100%);mask-image:linear-gradient(#000 0% calc(100% - 52px),#000000eb calc(100% - 36px),#00000057 calc(100% - 8px),#0000 100%)}.mypage-leader-line{bottom:12px}.mypage-stage-transition{z-index:6;pointer-events:none;background:linear-gradient(#02060c00 0%,#02060c2e 30%,#02060cad 72%,#02060c 100%);height:52px;position:absolute;bottom:0;left:0;right:0}.mypage-lower-content{padding:0 8px 10px}.mypage-event-banner-area{padding:0 0 5px}.banner-slide-wrapper{gap:5px}.banner-arrow{width:27px;height:58px}.banner-card{background:#03070e;border-radius:6px;height:58px}.banner-bg-img{object-fit:cover;object-position:center;width:100%;height:100%}.banner-card[data-banner-id=gvg-prep],.banner-card[data-banner-id=raid_battle_major_update],.banner-card[data-banner-id=guild-power-ranking]{aspect-ratio:6;border-radius:0;min-width:0;height:auto}.banner-card[data-banner-id=gvg-prep] .banner-bg-img,.banner-card[data-banner-id=raid_battle_major_update] .banner-bg-img,.banner-card[data-banner-id=guild-power-ranking] .banner-bg-img{object-fit:contain;display:block}.mypage-view .mypage-circle-menu-area{z-index:1;width:100%;height:68px;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-image:linear-gradient(#02060c8a,#02060ca8),url(/menu/home_main_nav_night_reflection_bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:0;justify-content:flex-start;align-items:stretch;margin:0 0 6px;display:flex;position:relative;overflow:hidden;gap:0!important;padding:0!important}.circle-menu-btn{background:0 0;border:0;border-radius:0;flex-direction:column;gap:0;width:auto;max-width:none;height:100%;min-height:0;padding:1px;display:flex}.mypage-circle-menu-area>.circle-menu-btn{box-sizing:border-box;border-radius:0;flex:0 0 25%;width:25%;min-width:0;max-width:25%;background:0 0!important;border:0!important}.circle-menu-btn:last-child{border-right:0}.circle-menu-img{aspect-ratio:1;filter:drop-shadow(0 0 5px #00f0ff2e);width:40px;height:40px}.circle-menu-label{text-align:center;min-width:0;line-height:1.05;display:grid}.circle-menu-label strong{color:#eef8ff;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;overflow:hidden}.circle-menu-btn.upcoming:after{background:#02040880;border-radius:0;inset:0}.circle-menu-state-overlay{border-left:2px solid #f2c95f;border-radius:2px;padding:2px 4px;font-size:7px;top:3px;bottom:auto;right:3px}.circle-menu-alert-badge{top:3px;right:5px}.mypage-primary-cta{margin-top:0}@media (max-width:390px){.mypage-visual-area{height:clamp(345px,48dvh,405px);min-height:345px}.mypage-sub-icons-left{gap:3px;bottom:9px;left:8px}.mypage-sub-icons-left .sub-icon-unit{width:46px;min-height:46px}.mypage-sub-icons-left .sub-png-icon{width:23px;height:23px}.mypage-circle-menu-area{width:100%;height:66px;padding-inline:0}.circle-menu-img{width:38px;height:38px}.circle-menu-label strong{font-size:9px}}.mypage-activity-log-row:has(.raid-rescue-link){grid-template-columns:minmax(0,1fr);align-items:start}.mypage-activity-log-row:has(.raid-rescue-link) .mypage-activity-log-detail{text-align:left;justify-items:stretch;min-width:0}.mypage-circle-menu-area>.circle-menu-btn{justify-content:center;gap:1px;overflow:hidden}.mypage-circle-menu-area .circle-menu-img{flex:0 0 28px;width:28px;height:28px}.mypage-circle-menu-area .circle-menu-label{flex:0 0 16px;line-height:16px}.mypage-circle-menu-area .circle-menu-label strong{font-size:11px}.circle-menu-status{white-space:nowrap;text-overflow:ellipsis;color:#bfccd6;flex:0 0 12px;max-width:100%;height:12px;font-size:10px;line-height:12px;display:block;overflow:hidden}.mypage-circle-menu-area>.circle-menu-btn.recommended{box-shadow:inset 0 0 0 1px #81cfdb;background:#51a3b61f!important}.mypage-primary-cta:disabled{cursor:default}@media (max-width:340px){.circle-menu-status{visibility:hidden}}.mypage-primary-cta strong{white-space:nowrap;font-size:clamp(12px,3.3vw,14px)}.mypage-live-ticker-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.mypage-activity-log-row:not(:has(.raid-rescue-link)){grid-template-columns:minmax(0,1fr) minmax(110px,48%)}.mypage-activity-log-detail strong{white-space:normal;overflow-wrap:anywhere;word-break:normal;max-width:100%}