@layer layout {
.site-header{--header-content-width:1180px;--header-gutter:max(20px, calc((100% - var(--header-content-width)) / 2));z-index:100;width:100%;padding:12px var(--header-gutter);border:0;border-bottom:1px solid var(--line);background:#fff;border-radius:0;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 24px;display:flex;position:relative}.brand{align-items:center;min-width:0;display:inline-flex}.brand-logo{width:clamp(0px,14.6484vw,180px);height:auto;display:block}.header-menu{margin-left:auto;display:none}.header-menu-button,.header-shortcuts{display:none}.header-profile-icon{--header-avatar-size:2em;inline-size:var(--header-avatar-size);block-size:var(--header-avatar-size);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.header-profile-icon.is-signed-in:after{border-radius:var(--radius-full);background:var(--header-sync-color,var(--blue));content:"";block-size:3px;position:absolute;inset-block-end:-4px;inset-inline:0}.header-profile-avatar{border-radius:var(--radius-s);-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%}.header-profile-icon[data-sync-status=syncDirty]{--header-sync-color:var(--orange)}.header-profile-icon:is([data-sync-status=syncError],[data-sync-status=syncConflict]){--header-sync-color:var(--red)}.header-profile-icon:is([data-sync-status=offline],[data-sync-status=syncWaiting]){--header-sync-color:var(--muted)}.header-profile-icon[data-sync-status=syncing]:after{background-image:linear-gradient(90deg, transparent, var(--orange) 40%, var(--yellow) 50%, var(--orange) 60%, transparent);background-repeat:no-repeat;background-size:80% 100%;animation:.3s linear infinite header-sync-travel}@keyframes header-sync-travel{0%{background-position:-400% 0}to{background-position:500% 0}}@media (prefers-reduced-motion:reduce){.header-profile-icon[data-sync-status=syncing]:after{background-position:50% 0;animation:none}}.header-actions ul{color:#19315f;align-items:center;gap:8px;margin:0;padding:0;font-size:.92rem;font-weight:700;list-style:none;display:flex}.header-actions ul li{margin:0;padding:0}.header-actions a{border-radius:var(--radius-full);align-items:center;gap:6px;padding:10px 14px;display:inline-flex}@media (hover:hover){.header-actions a:hover{color:var(--blue-deep);background:#edf6ff}}.header-actions a svg{--size:2em;width:var(--size);height:var(--size)}.header-actions a .header-profile-avatar{border-radius:var(--radius-s);-o-object-fit:cover;object-fit:cover;flex:none;width:2em;height:2em}.header-actions-desktop{margin-left:auto}.language-switcher{border:1px solid var(--line);border-radius:var(--radius-full);background:#fff;flex:none;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex;overflow:hidden}.language-switcher a{min-width:34px;min-height:30px;color:var(--blue-deep);place-items:center;padding:6px 8px;display:grid}@media (hover:hover){.language-switcher a:hover{background:#edf6ff}}.language-switcher a[aria-current=page]{background:var(--blue);color:#fff}.language-switcher:where(.language-switcher-desktop,.language-switcher-mobile){--language-idle-background:#e7eef5;border-radius:var(--radius-s);background:var(--language-idle-background);border:0}.language-switcher-mobile{display:none}@media (max-width:940px){.header-actions ul{gap:2px;font-size:.85rem}}@media (max-width:820px){.site-header{--header-content-width:760px;--header-gutter:10px;padding:8px var(--header-gutter) 10px;gap:8px;margin:0 auto;position:relative}.brand-logo{width:min(130px,64vw)}.header-menu{flex:none;margin-left:0;display:block}.header-shortcuts{flex:none;align-items:center;gap:4px;margin-left:auto;display:flex}.header-shortcuts a{border-radius:var(--radius-m);width:38px;height:38px;color:inherit;place-items:center;display:grid}@media (hover:hover){.header-shortcuts a:hover{color:var(--blue-deep);background:#edf6ff}}.header-shortcuts a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.header-shortcuts svg{width:28px;height:28px}.header-shortcuts .header-profile-icon{--header-avatar-size:28px}.language-switcher-desktop{display:none}.header-menu-button{border:1px solid var(--line);border-radius:var(--radius-s);width:38px;height:38px;color:var(--foreground);cursor:pointer;touch-action:manipulation;background:#fff;padding:0;display:block;position:relative}.header-menu-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (hover:hover){.header-menu-button:hover{border-color:var(--blue);color:var(--blue)}.header-menu[data-open=true] .header-menu-button:hover{border-color:var(--foreground)}}.header-menu[data-open=true] .header-menu-button{border-color:var(--blue);background:var(--blue);color:#fff}.header-menu-button span{border-radius:var(--radius-full);background:currentColor;width:20px;height:2px;transition:opacity .18s,transform .18s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-menu-button span:first-child{transform:translate(-50%,calc(-50% - 6px))}.header-menu-button span:last-child{transform:translate(-50%,calc(6px - 50%))}.header-menu[data-open=true] .header-menu-button span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.header-menu[data-open=true] .header-menu-button span:nth-child(2){opacity:0;transform:translate(-50%,-50%)scaleX(0)}.header-menu[data-open=true] .header-menu-button span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.header-actions-desktop{display:none}.header-actions-mobile{top:calc(100% + 8px);right:var(--header-gutter);z-index:120;width:min(280px, calc(100% - 2 * var(--header-gutter)));border:1px solid var(--line);background:#fff;border-radius:0;flex-direction:column;align-items:stretch;gap:0;padding:0;font-size:1.05rem;display:none;position:absolute}.header-menu[data-open=true] .header-actions{display:flex}.header-actions a{border-radius:var(--radius-m);justify-content:flex-start;padding:11px 12px}.header-actions-mobile a{border-radius:0;gap:12px;min-height:52px;padding:13px 14px}.header-actions-mobile>a+a{border-top:1px solid var(--line)}.header-actions-mobile>a:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.header-actions-mobile a svg{width:1.55em;height:1.55em}.header-actions-mobile>a>:is(svg,.header-profile-icon){flex:0 0 1.55em}.header-actions-mobile .header-profile-icon{--header-avatar-size:1.55em}.header-actions-mobile a .header-profile-avatar{width:100%;height:100%}.header-actions-mobile .language-switcher-mobile{align-self:stretch;margin:12px;display:inline-flex}.header-actions-mobile .language-switcher a{border-radius:0;flex:1;justify-content:center;min-height:38px;padding:8px}}@media (max-width:520px){.header-actions{gap:4px;font-size:.84rem}.header-actions a{padding:8px 10px}.header-actions-mobile{gap:0;font-size:1.05rem}.header-actions-mobile a{padding:13px 14px}}
}

@layer layout {
.header-sync-status{--sync-cyan:#02cefc;color:var(--muted);white-space:nowrap;pointer-events:none;font-size:12px;font-weight:500;line-height:1.5;position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--header-gutter) + clamp(0px, 150 / 1024 * 100vw, 180px) + 28px);transform:translateY(-50%)}.header-sync-cloud{fill:none;block-size:26px;inline-size:26px;stroke:var(--blue);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;display:none}.header-sync-cloud-flow{stroke:var(--sync-cyan);stroke-dasharray:24 76;animation:1.8s linear infinite header-sync-cloud-travel}.header-sync-squares{position:absolute;inset:-4px -12px}.header-sync-squares i{--square-x:-6px;--square-y:-6px;background:var(--sync-cyan);opacity:0;block-size:4px;inline-size:4px;animation:2.4s ease-out infinite header-sync-square-burst;position:absolute;inset-block-start:50%;inset-inline-start:0}.header-sync-squares i:nth-child(2){--square-x:-4px;--square-y:-8px;animation-delay:-.4s;inset-block-start:0;inset-inline-start:24%}.header-sync-squares i:nth-child(3){--square-x:3px;--square-y:-6px;animation-delay:-.8s;inset-block-start:0;inset-inline-start:78%}.header-sync-squares i:nth-child(4){--square-x:6px;--square-y:-4px;animation-delay:-1.2s;inset-inline-start:100%}.header-sync-squares i:nth-child(5){--square-x:4px;--square-y:6px;animation-delay:-1.6s;inset-block-start:100%;inset-inline-start:84%}.header-sync-squares i:nth-child(6){--square-x:-4px;--square-y:6px;animation-delay:-2s;inset-block-start:100%;inset-inline-start:16%}@keyframes header-sync-cloud-travel{to{stroke-dashoffset:-100px}}@keyframes header-sync-square-burst{0%{opacity:0;transform:translate(0)scale(.3)}25%{opacity:.75}65%{opacity:.6;transform:translate(calc(var(--square-x) * .75), calc(var(--square-y) * .75)) scale(1)}to{opacity:0;transform:translate(var(--square-x), var(--square-y)) scale(.15)}}@media (max-width:1100px){.header-sync-cloud{display:block}.header-sync-squares{display:none}.header-sync-text{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@media (max-width:820px){.header-sync-status{inset-inline-start:calc(var(--header-gutter) + min(130px, 64vw) + 16px)}}@media (prefers-reduced-motion:reduce){.header-sync-cloud-flow{animation:none}.header-sync-squares{display:none}}
}

@layer layout {
.site-refresh-notice{z-index:60;border-radius:var(--radius-s);background:var(--blue);color:#fff;pointer-events:none;transform-origin:top;inline-size:max-content;max-inline-size:min(440px,100vw - 32px);margin:0;padding:12px 16px;font-size:.875rem;font-weight:600;line-height:1.6;animation:3s both site-refresh-notice;position:absolute;inset-block-start:calc(100% + 14px);inset-inline-start:50%;translate:-50%}.site-refresh-notice:before{content:"";background:inherit;clip-path:polygon(50% 0,100% 100%,0 100%);block-size:9px;inline-size:14px;position:absolute;inset-block-end:calc(100% - 1px);inset-inline-start:50%;translate:-50%}.site-refresh-notice.is-viewport{position:fixed;inset-block-start:16px}@keyframes site-refresh-notice{0%{opacity:0;transform:translateY(-8px)scale(.9)}10%{opacity:1;transform:translateY(0)scale(1.03)}16%,85%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(1)}}@media (prefers-reduced-motion:reduce){.site-refresh-notice{animation:none}}
}

@layer layout {
.footer-shell{width:min(1180px,100% - 32px);margin:0 auto}.footer-support{--support-surface:#fff;border-block-start:1px solid var(--line);background:var(--support-surface);margin-top:64px;padding-block:64px 56px}.footer-support+.site-footer-area{margin-top:0}.site-footer-area{--footer-cyan:#02cefc;--footer-blue:#1475df;--footer-ink:#fff;--footer-content-gap:36px;--footer-link-gap:36px;--footer-step:40px;--footer-square:calc(var(--footer-step) / 2);isolation:isolate;background-color:var(--footer-blue);background-image:linear-gradient(var(--footer-cyan), var(--footer-cyan)), linear-gradient(var(--footer-cyan), var(--footer-cyan)), linear-gradient(var(--footer-cyan), var(--footer-cyan)), linear-gradient(var(--footer-cyan), var(--footer-cyan));background-size:var(--footer-square) var(--footer-square), calc(var(--footer-square) / 2) calc(var(--footer-square) / 2), var(--footer-square) var(--footer-square), calc(var(--footer-square) / 2) calc(var(--footer-square) / 2);background-position:left calc(var(--footer-step) * 5) top var(--footer-step), left calc(var(--footer-step) * 6) top calc(var(--footer-step) * 2), right calc(var(--footer-step) * 5) bottom var(--footer-step), left calc(var(--footer-step) * 2) bottom calc(var(--footer-step) * 2);background-repeat:no-repeat;margin-top:44px;padding:88px 0 72px;position:relative;overflow:hidden}.site-footer-area:before,.site-footer-area:after{z-index:-1;content:"";pointer-events:none;background:var(--footer-cyan);position:absolute;inset:0}.site-footer-area:before{clip-path:polygon(0 0, calc(var(--footer-step) * 4) 0, calc(var(--footer-step) * 4) var(--footer-step), calc(var(--footer-step) * 3) var(--footer-step), calc(var(--footer-step) * 3) calc(var(--footer-step) * 2), calc(var(--footer-step) * 2) calc(var(--footer-step) * 2), calc(var(--footer-step) * 2) calc(var(--footer-step) * 3), var(--footer-step) calc(var(--footer-step) * 3), var(--footer-step) calc(var(--footer-step) * 4), 0 calc(var(--footer-step) * 4))}.site-footer-area:after{clip-path:polygon(100% calc(100% - var(--footer-step) * 4), 100% 100%, calc(100% - var(--footer-step) * 4) 100%, calc(100% - var(--footer-step) * 4) calc(100% - var(--footer-step)), calc(100% - var(--footer-step) * 3) calc(100% - var(--footer-step)), calc(100% - var(--footer-step) * 3) calc(100% - var(--footer-step) * 2), calc(100% - var(--footer-step) * 2) calc(100% - var(--footer-step) * 2), calc(100% - var(--footer-step) * 2) calc(100% - var(--footer-step) * 3), calc(100% - var(--footer-step)) calc(100% - var(--footer-step) * 3), calc(100% - var(--footer-step)) calc(100% - var(--footer-step) * 4))}.site-footer{justify-items:center;gap:var(--footer-content-gap);color:var(--footer-ink);grid-template-columns:minmax(0,1fr);font-size:1rem;display:grid}.footer-utilities{--footer-utility-width:176px;--footer-utility-gap:24px;inline-size:min(100%, calc(var(--footer-utility-width) * 2 + var(--footer-utility-gap)));justify-content:center;gap:16px var(--footer-utility-gap);grid-template-columns:repeat(2,minmax(0,1fr));min-inline-size:0;max-inline-size:min(100%,100vw - 20px);display:grid}.footer-refresh{display:contents}.footer-refresh-button{border-radius:var(--radius-s);min-block-size:38px;inline-size:100%;color:var(--footer-ink);font:inherit;cursor:pointer;background:0 0;border:1px solid;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:.875rem;font-weight:600;transition:background .16s;display:inline-flex}.footer-refresh-button svg{block-size:20px;inline-size:20px}.footer-refresh-button:disabled{cursor:wait}.footer-refresh-button[aria-busy=true] svg{animation:1s linear infinite footer-refresh-spin}.footer-refresh-button:focus-visible{outline-offset:4px;outline:2px solid}.footer-refresh-error{text-align:start;grid-column:1/-1;margin:0;font-size:.875rem;line-height:1.7}@media (hover:hover){.footer-refresh-button:enabled:hover{background:#fff3}.language-switcher-footer.language-switcher a:hover{background:#ffffff59}}@keyframes footer-refresh-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.footer-refresh-button[aria-busy=true] svg{animation:none}}.language-switcher-footer{border-color:var(--footer-ink);border-radius:var(--radius-s);background:0 0;justify-content:center;width:100%;margin:0;display:flex}.language-switcher-footer.language-switcher a{min-width:56px;min-height:36px;color:var(--footer-ink);flex:1}.language-switcher-footer.language-switcher a[aria-current=page]{background:var(--footer-ink);color:var(--footer-blue)}.footer-nav{width:100%;padding:0 24px}.footer-nav ul{justify-content:center;gap:12px var(--footer-link-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-nav ul+ul{margin-top:20px}.footer-nav ul li{font-weight:600;position:relative}.footer-nav ul li:after{content:"";top:calc(50% - 2px);right:calc(var(--footer-link-gap) / -2 - 2px);background:var(--footer-cyan);width:4px;height:4px;display:inline-block;position:absolute}.footer-nav ul li:last-child:after{content:none}.footer-nav :where(a,.footer-analytics-settings){min-height:44px;color:var(--footer-ink);text-wrap:balance;overflow-wrap:anywhere;align-items:center;padding-block:8px;line-height:1.6;display:inline-flex}.footer-analytics-settings{font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}.footer-nav svg{width:.95em;height:.95em;transform:translateY(1px)}.footer-nav :where(a,.footer-analytics-settings):hover{text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:1px}.footer-nav :where(a,.footer-analytics-settings):focus-visible{outline-offset:4px;outline:2px solid}.copyright{text-align:center;margin:0}.copyright small{letter-spacing:0;font-size:.875rem}.footer-dev-dashboard{color:inherit;text-underline-offset:.2em;padding-block:4px;font-size:12px;text-decoration:underline;display:inline-block;position:absolute;bottom:16px;left:max(16px,50% - 590px)}.footer-dev-dashboard:hover{text-decoration:none}.footer-dev-dashboard:focus-visible{outline-offset:4px;outline:2px solid}@media (max-width:820px){.site-footer-area{--footer-step:32px;padding-block:calc(var(--footer-step) * 4) 64px}.footer-shell{width:min(100% - 20px,760px)}.footer-nav{padding-inline:16px}.footer-nav ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;display:grid}.footer-nav ul+ul{margin-top:8px}.footer-nav ul li:after{content:none}.footer-nav ul li :where(a,.footer-analytics-settings){width:100%;padding-left:14px;position:relative}.footer-nav ul li :where(a,.footer-analytics-settings):before{content:"";background:var(--footer-cyan);width:4px;height:4px;position:absolute;top:21px;left:0}}@media (max-width:520px){.footer-utilities{-moz-column-gap:16px;column-gap:16px}.site-footer-area{--footer-content-gap:32px;--footer-step:36px;padding-block:calc(var(--footer-step) * 4) 64px}.footer-nav{padding-inline:12px}.footer-nav ul{-moz-column-gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.footer-nav ul li{font-size:.875rem}}
}

@layer components {
.analytics-consent{box-sizing:border-box;inset-inline:1rem;z-index:10000;max-width:min(30rem,100vw - 2rem);color:var(--foreground);background:var(--background);border:1px solid var(--line);border-radius:var(--radius-m);margin-inline:auto;padding:1rem;font-size:.85rem;position:fixed;bottom:1rem}@media (min-width:821px){.analytics-consent{max-width:35rem}}@media (max-width:820px){.analytics-consent{inset-inline:10px;width:auto;max-width:none;bottom:10px}}.analytics-consent p{margin:0;line-height:1.7}.analytics-consent p[role=alert]{margin-block-start:1rem}.analytics-consent .analytics-consent-status{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin-block-end:.75rem;display:flex}.analytics-consent a{color:var(--blue-deep);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:.1em}.analytics-consent a:hover{color:var(--blue-dark);text-decoration:none}.analytics-consent :where(a,button):focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}.analytics-consent-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-block-start:1rem;display:flex}.analytics-consent button{border:1px solid var(--blue);border-radius:var(--radius-s);min-height:2.75rem;color:var(--blue-deep);background:var(--card);cursor:pointer;padding:.4rem .75rem}.analytics-consent-actions button{flex:1 1 0;min-width:0;max-width:8rem;font-weight:600}.analytics-consent button:hover{background:var(--sky)}.analytics-consent .analytics-consent-accept{max-width:16rem;color:var(--background);background:var(--blue-deep);flex-grow:2}.analytics-consent .analytics-consent-accept:hover{background:var(--blue-dark)}.analytics-consent .analytics-consent-close{border-radius:var(--radius-full);background:var(--background);place-items:center;width:2rem;min-height:2rem;padding:0;display:grid;position:absolute;top:0;right:0;translate:50% -50%}.analytics-consent-close:before,.analytics-consent-close:after{content:"";background:currentColor;grid-area:1/1;width:.875rem;height:2px;rotate:45deg}.analytics-consent-close:after{rotate:-45deg}@media (max-width:820px){.analytics-consent .analytics-consent-close{translate:10px -50%}}
}

@layer components {
.pending-save-status{z-index:1;position:relative}.game-save-status,.game-save-notice{--save-status-accent:var(--orange);border:1px solid color-mix(in srgb, var(--save-status-accent) 45%, var(--line));border-radius:var(--radius-m);background:color-mix(in srgb, var(--yellow) 8%, white);color:var(--foreground);overflow-wrap:anywhere;margin-block:20px;padding:24px}.game-save-status{gap:16px;display:grid}.game-save-status :where(p){margin:0;font-size:1rem;line-height:1.8}.game-save-status .page-action{white-space:normal;min-width:0;max-width:100%;padding:10px 18px;font-size:1rem;line-height:1.5}.game-save-status .page-action svg{flex:none}.game-save-status .page-action:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}.game-save-status .page-action:disabled{box-shadow:none}.game-save-status-heading{align-items:center;gap:10px;display:flex}.game-save-status-heading>svg{width:28px;height:28px;color:var(--save-status-accent);flex:0 0 28px}.game-save-status-heading .game-save-status-title{margin:0;font-size:1rem;font-weight:800;line-height:1.5}.game-save-recovery-choices{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:0;display:grid}.game-save-recovery-choices legend{margin-bottom:12px;font-weight:700}.game-save-recovery-choice{border:1px solid var(--line);border-radius:var(--radius-s);cursor:pointer;background:#fff;align-items:start;gap:12px;padding:16px;display:flex}.game-save-recovery-choice:has(:checked){border-color:var(--blue);background:color-mix(in srgb, var(--blue) 5%, white)}.game-save-recovery-choice:has(:disabled){color:var(--muted);cursor:default}.game-save-recovery-choice input{width:20px;height:20px;accent-color:var(--blue);flex:0 0 20px;margin:3px 0 0}.game-save-recovery-choice>span{gap:6px;min-width:0;line-height:1.8;display:grid}.game-save-status-diagnostic{color:var(--muted);flex-wrap:wrap;gap:4px 8px;display:flex}.game-save-status-diagnostic code{color:var(--foreground);font-size:.875rem}.game-save-status-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.game-save-status-details{min-width:0}.game-save-status-details>summary{border-radius:var(--radius-s);min-height:44px;color:var(--blue-deep);cursor:pointer;padding-block:10px;font-weight:700;line-height:1.5}.game-save-status-details>summary:hover{color:var(--blue-dark)}.game-save-status-details>summary:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}.game-save-status-details-body{gap:16px;padding-top:8px;display:grid}.game-save-notice{font-size:1rem;line-height:1.8}.game-save-notice.is-success{--save-status-accent:#267348;background:color-mix(in srgb, var(--green) 12%, white)}.game-save-progress{color:var(--muted);margin-block:16px;line-height:1.8}@media (max-width:520px){.game-save-recovery-choices{grid-template-columns:minmax(0,1fr)}.game-save-status,.game-save-notice{padding:18px 16px}.game-save-status-actions{flex-direction:column;align-items:stretch}}
}

@layer components {
.member-workspace{display:contents}.member-login{justify-content:flex-end;margin-block-end:24px;display:flex}.member-card,.member-entry,.member-game-gate{--member-gap:16px;--member-padding:clamp(16px, 3vw, 28px)}.member-card{padding:var(--member-padding);background:var(--card);overflow-wrap:anywhere;border:0;border-radius:0;margin-block:24px}.member-card :where(h1,h2,h3){margin-block:0 var(--member-gap)}.member-card :where(p){line-height:1.8}.member-entry{padding-block:24px}.member-entry-content{min-block-size:240px}.member-entry.is-error{padding-block:0}.member-entry.is-error>.member-card{background:0 0;margin:0;padding:0}.is-error .member-entry-content{justify-items:start;gap:var(--member-gap);min-block-size:0;display:grid}.is-error .member-entry-content>:where(p,.member-actions){margin-block:0}.is-error .member-error+.member-entry-return{margin-block-start:var(--member-gap)}.member-entry.is-setup{--setup-gap:28px;padding-block:0}.member-entry.is-setup>.member-card{background:0 0;border:0;border-radius:0;margin:0;padding:0}.member-entry-title{font-size:var(--font-size-section-heading);text-wrap:wrap;margin-block-end:20px;line-height:1.5}.member-setup :where(p,h2){margin:0}.member-setup-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-block-start:var(--setup-gap);display:grid}.member-setup-choice{flex-direction:column;gap:12px;min-inline-size:0;display:flex}.member-setup-choice h2{align-items:center;gap:8px;font-size:1.1rem;line-height:1.5;display:flex}.member-setup-choice h2:before{content:"";background:var(--latele);flex:0 0 8px;block-size:8px;inline-size:8px}.member-setup-choice p{flex:1}.member-setup-choice .member-setup-transfer-note{color:var(--muted);flex:none}.member-setup-actions{gap:12px;margin-block-start:auto;display:grid}.member-transfer-placeholder{block-size:calc(2em + 8px);margin-block-end:var(--setup-gap)}.member-setup-choice :is(.primary-button,.secondary-button){border-radius:var(--radius-s);inline-size:100%;margin-block-start:4px}.member-setup-choice .primary-button{background:var(--blue);color:#fff;box-shadow:none}.member-setup .member-legal-notice{margin-block-start:16px}.member-transfer-progress{margin-block:0 var(--setup-gap)}.member-transfer-track{border-radius:var(--radius-s);position:relative;overflow:hidden}.member-transfer-pulse{background:linear-gradient(90deg, transparent, var(--blue), var(--latele), transparent);inline-size:35%;animation:1.2s ease-in-out infinite member-transfer-pulse;display:none;position:absolute;inset-block:0;inset-inline-start:0}.member-transfer-track[data-indeterminate] .member-transfer-pulse{display:block}.member-setup-choice button[data-loading]:before{content:"";border:2px solid;border-radius:var(--radius-full);border-inline-end-color:#0000;flex:0 0 16px;block-size:16px;inline-size:16px;margin-inline-end:8px;animation:.8s linear infinite member-enroll-spin}@keyframes member-enroll-spin{to{transform:rotate(1turn)}}@keyframes member-transfer-pulse{0%{transform:translate(-110%)}to{transform:translate(390%)}}.member-setup>.member-error{margin-block-end:var(--setup-gap)}.member-transfer-bar{appearance:none;border-radius:var(--radius-s);background:var(--line);block-size:8px;inline-size:100%;color:var(--blue);visibility:hidden;border:0;display:block;overflow:hidden}.member-transfer-progress[data-active] .member-transfer-bar{visibility:visible}.member-transfer-bar::-webkit-progress-bar{background:var(--line)}.member-transfer-bar::-webkit-progress-value{background:linear-gradient(100deg, var(--blue) 30%, var(--latele) 50%, var(--blue) 70%) 100% 0 / 200% 100%;transition:width .24s ease-out;animation:1.4s linear infinite member-transfer-flow}.member-transfer-bar::-moz-progress-bar{background:linear-gradient(100deg, var(--blue) 30%, var(--latele) 50%, var(--blue) 70%) 100% 0 / 200% 100%;animation:1.4s linear infinite member-transfer-flow}@keyframes member-transfer-flow{to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.member-transfer-pulse,.member-setup-choice button[data-loading]:before{animation:none}.member-transfer-pulse{inset-inline-start:32%}.member-transfer-bar::-webkit-progress-value{transition:none;animation:none}.member-transfer-bar::-moz-progress-bar{animation:none}}.is-setup .member-entry-return{border-radius:var(--radius-s);min-block-size:40px;inline-size:auto;padding:8px 16px}@media (hover:hover){.member-setup-choice .primary-button:hover:not(:disabled){background:var(--blue-deep);box-shadow:none;transform:none}}@media (max-width:820px){.member-setup-choices{grid-template-columns:minmax(0,1fr)}}.member-game-stage{isolation:isolate;position:relative}.member-game-preview{z-index:0;position:relative}.member-game-overlay{pointer-events:none;z-index:2;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:absolute;inset:0}.member-game-overlay-content{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--card);pointer-events:auto;max-inline-size:min(100%,640px);padding:8px 16px;font-size:.85rem}.member-game-overlay.is-action-required{background:#ffffff73;align-items:center}.member-game-overlay.is-action-required .member-game-overlay-content{max-block-size:100%;overflow-y:auto}.member-game-overlay-content .member-card{margin-block:0}.member-actions{gap:var(--member-gap,16px);margin-block:var(--member-gap,16px);flex-wrap:wrap;display:flex}.member-note{color:var(--muted);font-size:.9rem}.member-number{font-size:.9rem}.member-progress{min-block-size:2em}.member-error{color:var(--red)}.member-google-button{--member-google-surface:#fff;--member-google-stroke:#747775;--member-google-ink:#1f1f1f;border:1px solid var(--member-google-stroke);border-radius:var(--radius-s);background:var(--member-google-surface);min-block-size:40px;color:var(--member-google-ink);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding-inline:12px;font-family:Google Sans,Arial,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.member-google-button img{flex:none;block-size:auto;inline-size:20px}.member-card :where(button:disabled),.member-google-button:disabled{opacity:.6;cursor:wait}.member-google-button.is-signed-in:disabled{opacity:1;cursor:default}.member-line-button{--line-login-green:#06c755;--line-login-white:#fff;border-radius:var(--radius-s);background:var(--line-login-green);min-block-size:44px;color:var(--line-login-white);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:700;display:inline-flex}.member-line-button img{flex:0 0 44px}.member-line-button span{white-space:nowrap;border-inline-start:1px solid #00000014;padding-inline:22px}:is(.member-google-button,.member-line-button){--login-hover-shadow:0 5px 12px #10204a38;transition:transform .16s,box-shadow .16s}@media (hover:hover){:is(.member-google-button,.member-line-button):hover:not(:disabled){box-shadow:var(--login-hover-shadow);transform:translateY(-2px)}}:is(.member-google-button,.member-line-button):active:not(:disabled){transform:translateY(0);box-shadow:0 2px 5px #10204a2e}@media (prefers-reduced-motion:reduce){:is(.member-google-button,.member-line-button){transition:none}@media (hover:hover){:is(.member-google-button,.member-line-button):hover:not(:disabled){transform:none}}}.member-line-button:disabled{background:var(--line-login-white);color:#1e1e1e33;cursor:default;border-color:#e5e5e5}.member-line-button:disabled img{filter:brightness(0);opacity:.2}.member-signin-options{gap:12px;display:grid}.member-legal-notice{font-size:.875rem;line-height:1.8}.member-legal-notice .text-link{color:inherit;text-underline-offset:.18em;text-decoration:underline}@media (hover:hover){.member-legal-notice .text-link:hover{text-decoration:none}}.member-legal-notice .text-link:focus-visible{outline-color:currentColor}.member-conflict{margin-block:var(--member-gap);padding-block:var(--member-padding)}:where(.member-game-gate,.member-conflict) h2{font-size:var(--font-size-section-heading);line-height:1.5}.member-conflict h3{font-size:1.1rem;line-height:1.5}.member-conflict-options{gap:var(--member-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.member-conflict-options>div{padding:var(--member-gap);background:var(--background)}.member-support-history,.member-withdraw{margin-block-start:28px}.member-withdraw summary{cursor:pointer}.member-withdraw[open] summary{margin-block-end:20px}.member-support-history li{margin-block:12px}.member-preserve-logout{margin-block:20px}@media (max-width:520px){.member-conflict-options{grid-template-columns:minmax(0,1fr)}}
}

@layer components {
.member-registration,.member-registration-dialog{--registration-gap:24px;--registration-padding:clamp(16px, 3vw, 32px);--registration-blue:var(--blue);--registration-cyan:#02cefc;--registration-yellow:var(--yellow);--registration-button-height:46px}.member-registration{margin-block-end:calc(var(--registration-gap) * 2)}.member-registration.is-inline{margin-block:20px 0}.member-registration.is-inline .member-registration-open{inline-size:fit-content;margin:0;padding-inline:20px}.member-registration-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 20px;display:flex}.member-login-option{align-items:stretch;min-inline-size:0;display:flex;position:relative}.member-login-option>button{flex:auto;min-inline-size:0}.member-login-previous{--previous-login-background:#ed8b23;z-index:1;border:1px solid var(--previous-login-background);background:var(--previous-login-background);color:#fff;white-space:nowrap;pointer-events:none;padding:1px 5px;font-size:10px;font-weight:500;line-height:1.4;position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50% -50%}.member-registration.is-inline .member-registration-actions{justify-content:flex-start}.member-registration .member-login{flex-wrap:wrap;align-items:center;gap:12px;margin-block-end:0}.member-registration .member-login :is(.member-google-button,.member-line-button){min-block-size:var(--registration-button-height)}.member-registration-open{inline-size:280px;max-inline-size:100%;min-block-size:var(--registration-button-height);border:1px solid var(--registration-blue);border-radius:var(--radius-s);background:var(--registration-blue);color:#fff;font:inherit;text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:10px;margin:0;padding:8px 18px;font-size:.875rem;font-weight:700;line-height:1.4;display:flex}@media (hover:hover){.member-registration-open:hover{border-color:var(--blue-deep);background:var(--blue-deep)}}.member-registration-open:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.member-registration-guide{gap:var(--registration-gap);padding:var(--registration-padding);overflow-wrap:anywhere;display:grid}.member-registration-dialog{--registration-surface:#fff;--registration-gap:clamp(32px, 4vw, 48px);--registration-padding:clamp(24px, 4vw, 48px);--registration-group-gap:24px;--registration-related-gap:12px;--registration-heading-gap:8px;--registration-card-padding:clamp(20px, 3vw, 28px);overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--registration-surface);max-block-size:min(92dvh,1100px);inline-size:min(1120px,100% - 32px);max-inline-size:none;color:var(--foreground);border:0;border-radius:0;margin:auto;padding:0;overflow-y:auto}.member-registration-dialog::backdrop{background:#10204a73}.member-registration-dialog:focus{outline:none}html:has(.member-registration-dialog[open]){scrollbar-gutter:stable;overflow-y:hidden}.member-registration-dialog-bar{z-index:1;padding:16px var(--registration-padding);background:var(--registration-blue);color:var(--registration-surface);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;inset-block-start:0}.member-registration-dialog-bar strong{white-space:nowrap;align-items:center;gap:10px;display:flex}.member-registration-dialog-bar strong:before{background:var(--registration-cyan);content:"";block-size:10px;inline-size:10px}.member-registration-dialog-bar .secondary-button{border-color:color-mix(in srgb, var(--registration-surface) 65%, transparent);block-size:44px;inline-size:44px;min-inline-size:0;color:inherit;background:0 0;flex:none;margin:0;padding:0}@media (hover:hover){.member-registration-dialog-bar .secondary-button:hover{background:var(--registration-surface);color:var(--registration-blue)}}.member-registration-dialog-bar .secondary-button:focus-visible{outline:2px solid var(--registration-surface);outline-offset:3px}.member-registration-dialog-bar .secondary-button svg{block-size:24px;inline-size:24px}.member-registration-guide :where(h2,h3,h4,p,ul){margin:0}.member-registration-guide :where(p,li){line-height:1.8}.member-registration-guide h2{font-size:var(--font-size-section-heading);line-height:1.5}.member-registration-guide h3{font-size:1.05rem}.member-registration-heading{isolation:isolate;justify-content:space-between;align-items:flex-start;gap:var(--registration-group-gap);margin:calc(-1 * var(--registration-padding)) calc(-1 * var(--registration-padding)) 0;padding:16px var(--registration-padding) 48px;background:var(--registration-blue);color:var(--registration-surface);flex-wrap:wrap;display:flex;position:relative}.member-registration-heading:after{z-index:-1;background:var(--registration-cyan);clip-path:polygon(100% 0,100% 100%,0 100%,0 75%,25% 75%,25% 50%,50% 50%,50% 25%,75% 25%,75% 0);content:"";block-size:48px;inline-size:48px;position:absolute;inset-block-end:0;inset-inline-end:0}.member-registration-copy{gap:var(--registration-group-gap);flex:320px;display:grid}.member-registration-intro,.member-registration-highlight-heading,.member-registration-privacy-login{gap:var(--registration-related-gap);display:grid}.member-registration-title-group{gap:var(--registration-heading-gap);display:grid}.member-registration-guide .member-signin-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;inline-size:100%;max-inline-size:460px;display:grid}.member-registration-heading .member-signin-options{flex:0 460px}.member-registration-guide .member-signin-options>button{inline-size:100%;min-block-size:var(--registration-button-height)}.member-registration-heading .member-registration-eyebrow{background:var(--registration-yellow);inline-size:fit-content;color:var(--foreground);padding:4px 8px}.member-registration-eyebrow{color:var(--blue-deep);font-size:.85rem;font-weight:700}.member-registration-benefits{gap:var(--registration-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.member-registration-benefit,.member-registration-privacy,.member-registration-future{align-content:start;gap:var(--registration-related-gap);display:grid}.member-registration-privacy{gap:var(--registration-group-gap)}.member-registration-future{gap:16px}.member-registration-benefit h3{align-items:center;gap:10px;display:flex}.member-registration-benefit h3:before{background:var(--registration-cyan);content:"";flex:0 0 10px;block-size:10px}.member-registration-benefit:nth-child(2) h3:before{background:var(--registration-yellow)}.member-registration-guide ul{padding-inline-start:1.3em}.member-registration-guide li+li{margin-block-start:var(--registration-heading-gap)}.member-registration-privacy,.member-registration-future{padding:var(--registration-card-padding);background:var(--background);border:0;border-radius:0}.member-registration-future{background:color-mix(in srgb, var(--registration-yellow) 10%, var(--registration-surface))}.member-registration-future .member-registration-eyebrow{color:var(--foreground)}.member-registration-note{color:var(--muted);font-size:.9rem}.member-registration-cloud{gap:16px;display:grid}.member-registration-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.member-registration-highlight{--registration-feature-accent:var(--registration-blue);align-content:start;gap:var(--registration-related-gap);padding:var(--registration-card-padding);border-block-start:4px solid var(--registration-feature-accent);background:var(--registration-surface);border-radius:0;display:grid}.member-registration-highlight:nth-child(2){--registration-feature-accent:var(--registration-yellow)}.member-registration-highlight:nth-child(3){--registration-feature-accent:var(--registration-cyan)}.member-registration-feature-icon{background:var(--registration-feature-accent);block-size:40px;inline-size:40px;color:var(--foreground);place-items:center;display:grid}.member-registration-highlight:first-child .member-registration-feature-icon{color:var(--registration-surface)}.member-registration-feature-icon svg{block-size:26px;inline-size:26px}.member-registration-highlight h4{color:var(--foreground);text-wrap:balance;font-size:1.25rem;line-height:1.5}.member-registration-cta{margin:0 calc(-1 * var(--registration-padding)) calc(-1 * var(--registration-padding));padding:48px var(--registration-padding);background:var(--registration-blue);color:var(--registration-surface);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}@media (min-width:821px){.member-registration-heading .member-signin-options{flex-basis:224px;grid-template-columns:minmax(0,1fr);align-self:flex-end;max-inline-size:224px}}@media (max-width:820px){.member-registration-benefits,.member-registration-highlights{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.member-registration-guide .member-signin-options{grid-template-columns:minmax(0,1fr)}.member-registration:where(:not(.is-inline)) .member-registration-actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:20px 8px;display:grid}.member-registration:where(:not(.is-inline)) .member-login{display:contents}.member-registration:where(:not(.is-inline)) .member-registration-open{grid-column:1/-1}.member-registration:where(:not(.is-inline)) :is(.member-registration-open,.member-login .member-google-button,.member-login .member-line-button){inline-size:100%;min-inline-size:0;min-block-size:var(--registration-button-height);gap:6px;padding:8px;line-height:1.4}.member-registration:where(:not(.is-inline)) .member-registration-open>span:first-child{text-wrap:balance}.member-registration:where(:not(.is-inline)) .member-login .member-google-button span{word-break:keep-all;text-wrap:balance;min-inline-size:0}.member-registration:where(:not(.is-inline)) .member-login .member-line-button{gap:0;padding:0;font-size:12px}.member-registration:where(:not(.is-inline)) .member-login .member-line-button img{flex-basis:24px;block-size:24px;inline-size:24px}.member-registration:where(:not(.is-inline)) .member-login .member-line-button span{padding-inline:7px}}@media (max-width:340px){.member-registration:where(:not(.is-inline)) .member-login .member-line-button{font-size:11px}}
}

@layer components {
.member-registration-preview{z-index:100;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-inline-size:calc(100% - 32px);display:flex;position:fixed;inset-block-end:calc(16px + env(safe-area-inset-bottom,0px));inset-inline-end:16px}.member-registration-complete{box-sizing:border-box;block-size:fit-content;max-block-size:calc(100dvh - 32px);inline-size:min(480px,100% - 32px);max-inline-size:none;color:var(--foreground);background:#fff;border:0;border-radius:0;margin:auto;padding:40px 28px 32px;position:fixed;inset:0;overflow:auto}.member-registration-complete::backdrop{background:#08102699}.member-registration-complete:focus{outline:none}html:has(.member-registration-complete[open]){scrollbar-gutter:stable;overflow-y:hidden}.member-registration-complete-content{z-index:1;text-align:center;justify-items:center;gap:24px;display:grid;position:relative}.member-registration-complete-content :where(h2,p){margin:0}.member-registration-complete-content h2{font-size:var(--font-size-section-heading);text-wrap:balance;line-height:1.5}.member-registration-complete-content p{text-wrap:balance;line-height:1.8}.member-registration-complete-icon{background:var(--blue);color:#fff;place-items:center;block-size:64px;inline-size:64px;display:grid}.member-registration-complete-icon svg{block-size:44px;inline-size:44px}.member-registration-complete-close{z-index:2;border-radius:var(--radius-s);block-size:40px;inline-size:40px;color:var(--blue-dark);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid;position:absolute;inset:8px 8px auto auto}.member-registration-complete-close svg{block-size:24px;inline-size:24px}@media (hover:hover){.member-registration-complete-close:hover{border-color:var(--blue);background:var(--background)}}.member-registration-confetti{z-index:0;pointer-events:none;block-size:100%;inline-size:100%;display:block;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.member-registration-confetti{display:none}}@media (max-width:520px){.member-registration-complete{padding:40px 20px 28px}}
}

@layer components {
.member-account-dashboard{--account-gap:24px;gap:var(--account-gap);margin-block-end:48px;display:grid}.member-account-dashboard :where(h2,h3,p,dl,dd){margin:0}.member-home-tools{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 24px;display:flex}.member-home-sync{flex:260px;gap:12px;min-inline-size:0;display:grid}.member-home-sync-time{color:var(--muted);margin:0}.member-home-sync-row,.member-home-sync-state,.member-home-actions{align-items:center;gap:8px;display:flex}.member-home-sync-state{color:var(--blue-deep);font-size:.9rem;font-weight:700}.member-home-sync-state[data-attention]{color:var(--red)}.member-home-sync-state svg{flex:none;block-size:20px;inline-size:20px}.member-home-sync-refresh{border-radius:var(--radius-s);block-size:40px;inline-size:40px;color:var(--blue-deep);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.member-home-sync-refresh svg{block-size:22px;inline-size:22px}.member-home-sync-refresh:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (hover:hover){.member-home-sync-refresh:hover:not(:disabled){border-color:var(--blue);background:var(--background)}}.member-home-actions{flex-wrap:wrap;flex:360px;justify-content:flex-end;gap:16px;min-inline-size:0}.member-home-actions>.page-action{border-radius:var(--radius-s);margin:0}.member-home-logout{gap:6px}.member-home-logout svg{block-size:18px;inline-size:18px}.member-home-actions>.member-operation-feedback{flex-basis:100%}@media (max-width:520px){.member-home-actions{justify-content:stretch}.member-home-actions>:is(a,button){flex:100%}}.member-account-identity,.member-account-person{align-items:center;gap:var(--account-gap);flex-wrap:wrap;justify-content:space-between;display:flex}.member-account-person{flex:340px;grid-template-columns:auto minmax(0,1fr);justify-content:start;display:grid}.member-account-person>div{gap:4px;display:grid}.member-account-person :where(.member-account-badge,.member-note){line-height:1.5}.member-account-person h2{font-size:var(--font-size-section-heading);line-height:1.3}.member-account-avatar{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-m);block-size:112px;inline-size:112px;display:block}.member-account-badge{color:var(--blue-deep);font-size:1rem;font-weight:700}.member-account-details{gap:12px;min-inline-size:0;display:grid}.member-account-details dt{color:var(--muted);font-size:.85rem}.member-account-details code{overflow-wrap:anywhere;text-transform:uppercase}.member-login-methods{gap:12px;display:grid}.member-login-methods ul{flex-wrap:wrap;gap:16px 32px;margin:0;padding:0;list-style:none;display:flex}.member-login-methods li{align-items:center;gap:12px;display:flex}.member-unlink-open{min-block-size:32px;color:var(--red);font:inherit;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;text-decoration:underline}@media (hover:hover){.member-unlink-open:hover:not(:disabled){text-decoration:none}}.member-unlink-panel{background:var(--background);gap:12px;padding:20px;display:grid}.member-unlink-panel h4,.member-unlink-panel .member-actions{margin:0}.member-unlink-confirm{border-color:var(--red);color:var(--red)}@media (hover:hover){.member-unlink-confirm:hover:not(:disabled){border-color:var(--red);background:color-mix(in srgb, var(--red) 8%, #fff);color:var(--red)}}.member-operation-feedback{background:var(--background);gap:12px;inline-size:100%;padding:16px;scroll-margin-block:100px;display:grid}.member-operation-feedback:focus{outline:none}.member-operation-feedback :where(p,.member-actions){margin:0}.member-withdraw{--withdraw-ink:color-mix(in srgb, var(--red) 70%, #000);--withdraw-surface:color-mix(in srgb, var(--red) 6%, #fff);--withdraw-line:color-mix(in srgb, var(--red) 45%, #fff);border:1px solid var(--withdraw-line);border-radius:var(--radius-m);background:var(--withdraw-surface);margin:0;padding:20px}.member-withdraw :where(h3,p){margin:0}.member-account-person .member-note{font-size:1rem}.member-account-avatar-edit,.member-account-name-edit{border-radius:var(--radius-s);color:var(--blue-deep);cursor:pointer;background:0 0;border:1px solid #0000;padding:0}.member-account-avatar-edit{border:0;position:relative}.member-account-avatar-edit-icon{border:2px solid var(--card);border-radius:var(--radius-s);background:var(--blue);color:#fff;place-items:center;block-size:32px;inline-size:32px;display:grid;position:absolute;inset:auto -4px -4px auto}.member-account-avatar-edit-icon svg{block-size:20px;inline-size:20px}.member-account-name{align-items:center;gap:8px;display:flex}.member-account-name h2{overflow-wrap:anywhere;min-inline-size:0}.member-account-name-edit{flex:0 0 44px;place-items:center;block-size:44px;inline-size:44px;display:grid}.member-account-name-edit svg{block-size:24px;inline-size:24px}:is(.member-account-avatar-edit,.member-account-name-edit):focus-visible{outline:2px solid var(--blue);outline-offset:4px}@media (hover:hover){.member-account-avatar-edit:hover .member-account-avatar-edit-icon{background:var(--blue-deep)}.member-account-name-edit:hover{border-color:var(--blue);background:var(--background)}}@media (max-width:520px){.member-account-person{gap:16px}.member-account-avatar{block-size:96px;inline-size:96px}}.member-withdraw summary{color:var(--withdraw-ink);font-weight:700}.member-withdraw summary:focus-visible{outline:2px solid var(--withdraw-ink);outline-offset:4px}.member-withdraw-content{gap:12px;display:grid}.member-withdraw-content>.member-actions{margin:0}.member-withdraw-warning{color:var(--withdraw-ink)}.member-withdraw .member-withdraw-contact{text-underline-offset:.18em;text-decoration:underline}@media (hover:hover){.member-withdraw .member-withdraw-contact:hover{text-decoration:none}}.member-withdraw [data-member-withdraw-confirm]{border-color:var(--withdraw-ink);background:var(--withdraw-ink);color:#fff}@media (hover:hover){.member-withdraw [data-member-withdraw-confirm]:hover:not(:disabled){background:color-mix(in srgb, var(--withdraw-ink) 85%, #000)}}.member-withdraw [data-member-withdraw-confirm]:focus-visible{outline:2px solid var(--withdraw-ink);outline-offset:3px}
}

@layer components {
.member-page-loading-section{--member-loading-gap:24px;--member-loading-fill:color-mix(in srgb, var(--line) 42%, white);min-inline-size:0}.member-page-loading-status{margin-block:0 var(--member-loading-gap);color:var(--muted)}.member-page-loading-fields{align-items:center;gap:var(--member-loading-gap);min-block-size:140px;display:flex}.member-page-loading-fields.is-profile{min-block-size:180px}.member-page-loading-avatar{background:var(--member-loading-fill);flex:0 0 96px;block-size:96px}.member-page-loading-lines{flex:1;gap:16px;min-inline-size:0;max-inline-size:520px;display:grid}.member-page-loading-line{background:var(--member-loading-fill);block-size:16px;display:block}.member-page-loading-line.is-short{inline-size:40%}.member-page-loading-line.is-medium{inline-size:70%}
}

@layer components {
.member-choice-flow{--choice-gap:24px;--choice-detail-gap:12px;--member-gap:16px;gap:var(--choice-gap);display:grid}:where(.member-choice-flow,.member-choice-status) :where(h2,h3,p,dl){margin-block:0}:where(.member-choice-flow,.member-choice-status) h2{font-size:var(--font-size-section-heading);line-height:1.5}.member-choice-card h3{font-size:1.1rem;line-height:1.5}.member-choice-person{align-items:center;gap:16px;display:flex}.member-choice-person>:is(h2,p){overflow-wrap:anywhere;min-inline-size:0}.member-choice-avatar{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-s);flex:0 0 64px;block-size:64px;inline-size:64px}:where(.member-choice-flow) .member-actions{margin-block:0}.member-choice-review-actions{justify-content:space-between;align-items:start;gap:var(--member-gap);flex-wrap:wrap;display:flex}.member-choice-warning,.member-choice-status,.member-choice-confirm{gap:16px;padding:0;display:grid}.member-choice-warning{background:color-mix(in srgb, var(--red) 5%, #fff);padding:24px}.member-choice-status>.primary-button{margin-block-start:16px}.member-choice-warning h2,.member-choice-discard{color:var(--red)}.member-choice-grid{gap:var(--choice-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.member-choice-acknowledgements{gap:4px;display:grid}:where(.member-choice-confirm) .member-actions{margin-block-start:var(--member-gap)}.member-choice-card{gap:var(--choice-detail-gap);background:var(--background);border:0;flex-direction:column;min-inline-size:0;margin:0;padding:20px;display:flex}.member-choice-card[data-selected]{background:color-mix(in srgb, var(--blue) 9%, #fff)}.member-choice-card legend{padding:0 0 12px;font-weight:700}.member-choice-card dl,.member-choice-confirm dl{gap:var(--choice-detail-gap);margin-block:0;display:grid}.member-choice-card dt,.member-choice-confirm dt{font-weight:700}.member-choice-card dd,.member-choice-confirm dd{margin:4px 0 0}.member-choice-confirm .member-choice-summary{gap:var(--choice-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.member-choice-summary>div{background:var(--background);min-inline-size:0;padding:20px}.member-choice-summary>.member-choice-discard{background:color-mix(in srgb, var(--red) 5%, #fff)}.member-choice-summary>div>dd{gap:var(--choice-detail-gap);color:var(--foreground);margin-block-start:16px;display:grid}.member-choice-summary-name{font-weight:700}.member-choice-summary-dates dt{color:var(--muted);font-weight:400}.member-choice-flow code{overflow-wrap:anywhere;display:block}.member-choice-games{gap:12px;max-block-size:320px;margin-block:0;padding-inline-start:20px;display:grid;overflow:auto}.member-choice-games li>*{display:block}.member-choice-select,.member-choice-confirm label{cursor:pointer;align-items:flex-start;gap:12px;padding-block:12px;display:flex}.member-choice-acknowledgements label{padding-block:4px}.member-choice-select{color:var(--blue-deep);margin-block-start:auto;font-weight:700}.member-choice-select input,.member-choice-confirm input{block-size:20px;inline-size:20px;accent-color:var(--blue);flex-shrink:0;margin:3px 0 0}:where(.member-choice-flow,.member-choice-status) :is(.primary-button,.secondary-button,.member-choice-delete){border-radius:var(--radius-s);text-align:center;min-block-size:46px;box-shadow:none;justify-content:center;justify-self:start;align-items:center;padding:10px 22px;line-height:1.5;transition:background-color .18s,border-color .18s;display:inline-flex}:where(.member-choice-flow,.member-choice-status) .primary-button{background:var(--blue);color:#fff}.member-choice-delete{border:1px solid var(--red);background:var(--red);color:#fff;cursor:pointer;font-weight:700}@media (hover:hover){:where(.member-choice-flow,.member-choice-status) .primary-button:hover:not(:disabled){background:var(--blue-deep);border-color:var(--blue-deep);box-shadow:none;transform:none}:where(.member-choice-flow,.member-choice-status) .secondary-button:hover:not(:disabled){background:var(--background);border-color:var(--blue);transform:none}.member-choice-delete:hover:not(:disabled){background:color-mix(in srgb, var(--red) 85%, #000)}}:where(.member-choice-flow,.member-choice-status) :is(.primary-button,.secondary-button,.member-choice-delete):disabled{opacity:.62;cursor:default;box-shadow:none;transform:none}@media (max-width:820px){.member-choice-grid,.member-choice-confirm .member-choice-summary{grid-template-columns:minmax(0,1fr)}}
}

@layer components {
.member-restore{--restore-gap:28px;gap:var(--restore-gap);display:grid}.member-restore :where(h2,p,dl,dd,.member-actions){margin:0}.member-restore-heading{gap:16px;display:grid}.member-restore-status{color:var(--muted);align-items:center;gap:8px;font-weight:700;display:flex}.member-restore-status:before{content:"";background:var(--latele);flex:none;block-size:8px;inline-size:8px}.member-restore-heading h2{font-size:var(--font-size-section-heading);text-wrap:wrap;line-height:1.5}.member-restore p{line-height:1.8}.member-restore-deadline{background:var(--background);padding:20px 24px}.member-restore-deadline>div{gap:8px;display:grid}.member-restore-deadline dt{color:var(--muted)}.member-restore-deadline dd{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.member-restore-note{color:var(--muted)}.member-restore-feedback{gap:16px;display:grid}.member-restore-actions{flex-wrap:wrap;gap:16px;display:flex}.member-restore-actions :is(.primary-button,.secondary-button){border-radius:var(--radius-s);min-block-size:46px;padding-inline:24px}.member-restore-actions .primary-button{background:var(--blue);color:#fff;box-shadow:none}@media (hover:hover){.member-restore-actions .primary-button:hover:not(:disabled){background:var(--blue-deep);color:#fff;box-shadow:none}}@media (max-width:520px){.member-restore-actions{flex-direction:column}.member-restore-actions :is(.primary-button,.secondary-button){inline-size:100%}}
}

@layer components {
.member-withdrawal-complete{background:var(--background);gap:12px;margin-block-end:32px;padding:24px;display:grid}.member-withdrawal-complete :where(h2,p){margin:0}.member-withdrawal-complete h2{font-size:var(--font-size-section-heading);align-items:center;gap:12px;line-height:1.5;display:flex}.member-withdrawal-complete h2 svg{block-size:1.4em;inline-size:1.4em;color:var(--blue);flex:0 0 1.4em}.member-withdrawal-complete p{line-height:1.8}
}

@layer components {
.member-support-payment{margin-block:16px}.member-support-amounts{flex-wrap:wrap;gap:12px;margin:0 0 10px;display:flex}.member-support-amount-button{border:1px solid var(--blue);border-radius:var(--radius-s);background:var(--blue);color:#fff;min-block-size:48px;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;justify-content:center;align-items:center;padding:10px 24px;font-weight:700;transition:background .16s,border-color .16s;display:inline-flex}.member-support-amount-button:disabled{opacity:.6;cursor:wait}.member-support-amount-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.member-support-payment-note{font-size:.875rem;line-height:1.4}@media (hover:hover){.member-support-amount-button:where(a,:enabled):hover{background:var(--blue-deep);border-color:var(--blue-deep)}}.member-support-toggle{white-space:nowrap;gap:8px;padding-inline:12px}.member-support-toggle svg{flex:none;block-size:20px;inline-size:20px}.member-support-toggle[aria-expanded=true] svg{rotate:180deg}.member-support-content{--support-history-surface:#fff;inline-size:100%;position:relative}.member-support-list{overscroll-behavior:contain;scrollbar-gutter:stable;gap:12px;max-block-size:360px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.member-support-history .member-support-entry{background:var(--background);gap:10px;margin:0;padding:16px;display:grid}.member-support-entry-main,.member-support-entry-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.member-support-amount{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700}.member-support-entry-meta{color:var(--muted);font-size:.85rem}.member-support-state{--support-state-color:var(--muted);border:1px solid color-mix(in srgb, var(--support-state-color) 25%, #fff);border-radius:var(--radius-s);background:color-mix(in srgb, var(--support-state-color) 6%, #fff);color:var(--support-state-color);padding:3px 8px;font-size:.8rem;font-weight:700}.member-support-state[data-state=paid]{--support-state-color:color-mix(in srgb, var(--green) 40%, #000)}.member-support-state[data-state=disputed]{--support-state-color:color-mix(in srgb, var(--orange) 70%, #000)}.member-support-state[data-state=failed]{--support-state-color:color-mix(in srgb, var(--red) 70%, #000)}.member-support-empty{background:var(--background);color:var(--muted);padding:16px}.member-support-loading{z-index:1;background:var(--support-history-surface);color:var(--muted);padding:4px 8px;font-size:.85rem;position:absolute;inset-block-start:0;inset-inline-end:0}.member-support-content[aria-busy=true]{min-block-size:40px}
}

@layer components {
@media (prefers-reduced-motion:no-preference){@supports selector(::details-content){@supports (interpolate-size:allow-keywords) and (transition-behavior:allow-discrete){.accordion::details-content{interpolate-size:allow-keywords;block-size:0;transition:block-size .24s ease, content-visibility .24s allow-discrete;overflow:clip}.accordion[open]::details-content{block-size:auto}}}}.accordion{border:1px solid var(--line);border-radius:var(--radius-s);background:#fffffff0;overflow:hidden}.accordion summary{color:#0d3f8d;cursor:pointer;align-items:center;min-height:56px;padding:15px 52px 15px 18px;font-size:1.08rem;font-weight:700;line-height:1.45;list-style:none;display:flex;position:relative}.accordion summary::-webkit-details-marker{display:none}.accordion summary:before,.accordion summary:after{content:"";border-radius:var(--radius-full);background:var(--blue);width:16px;height:2px;transition:opacity .18s;position:absolute;right:18px}.accordion summary:before{transform:rotate(90deg)}.accordion[open] summary{border-bottom:1px solid var(--line)}.accordion[open] summary:before{opacity:0}.accordion summary:focus-visible{outline:3px solid var(--blue-deep);outline-offset:-3px}.accordion-content{color:var(--foreground);gap:24px;padding:24px 18px;display:grid}.accordion-content>*{margin:0}.accordion-content h2,.accordion-content h3{color:#0d3f8d;margin:0;font-weight:700;line-height:1.5}.accordion-content h2{font-size:1.2rem}.accordion-content h3{font-size:1.05rem}.accordion-content p,.accordion-content li{color:var(--foreground)}.accordion-content p{margin:0;line-height:1.8}.accordion-content li{line-height:1.5}.accordion-content ol,.accordion-content ul{gap:10px;margin:0;padding-left:2.25em;display:grid}.accordion-content strong{color:var(--foreground)}@media (max-width:520px){.accordion summary{padding-inline:14px 48px}.accordion summary:before,.accordion summary:after{right:14px}.accordion-content{gap:20px;padding:20px 14px}}
}

@layer components {
.page-danger-section{--danger-ink:color-mix(in srgb, var(--red) 72%, var(--foreground));--danger-line:color-mix(in srgb, var(--red) 28%, white);border:2px solid var(--red);border-radius:var(--radius-m);background:color-mix(in srgb, var(--red) 3%, white);gap:24px;padding:24px;display:grid}.page-danger-header{gap:8px;display:grid}.page-danger-header>h2{color:var(--foreground);margin:0;font-size:1.4rem;font-weight:700;line-height:1.5}.page-danger-content{min-width:0}.page-danger-label{color:var(--danger-ink);text-transform:uppercase;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.page-danger-label svg{flex:none;width:24px;height:24px}@media (max-width:520px){.page-danger-section{gap:20px;padding:18px 14px}}
}

@layer components {
.game-catalog{--catalog-tab-surface:#fff;--catalog-tab-hover:color-mix(in srgb, var(--blue) 9%, white)}.game-catalog-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-category-tabs{border-bottom:3px solid var(--blue);background:var(--catalog-tab-surface);grid-template-columns:repeat(9,minmax(0,1fr));gap:0;margin:24px 0 28px;display:grid}@media (max-width:820px){.game-category-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}.game-category-tab{--game-category-icon-size:24px;grid-template-rows:var(--game-category-icon-size) auto;min-width:0;min-height:72px;color:var(--blue-deep);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;place-content:center;place-items:center;gap:6px;padding:12px 6px;font-size:.875rem;font-weight:700;line-height:1.4;transition:background-color .16s,border-color .16s,color .16s;display:grid}.game-category-tab svg{width:var(--game-category-icon-size);height:var(--game-category-icon-size);color:var(--game-category-icon-color,currentColor);display:block}.game-category-tab span{overflow-wrap:anywhere;text-wrap:balance;max-width:100%}.game-category-tab:where([data-category=all]){--game-category-icon-color:var(--muted)}.game-category-tab:where([data-category=puzzle]){--game-category-icon-color:var(--orange)}.game-category-tab:where([data-category=knowledge]){--game-category-icon-color:var(--latele)}.game-category-tab:where([data-category=memory]){--game-category-icon-color:#7858b8}.game-category-tab:where([data-category=calculation]){--game-category-icon-color:color-mix(in srgb, var(--green) 65%, var(--foreground))}.game-category-tab:where([data-category=reflex]){--game-category-icon-color:#b87e10}.game-category-tab:where([data-category=timing]){--game-category-icon-color:#c54b75}.game-category-tab:where([data-category=action]){--game-category-icon-color:var(--red)}.game-category-tab:where([data-category=sugoroku]){--game-category-icon-color:#5266ae}.game-category-tab:focus-visible{outline:2px solid var(--blue-deep);outline-offset:-4px}.game-category-tab.is-active{--game-category-icon-color:currentColor;border-bottom-color:var(--blue);background:var(--blue);color:#fff}.game-catalog-panel.is-animated{animation:.22s both game-catalog-panel-enter}@keyframes game-catalog-panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:520px){.game-category-tabs{margin:20px 0 24px}.game-category-tab{--game-category-icon-size:22px;grid-template-rows:var(--game-category-icon-size) 2.8em;min-height:80px;padding:8px 3px;font-size:.8125rem}}.game-category-tabs:where(.is-home,.is-collections){border-radius:var(--radius-s) var(--radius-s) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.game-category-tabs:where(.is-home,.is-collections) .game-category-tab{justify-content:center;align-items:center;gap:10px;min-height:64px;padding:16px 12px;font-size:1rem;display:flex}.game-category-tabs:where(.is-home,.is-collections) .game-category-tab svg{flex:none}.game-category-tabs.is-collections:where(:has(+.is-category-filters)){margin-bottom:16px}.game-category-tabs.is-category-filters{background:0 0;border:0;gap:10px;margin-top:0}.game-category-tabs.is-category-filters .game-category-tab{--game-category-icon-size:30px;grid-template-rows:var(--game-category-icon-size) auto;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--card);min-height:84px;padding:14px 2px;line-height:1.2;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}.game-category-tabs.is-category-filters .game-category-tab.is-active{border-color:var(--blue);background:var(--blue);box-shadow:0 4px 12px #0068d238}.game-category-tabs.is-category-filters .game-category-tab:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}@media (hover:hover){.game-category-tab:hover{border-bottom-color:var(--blue);background:var(--catalog-tab-hover)}.game-category-tab.is-active:hover{background:var(--blue-deep)}.game-category-tabs.is-category-filters .game-category-tab:hover{border-color:var(--blue);box-shadow:var(--shadow-s);transform:translateY(-2px)}}@media (max-width:520px){.game-category-tabs:where(.is-home,.is-collections) .game-category-tab{grid-template-rows:20px auto;gap:6px;min-height:72px;padding:12px 6px;font-size:.8125rem;display:grid}.game-category-tabs:where(.is-home,.is-collections) .game-category-tab svg{width:20px;height:20px}.game-category-tabs.is-category-filters{gap:3px}.game-category-tabs.is-category-filters .game-category-tab{--game-category-icon-size:24px;gap:5px;min-height:64px;padding:11px 1px;font-size:.75rem;font-weight:500}}@media (prefers-reduced-motion:reduce){.game-category-tab,.game-category-tabs.is-category-filters .game-category-tab,.game-catalog-panel.is-animated{transition:none;animation:none}}
}

@layer components {
.game-card p{color:var(--muted);font-size:.95rem;line-height:1.6}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.game-card{flex-direction:column;line-height:1.5;transition:border-color .16s,box-shadow .16s;display:flex;position:relative}.game-card-link{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--card);flex-direction:column;flex:1;display:flex;overflow:hidden}.game-card:has(.game-card-link:focus-visible){outline:3px solid var(--blue-deep);outline-offset:3px}@media (prefers-reduced-motion:reduce){.game-card{transition:none}}.game-card-placeholder{visibility:hidden;min-height:1px}.game-thumb{aspect-ratio:1200/630;background:#e8f7ff;display:block;overflow:hidden}.game-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media (hover:hover){.game-card{transition:transform .3s}.game-card:hover{transform:translateY(-3px)}:is(.game-card-link,.game-card-link:has(.game-card-link:focus-visible)){transition:border-color .3s}:is(.game-card-link,.game-card-link:has(.game-card-link:focus-visible)):hover{border-color:var(--blue);box-shadow:var(--shadow-s)}}.game-ranking-badge{border-radius:var(--radius-s);color:#fff;pointer-events:none;background:#ff4500;padding:4px 8px;font-size:.75rem;font-weight:700;line-height:1.2;position:absolute;bottom:8px;left:8px}.game-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.game-meta{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:8px;display:flex}.game-meta ul{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;width:100%;margin:0;padding:0;list-style:none;display:flex}.game-label{color:var(--blue);margin:0;font-size:.82rem;font-weight:700}.game-card h3{margin:0 0 5px;font-size:1.45rem;font-weight:500}.game-objective{border-radius:var(--radius-full);color:#145cb2;background:#eef7ff;flex-wrap:wrap;gap:8px;margin:0 0 0 auto;padding:3px 8px;font-size:.75rem;font-weight:700;display:flex}.game-card-body h3+p{margin:0}@media (max-width:900px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.game-card-placeholder{display:none}}@media (max-width:820px){.game-card-body{padding:10px;font-size:90%}.game-card-body .game-meta{gap:6px}.game-card-body .game-meta li.game-label{font-size:.6em}.game-card-body .game-objective{padding:3px 6px;font-size:.6rem}.game-card-body .game-label{margin-bottom:0}.game-card-body h3{margin-bottom:5px;font-size:1.1rem}.game-card-body p{font-size:.8rem}}@media (max-width:520px){.game-ranking-badge{padding:3px 6px;font-size:.65rem;bottom:5px;left:5px}}
}

@layer components {
.game-thumb-area{position:relative}.game-favorite-button{border:2px solid var(--blue);border-radius:var(--radius-full);color:var(--blue-deep);font:inherit;cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:7px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex}.game-favorite-button svg{flex:none;width:1.35em;height:1.35em}.game-favorite-button span{transform:translateY(-1px)}.game-favorite-button.is-card{width:36px;height:36px;box-shadow:var(--shadow-s);border-color:#fff;position:absolute;top:8px;right:8px}.game-favorite-button.is-action{gap:2px;padding:6px 12px}.game-favorite-button.is-favorite{color:#eb8500;border-color:#eb9800}.game-favorite-button:hover{box-shadow:var(--shadow-s);transform:translateY(-2px)}.game-favorite-button:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}@media (max-width:520px){.game-favorite-button.is-action{font-size:.9rem}.game-favorite-button.is-card{width:30px;height:30px;top:5px;right:5px}}@media (prefers-reduced-motion:reduce){.game-favorite-button{transition:none}}
}

@layer components {
.game-sound-setting{color:#164976;align-items:center;gap:6px;width:100%;margin:0 0 10px;font-size:.9rem;font-weight:700;display:flex}.game-sound-setting>span{align-items:center;gap:.4em;margin-right:auto;display:inline-flex}.game-sound-setting>span svg{width:1.35em;height:1.35em;color:var(--blue)}
}

@layer components {
.setting-switch-control{--switch-width:52px;--switch-height:28px;--switch-thumb-size:20px;--switch-inset:3px;flex:0 0 var(--switch-width);inline-size:var(--switch-width);block-size:var(--switch-control-height,36px);cursor:pointer;align-items:center;margin:0;display:inline-flex;position:relative}.setting-switch-control>input{opacity:0;block-size:max(44px,100%);inline-size:100%;cursor:inherit;z-index:1;margin:0;position:absolute;inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.setting-switch-track{box-sizing:border-box;inline-size:var(--switch-width);block-size:var(--switch-height);border:1px solid var(--switch-off-border,var(--switch-off,var(--muted)));border-radius:var(--radius-s);background:var(--switch-off,var(--muted));transition:background-color .16s,border-color .16s;display:block}.setting-switch-track:after{content:"";inline-size:var(--switch-thumb-size);block-size:var(--switch-thumb-size);margin:var(--switch-inset);border-radius:var(--radius-s);background:var(--switch-thumb,#fff);transition:transform .16s;display:block}.setting-switch-control>input:checked+.setting-switch-track{background:var(--switch-on,var(--blue));border-color:var(--switch-on-border,var(--switch-on,var(--blue)))}.setting-switch-control>input:checked+.setting-switch-track:after{background:var(--switch-on-thumb,var(--switch-thumb,#fff));transform:translateX(calc(var(--switch-width) - var(--switch-thumb-size) - 2 * var(--switch-inset) - 2px))}.setting-switch-control>input:focus-visible+.setting-switch-track{outline:3px solid var(--switch-focus,var(--switch-on,var(--blue-deep)));outline-offset:3px}.setting-switch-control:has(input:disabled){cursor:not-allowed}.setting-switch-control>input:disabled+.setting-switch-track{opacity:.5}@media (hover:hover){.setting-switch-control>input:enabled:hover+.setting-switch-track{border-color:var(--switch-hover,var(--switch-on,var(--blue-dark)));filter:brightness(.9)}}@media (prefers-reduced-motion:reduce){.setting-switch-track,.setting-switch-track:after{transition:none}}
}

@layer components {
.ranking-confirm-trigger.is-danger,.ranking-confirm-popover.is-danger{--ranking-danger-border:#e0b9ae;--ranking-danger-bg:#fff7f4;--ranking-danger-text:#9b543f;--ranking-danger-action-border:#963d2e;--ranking-danger-action-bg:#b94f3b;--ranking-danger-action-text:#fff}.ranking-confirm-trigger.is-danger{border-color:var(--ranking-danger-border);background:var(--ranking-danger-bg);color:var(--ranking-danger-text)}.ranking-confirm-popover.is-danger .ranking-confirm-accept{border-color:var(--ranking-danger-action-border);background:var(--ranking-danger-action-bg);color:var(--ranking-danger-action-text)}.ranking-confirm-popover{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--card);width:min(22rem,100vw - 24px);color:var(--blue-dark);text-align:left;margin:0;padding:12px;position:fixed;inset:auto;overflow:visible;box-shadow:0 4px 14px #18324a29}.ranking-confirm-popover:popover-open{animation:.18s ease-out ranking-confirm-in}.ranking-confirm-popover:before{content:"";left:var(--ranking-arrow-x);background:var(--card);width:.75rem;height:.75rem;position:absolute}.ranking-confirm-popover[data-side=above]:before{border-right:1px solid var(--line);border-bottom:1px solid var(--line);bottom:-.425rem;transform:translate(-50%)rotate(45deg)}.ranking-confirm-popover[data-side=below]:before{border-top:1px solid var(--line);border-left:1px solid var(--line);top:-.425rem;transform:translate(-50%)rotate(45deg)}.ranking-confirm-popover p{white-space:pre-line;max-height:calc(100dvh - 110px);margin:0;font-size:.9rem;font-weight:700;line-height:1.65;overflow-y:auto}.ranking-confirm-popover.is-danger p{color:var(--foreground)}.ranking-confirm-popover.is-danger .ranking-confirm-accept{font-weight:700}.ranking-confirm-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.ranking-confirm-popover button{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--card);min-height:2.25rem;color:var(--blue-dark);font:inherit;cursor:pointer;padding:.4rem;font-size:.82rem}.ranking-confirm-popover.is-primary .ranking-confirm-accept{border-color:var(--blue);background:var(--blue);color:#fff}@media (hover:hover){.ranking-confirm-popover button:enabled:hover{filter:brightness(.94)}}@keyframes ranking-confirm-in{0%{opacity:0;transform:translateY(.5rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.ranking-confirm-popover:popover-open{animation:none}}
}

@layer components {
.confirmation-actions{flex-wrap:nowrap;gap:12px;display:flex}.confirmation-actions>:is(button,.page-action){min-inline-size:0;max-inline-size:100%}@media (max-width:520px){.confirmation-actions{flex-direction:column-reverse;inline-size:100%}.confirmation-actions>:is(button,.page-action){inline-size:100%}}
}

@layer components {
.ofuse-link,.stripe-link{box-sizing:border-box;border-radius:var(--radius-s);color:#2882a7;letter-spacing:0;word-break:break-all;cursor:pointer;background-color:#fff;background-repeat:no-repeat;border:1px solid #2882a7;justify-content:center;align-items:center;width:auto;min-height:78px;padding:18px clamp(0px,5.71429vw,24px);font-size:1.2rem;font-weight:700;line-height:1.4;text-decoration:none;transition:box-shadow .18s,transform .18s;display:flex}@media (hover:hover){.ofuse-link:hover,.stripe-link:hover{transform:translateY(-2px)}}.ofuse-link{color:#fff;background-color:#2882a7;box-shadow:0 8px 18px #2882a738}@media (hover:hover){.ofuse-link:hover{box-shadow:0 12px 22px #2882a74d}}.stripe-link{color:#fff;background-color:#635bff;border-color:#635bff;box-shadow:0 8px 18px #635bff3d}@media (hover:hover){.stripe-link:hover{box-shadow:0 12px 22px #635bff52}}.ofuse-link img{flex:none;width:28px;height:auto;margin-right:8px}.ofuse-link span,.stripe-link span{padding-top:0}.ofuse-link svg,.stripe-link svg{flex:none;width:1em;height:1em;margin-left:6px}.support-panel{box-sizing:border-box;border-radius:var(--radius-m);background:#fff;border:1px solid #069bd8;margin-top:0;padding:32px}.support-panel p{color:var(--muted);line-height:1.8}.support-panel-compact{width:min(900px,100%);margin:28px auto 0}.support-panel-detailed{background:0 0;border:0;width:100%;margin-top:18px;padding:0}.support-payment-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.support-payment-option{border:1px solid var(--line);border-radius:var(--radius-m);background:#fff;flex-direction:column;min-width:0;padding:22px;display:flex}.support-payment-option.is-ofuse{border-color:#a9d4e5}.support-payment-option.is-stripe{border-color:#c7c3ff}.support-payment-option h3{color:var(--foreground);margin:4px 0 0;font-size:1.3rem}.support-payment-option p{color:var(--foreground);margin:7px 0 18px;font-size:1rem;line-height:1.7}.support-payment-option .support-payment-label{color:var(--muted);margin:0;font-size:.8rem;font-weight:700}.support-payment-option .ofuse-link,.support-payment-option .stripe-link{width:100%;min-height:78px;margin-top:auto;font-size:1rem}.support-panel-detailed .support-payment-note{color:var(--foreground);margin:12px 0 0;font-size:.82rem;line-height:1.75}@media (max-width:820px){.support-panel{grid-template-columns:1fr;padding:20px}.support-qr{justify-self:center}.ofuse-link,.stripe-link{width:100%}.support-payment-options{grid-template-columns:1fr}.support-panel.support-panel-detailed{padding:0}}@media (max-width:520px){.support-payment-option{padding:22px 18px}}
}

@layer components {
.support-callout{--support-accent:var(--blue);--support-cyan:#02cefc;--support-spacing:40px;background:0 0;border:0;margin:0;padding:0;position:relative}.support-callout.support-panel-compact{margin:28px auto 0}.support-callout-heading{text-align:center;max-width:660px;margin-inline:auto}.support-callout-symbol{background:var(--support-accent);color:#fff;place-items:center;width:56px;height:56px;margin:0 auto 24px;display:grid;position:relative}.support-callout-symbol svg{width:32px;height:32px}.support-callout-symbol:before,.support-callout-symbol:after{content:"";background:var(--support-cyan);position:absolute}.support-callout-symbol:before{width:16px;height:16px;top:-8px;right:-8px}.support-callout-symbol:after{width:8px;height:8px;bottom:0;left:-16px}.support-callout .support-callout-eyebrow{color:var(--support-accent);margin:0 0 12px;font-size:.875rem;font-weight:700}.support-callout h2{color:var(--blue-dark);-webkit-text-fill-color:currentColor;text-wrap:balance;background:0 0;margin:0;font-size:2rem;line-height:1.5}.support-callout .support-callout-lead{color:var(--foreground);text-wrap:wrap;margin:16px 0 0;font-size:1rem;line-height:1.9}.support-callout-methods{gap:calc(var(--support-spacing) * 2);max-width:920px;margin:var(--support-spacing) auto 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.support-callout-method{flex-direction:column;align-items:flex-start;min-width:0;display:flex;position:relative}.support-callout-method+.support-callout-method:before{inset:0 auto 0 calc(var(--support-spacing) * -1);content:"";background:var(--line);width:1px;position:absolute}.support-callout .support-callout-label{color:var(--support-accent);margin:0;font-size:.875rem;font-weight:700}.support-callout-label:before{content:"";background:var(--support-cyan);width:8px;height:8px;margin-right:8px;display:inline-block}.support-callout-method h3{color:var(--foreground);margin:8px 0 0;font-size:1.5rem;line-height:1.4}.support-stripe-heading{align-items:center;gap:8px;margin-block-start:8px;display:flex}.support-stripe-heading h3{margin:0}.stripe-support-info-trigger{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--card);block-size:32px;inline-size:32px;color:var(--muted);font:inherit;cursor:pointer;place-items:center;padding:0;font-weight:700;display:grid}@media (hover:hover){.stripe-support-info-trigger:hover{border-color:var(--blue);color:var(--blue-deep)}}.stripe-support-info-trigger:focus-visible,.stripe-support-info-close:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.stripe-support-info-panel{--stripe-info-background:#fff;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--stripe-info-background);max-block-size:calc(100dvh - 24px);inline-size:min(360px,100vw - 24px);color:var(--foreground);margin:0;padding:16px;font-size:.875rem;line-height:1.8;position:fixed;inset:auto;overflow-y:auto}.stripe-support-info-panel p{color:var(--foreground);margin:0 0 12px}.stripe-support-info-close{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--card);color:var(--blue-deep);font:inherit;cursor:pointer;margin-inline-start:auto;padding:4px 12px;display:block}.support-callout .support-callout-description{color:var(--muted);margin:12px 0 24px;font-size:.9375rem;line-height:1.8}.support-callout .support-callout-action{border-color:var(--support-accent);background:var(--support-accent);width:100%;min-height:56px;box-shadow:none;color:#fff;word-break:normal;overflow-wrap:anywhere;gap:8px;margin-top:auto;padding:14px 20px;font-size:1rem;transition:background-color .18s,border-color .18s}@media (hover:hover){.support-callout .support-callout-action:hover{border-color:var(--blue-deep);background:var(--blue-deep);box-shadow:none;transform:none}}.support-callout-action:focus-visible,.support-callout-more:focus-visible{outline:2px solid var(--support-accent);outline-offset:4px}.support-callout .support-callout-action :where(img,.support-callout-action-symbol){flex:none;width:24px;height:24px;margin:0}.support-callout .support-callout-action>svg:last-child{width:16px;height:16px;margin:0 0 0 auto}.support-callout-action span{text-align:left;flex:1}.support-callout-bottom{margin-top:var(--support-spacing);text-align:center}.support-callout-bottom p{margin:0;font-size:.8125rem;line-height:1.8}.support-callout-more{min-height:44px;color:var(--support-accent);text-underline-offset:4px;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:.875rem;font-weight:700;transition:color .18s;display:inline-flex}.support-callout-more:focus-visible{color:var(--blue-deep);text-decoration:underline}@media (hover:hover){.support-callout-more:hover{color:var(--blue-deep);text-decoration:underline}}.support-callout-more svg{flex:none;width:20px;height:20px;transition:transform .18s}.support-callout-more:focus-visible svg{transform:translate(4px)}@media (hover:hover){.support-callout-more:hover svg{transform:translate(4px)}}@media (min-width:821px){.support-callout-heading{max-width:920px}.support-callout .support-callout-lead{text-wrap:nowrap}}@media (max-width:820px){.support-callout{--support-spacing:28px}.support-callout-methods{padding-inline:16px}}@media (max-width:520px){.footer-support{padding-block:48px 36px}.support-callout-heading{padding-inline:12px}.support-callout h2{font-size:1.5rem}.support-callout .support-callout-lead{text-align:left;font-size:.9375rem}.support-callout-methods{gap:var(--support-spacing);grid-template-columns:1fr;padding-inline:12px}.support-callout-method+.support-callout-method{padding-top:var(--support-spacing)}.support-callout-method+.support-callout-method:before{width:auto;height:1px;inset:0 0 auto}.support-callout-bottom{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.support-callout .support-callout-action,.support-callout-more,.support-callout-more svg{transition:none}.support-callout-more:focus-visible svg{transform:none}@media (hover:hover){.support-callout-more:hover svg{transform:none}}}
}

@layer components {
.text-link{color:var(--blue-deep);font-weight:700;line-height:inherit;align-items:center;gap:5px;text-decoration:none;display:inline-flex}@media (hover:hover){.text-link:hover{text-underline-offset:.18em;text-decoration:underline}}.text-link:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}.text-link-arrow{transition:transform .2s}@media (hover:hover){.text-link:hover .text-link-arrow{transform:translate(3px)}}.text-link-icon{flex:none;width:1em;height:1em}
}

@layer pages {
.hero-section{border-radius:var(--radius-s);background:#fff;border:1px solid #ffffffd9;display:block;position:relative;overflow:hidden}.hero-image{width:100%;height:auto;display:block}.hero-copy{z-index:20;padding:clamp(32px,6vw,72px);position:relative}.hero-copy h1{color:#0d3f8d;text-shadow:0 4px #ffffffe6;margin:0;font-size:clamp(3rem,9vw,6rem);line-height:1.08}.hero-lead{color:#122859;max-width:520px;margin:22px 0 0;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:700;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:30px;margin-top:36px;display:flex}.hero-visual{z-index:20;align-self:stretch;min-height:420px;position:relative;overflow:hidden}.hero-visual img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;opacity:.92;width:100%;height:100%}.games-section{margin-top:44px}.games-section>.page-action{margin-top:20px}.home-games-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.home-games-heading .section-heading{margin-bottom:0}.home-games-empty{color:var(--foreground);text-align:center;margin:0;padding-block:32px;line-height:1.8}.about-section{--about-surface:#fefefe;--about-column-gap:36px;--about-row-gap:28px;border-block:1px solid var(--line);background:var(--about-surface);margin-top:72px;padding-block:64px 56px}.news-section{margin-top:64px}.about-grid{gap:var(--about-row-gap) var(--about-column-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.about-item{--about-accent:var(--blue-deep);grid-template-rows:subgrid;border-top:1px solid var(--line);grid-row:span 2;min-width:0;padding-block:24px 16px;display:grid}.about-item-heading{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;display:grid}.about-item-icon{background:color-mix(in srgb, var(--about-accent) 9%, transparent);width:48px;height:48px;color:var(--about-accent);padding:8px}.about-item h3{color:var(--foreground);text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:1.125rem;font-weight:700;line-height:1.65}.about-item:nth-child(2){--about-accent:color-mix(in srgb, var(--green) 60%, var(--foreground))}.about-item:nth-child(3),.about-item:nth-child(4){--about-accent:var(--orange)}.about-item:nth-child(5){--about-accent:var(--latele)}.about-item:nth-child(6){--about-accent:color-mix(in srgb, var(--green) 60%, var(--foreground))}.about-item p{color:var(--foreground);overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.9}.about-item-copy>p+p{margin-top:12px}.about-item .about-item-note{color:var(--muted);font-size:.875rem;line-height:1.8}.about-item a{color:var(--blue-deep);text-underline-offset:.18em;font-weight:700;text-decoration:underline}@media (hover:hover){.about-item-note a:hover{text-decoration:none}}@media (max-width:820px){.about-section{--about-column-gap:28px;margin-top:56px;padding-block:48px}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.hero-image{width:120%;max-width:none;margin-inline:-10%}.about-section{--about-row-gap:16px;padding-block:36px}.about-grid{grid-template-columns:minmax(0,1fr)}.about-item:where(:first-child){border-top:0;padding-top:0}}@media (max-width:820px){.hero-section{border:0;border-radius:0;grid-template-columns:1fr;min-height:0;margin-block-start:0;margin-inline:calc(50% - 50vw)}.hero-section:after{width:100%;height:26%}.hero-copy{text-align:center;padding:28px 22px 12px}.hero-copy h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{min-height:260px}}
}

@layer pages {

}

@layer pages {
.contact-note{color:var(--foreground);margin:48px 0 0;font-size:.9rem;line-height:1.8}
}

@layer pages {
.privacy-section li{color:var(--foreground);line-height:1.8}.privacy-section ul{gap:10px;margin:8px 0 16px;padding-left:1.5em;display:grid}.privacy-section strong{color:#0d3f8d;font-weight:700}.privacy-information-list{--privacy-information-gap:24px;gap:var(--privacy-information-gap);margin:8px 0 16px;display:grid}.privacy-information-list dt{color:var(--blue-deep);margin-block-end:8px;font-weight:700;line-height:1.6}.privacy-information-list dd{color:var(--foreground);margin:0;line-height:1.8}.privacy-company-policy{padding-top:8px}.privacy-date{color:var(--muted);text-align:right;margin:0;font-size:.85rem}.commerce-information-list{--commerce-row-gap:28px;gap:var(--commerce-row-gap);margin-block:32px;display:grid}.commerce-information-list>div{grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:12px 32px;display:grid}.commerce-information-list dt{color:var(--foreground);margin:0;font-weight:700}.commerce-information-list dd{margin:0;line-height:1.8}@media (max-width:520px){.commerce-information-list>div{grid-template-columns:minmax(0,1fr);gap:8px}}
}

@layer pages {
.news-item{border-bottom:1px solid var(--line);padding:20px 0}.news-item:last-child{border-bottom:0}.news-item time,.news-accordion-item time{color:var(--muted);font-size:.875rem;font-weight:400;line-height:1.4;display:block}.news-item h3{color:#0d3f8d;margin:6px 0 0;font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:700;line-height:1.5}.news-description a{color:#0d3f8d;text-underline-offset:.18em;font-weight:700;text-decoration:underline}.news-description a:hover{text-decoration:none}.news-description p{color:var(--foreground);margin:8px 0 0;line-height:1.8}.news-accordion-item{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0}.news-accordion-item:last-child{border-bottom:0}.news-accordion-item summary{border:0;padding:20px 36px 20px 0}.news-accordion-item summary:before,.news-accordion-item summary:after{right:0}.news-accordion-item .accordion-content{padding:0 0 20px}.news-accordion-heading{gap:6px;min-width:0;display:grid}.news-accordion-title{font-size:clamp(1.05rem,2.5vw,1.25rem);line-height:1.5}
}

@layer pages {
.not-found-copy p{margin:0 0 16px;line-height:1.8}.not-found-copy .not-found-lead{color:#0d3f8d;font-size:1.25rem;font-weight:700}.not-found-image{border-radius:var(--radius-m);width:min(70%,700px);height:auto;margin:24px auto;display:block}.not-found-copy .page-action{margin-top:48px}
}

@layer pages {
.cloud-save-manager{margin-bottom:60px}.cloud-save-manager .page-action{border-radius:var(--radius-s)}.cloud-save-message{min-height:1.8em;margin-block:12px}.cloud-save-list{display:grid}.cloud-save-row{border-top:1px solid var(--line);min-inline-size:0}.cloud-save-summary{cursor:pointer;grid-template-columns:72px minmax(0,1fr) 24px;align-items:center;gap:16px;padding:16px 8px;list-style:none;display:grid}.cloud-save-summary::-webkit-details-marker{display:none}.cloud-save-summary:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.cloud-save-thumbnail{aspect-ratio:16/9;border-radius:var(--radius-s);background:var(--surface-soft,#f4f8fc);inline-size:72px;color:var(--blue);place-items:center;display:grid;position:relative;overflow:hidden}.cloud-save-thumbnail img{-o-object-fit:cover;object-fit:cover}.cloud-save-thumbnail svg{block-size:28px;inline-size:28px}.cloud-save-summary-text{gap:4px;min-inline-size:0;display:grid}.cloud-save-title{overflow-wrap:anywhere;font-weight:700}.cloud-save-status{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:.875rem;display:flex}.cloud-save-backup-presence{color:var(--blue-deep);align-items:center;gap:4px;font-weight:700;display:inline-flex}.cloud-save-backup-presence svg{flex:none;block-size:1.2em;inline-size:1.2em}.cloud-save-chevron{block-size:24px;inline-size:24px;color:var(--blue)}.cloud-save-row[open] .cloud-save-chevron{rotate:180deg}.cloud-save-detail{gap:20px;padding:8px 8px 28px;display:grid}.cloud-save-row :where(dl,dd){margin:0}@media (hover:hover){.cloud-save-summary:hover{background:var(--surface-soft,#f4f8fc)}}.cloud-save-row dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cloud-save-row dt{color:var(--muted);margin-bottom:4px}.cloud-save-actions{flex-wrap:wrap;gap:12px;display:flex}.cloud-save-actions .page-action svg{flex:none;width:1.6em;height:1.6em}.cloud-save-backup{color:var(--muted);justify-items:start;gap:12px;display:grid}.cloud-save-row .cloud-save-backup p{margin-block:0}@media (max-width:520px){.cloud-save-actions{grid-template-columns:1fr;display:grid}.cloud-save-actions .page-action{width:100%}}.save-data-introduction{margin:0 0 32px;line-height:1.8}.save-data-danger{--save-data-section-gap:28px;margin-top:120px}.save-data-danger-sections{gap:var(--save-data-section-gap);margin:0}.save-data-delete-section{min-width:0;padding-top:calc(var(--save-data-section-gap) / 2);gap:14px;display:grid}.save-data-delete-section+.save-data-delete-section{border-top:1px solid var(--danger-line);padding-top:var(--save-data-section-gap)}.save-data-delete-section>h3{color:var(--foreground);margin:0;font-size:1.15rem;font-weight:700;line-height:1.5}.save-data-delete-section>p{margin:0;line-height:1.8}.save-data-scope-note{color:var(--muted);font-size:.9rem;line-height:1.7}.save-data-danger .page-action{border-radius:var(--radius-m);min-width:0;max-width:100%;min-height:48px;padding:10px 16px;font-size:1rem;line-height:1.5}.save-data-delete-section>.page-action{justify-self:start}.save-data-danger .page-action>svg{flex:none;width:1.25em;height:1.25em}.save-data-transfer{margin-top:72px}.save-data-transfer-note{border-left:3px solid var(--blue);padding-left:12px}.save-data-transfer-section{gap:10px;display:grid}.save-data-message{border:1px solid var(--line);border-radius:var(--radius-s);color:var(--foreground);background:#fff;margin:20px 0 0;padding:14px 16px;scroll-margin-top:18px;font-size:1rem;font-weight:700;line-height:1.6}.save-data-message:empty{display:none}.save-data-delete-section>.save-data-message,.save-data-game-deletion .save-data-message{margin:0}.save-data-message.is-success{border-color:color-mix(in srgb, var(--green) 55%, var(--foreground));background:color-mix(in srgb, var(--green) 10%, white)}.save-data-message.is-error{border-color:color-mix(in srgb, var(--red) 50%, white);background:color-mix(in srgb, var(--red) 5%, white)}.save-data-action .save-data-message{margin-top:32px}@media (max-width:520px){.save-data-danger{margin-top:96px}.save-data-delete-section>.page-action{width:100%}}
}

@layer pages {
.save-data-game-deletion{--save-data-delete-accent:color-mix(in srgb, var(--red) 70%, var(--foreground));--save-data-delete-line:color-mix(in srgb, var(--red) 28%, white);--save-data-present-ink:color-mix(in srgb, var(--green) 30%, var(--foreground));border-color:var(--save-data-delete-line);background:#fff}.save-data-game-deletion>summary{min-height:56px;color:var(--save-data-delete-accent);background:#fff;font-size:1.05rem}.save-data-game-deletion>summary:before,.save-data-game-deletion>summary:after{background:var(--save-data-delete-accent)}.save-data-game-deletion[open]>summary{border-color:var(--save-data-delete-line)}.save-data-game-deletion>summary:focus-visible{outline-color:var(--save-data-delete-accent)}.save-data-game-deletion>.accordion-content{gap:20px;padding:20px 16px}.save-data-game-filter{cursor:pointer;align-items:center;gap:10px;min-height:44px;line-height:1.5;display:flex}.save-data-game-filter input,.save-data-game-option input{width:22px;height:22px;accent-color:var(--save-data-delete-accent);flex:none;margin:0}.save-data-game-fieldset{border:0;min-width:0;margin:0;padding:0}.save-data-game-fieldset legend{margin-bottom:10px;padding:0;font-weight:700}.save-data-game-scroll{overscroll-behavior-y:contain;scrollbar-gutter:stable;border:1px solid var(--line);border-radius:var(--radius-s);max-height:min(440px,60svh);overflow-y:auto}.save-data-game-scroll:focus-visible{outline:2px solid var(--save-data-delete-accent);outline-offset:3px}.save-data-game-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.save-data-game-option{border-bottom:1px solid var(--line);cursor:pointer;background:#fff;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;min-height:66px;padding:12px;font-size:1rem;line-height:1.5;display:grid}.save-data-game-option[data-state=absent]{color:var(--muted);background:color-mix(in srgb, var(--line) 12%, white);cursor:default}.save-data-game-option.is-selected{background:color-mix(in srgb, var(--red) 6%, white)}.save-data-game-text{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;min-width:0;display:grid}.save-data-game-title{overflow-wrap:anywhere}.save-data-game-presence{border-radius:var(--radius-s);color:var(--muted);background:color-mix(in srgb, var(--line) 30%, white);justify-self:start;padding:3px 7px;font-size:.75rem;line-height:1.5}.save-data-game-option[data-state=present] .save-data-game-presence{color:var(--save-data-present-ink);background:color-mix(in srgb, var(--green) 20%, white);font-weight:700}.save-data-game-option[data-state=error] .save-data-game-presence{color:color-mix(in srgb, var(--orange) 60%, var(--foreground));background:color-mix(in srgb, var(--yellow) 20%, white)}.save-data-game-empty{color:var(--muted);padding:20px 16px}.save-data-game-actions{gap:12px;display:grid}.save-data-game-actions>p{margin:0}.save-data-game-actions>.page-action{width:100%}.save-data-game-backup-note{color:var(--muted);font-size:.85rem;line-height:1.7}@media (max-width:820px){.save-data-game-list{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.save-data-game-deletion>.accordion-content{gap:16px;padding:16px 12px}.save-data-game-option{gap:10px;padding:12px 10px}.save-data-game-text{grid-template-columns:minmax(0,1fr);gap:5px}}
}

@layer pages {
.save-data-dialog{--dialog-accent:color-mix(in srgb, var(--red) 72%, var(--foreground));box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-m);width:min(560px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);background:#fff;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.save-data-dialog[open]{flex-direction:column;display:flex}.save-data-dialog.is-primary{--dialog-accent:var(--blue-dark)}.save-data-dialog::backdrop{background:#10204a8c}.save-data-dialog-header{border-bottom:1px solid var(--line);flex:none;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;padding:24px;display:grid}.save-data-dialog-header svg{width:28px;height:28px;color:var(--dialog-accent)}.save-data-dialog-header h2{color:var(--foreground);overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:700;line-height:1.5}.save-data-dialog-body{overscroll-behavior-y:contain;gap:16px;min-height:0;padding:20px 24px;display:grid;overflow-y:auto}.save-data-dialog-body>p{color:var(--foreground);margin:0;font-size:1rem;line-height:1.8}.save-data-dialog-body>.save-data-dialog-caption{color:var(--muted);font-size:.85rem;font-weight:700}.save-data-dialog-body>.save-data-dialog-games{border:1px solid var(--line);border-radius:var(--radius-s);gap:0;margin:0;padding:0;list-style:none;display:grid}.save-data-dialog-games>li{color:var(--foreground);overflow-wrap:anywhere;padding:12px 14px;font-size:1rem;line-height:1.5}.save-data-dialog-games>li+li{border-top:1px solid var(--line)}.save-data-dialog-body>.save-data-dialog-warning{border:1px solid color-mix(in srgb, var(--red) 30%, white);border-radius:var(--radius-s);background:color-mix(in srgb, var(--red) 5%, white);padding:12px;font-size:.9rem;line-height:1.7}.save-data-dialog-actions{border-top:1px solid var(--line);background:color-mix(in srgb, var(--line) 10%, white);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 24px;display:grid}.save-data-dialog-actions .page-action{border-radius:var(--radius-m);width:100%;min-width:0;min-height:48px;padding:10px 12px;font-size:1rem;line-height:1.5}@media (max-width:520px){.save-data-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.save-data-dialog-header{gap:10px;padding:18px 16px}.save-data-dialog-header h2{font-size:1.1rem}.save-data-dialog-body{padding:18px 16px}.save-data-dialog-actions{gap:10px;padding:14px 16px}}
}

@layer pages {
.mypage-profile-form{gap:8px;margin-top:20px;display:grid}.mypage-profile-summary{align-items:center;gap:16px;margin-top:24px;display:flex}.mypage-profile-summary>p{margin:0}.mypage-profile-avatar{border-radius:var(--radius-m);-o-object-fit:cover;object-fit:cover;flex:none;width:200px;height:200px}.mypage-profile-actions,.mypage-avatar-picker+.mypage-profile-form{margin-top:20px}.mypage-avatar-picker{--mypage-avatar-picker-gap:12px;--mypage-avatar-picker-padding:20px;--mypage-avatar-picker-inset:16px;box-sizing:border-box;width:min(720px, calc(100% - var(--mypage-avatar-picker-inset) * 2));height:min(880px, calc(100dvh - var(--mypage-avatar-picker-inset) * 2));max-height:calc(100dvh - var(--mypage-avatar-picker-inset) * 2);border:1px solid var(--line);border-radius:var(--radius-l);max-width:none;padding:var(--mypage-avatar-picker-padding);background:var(--background);color:var(--foreground);margin:auto;overflow:hidden}.mypage-avatar-picker[open]{gap:var(--mypage-avatar-picker-gap);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.mypage-avatar-picker::backdrop{background:color-mix(in srgb, var(--foreground) 55%, transparent)}html:has(.mypage-avatar-picker[open]){overflow:hidden}.mypage-avatar-picker-header{gap:var(--mypage-avatar-picker-gap);display:grid}.mypage-avatar-picker-header h2{margin:0;font-size:1.15rem}.mypage-avatar-tabs{border-block-end:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mypage-avatar-tabs button{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:8px;font-weight:700;position:relative}.mypage-avatar-tabs button[aria-selected=true]{color:var(--blue-deep)}.mypage-avatar-tabs button[aria-selected=true]:after{background:var(--blue);content:"";block-size:3px;position:absolute;inset-block-end:-1px;inset-inline:0}@media (hover:hover){.mypage-avatar-tabs button:hover{background:var(--sky);color:var(--blue-deep)}}.mypage-avatar-tabs button:focus-visible{outline:3px solid var(--blue-deep);outline-offset:2px}.mypage-avatar-picker-title-row{justify-content:space-between;align-items:center;gap:var(--mypage-avatar-picker-gap);display:flex;position:relative}.mypage-avatar-picker-dev{color:var(--muted);white-space:nowrap;cursor:pointer;align-items:center;gap:3px;font-size:.65rem;display:flex;position:absolute;inset-block:0;inset-inline-end:calc(44px + var(--mypage-avatar-picker-gap))}.mypage-avatar-picker-dev input{width:14px;height:14px;accent-color:var(--blue);margin:0}.mypage-avatar-picker-title-row:has(.mypage-avatar-picker-dev) h2{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 128px);overflow:hidden}.mypage-avatar-picker-close{border-radius:var(--radius-m);width:44px;height:44px;color:var(--blue-dark);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.mypage-avatar-picker-close svg{width:24px;height:24px}@media (hover:hover){.mypage-avatar-picker-close:hover{background:var(--sky)}}.mypage-avatar-picker-close:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.mypage-avatar-list{overscroll-behavior-y:contain;scrollbar-gutter:stable;min-height:0;padding:4px;scroll-padding-block:4px;overflow-y:auto}.mypage-avatar-picker-actions{gap:var(--mypage-avatar-picker-gap);padding-bottom:env(safe-area-inset-bottom,0px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mypage-avatar-picker-actions .page-action{border-radius:var(--radius-s);min-width:0}.mypage-avatar-comparison{--mypage-avatar-preview-size:min(240px, 24dvh);--mypage-avatar-preview-gap:16px;--mypage-avatar-preview-label-gap:8px;gap:var(--mypage-avatar-preview-gap);width:100%;max-width:calc(var(--mypage-avatar-preview-size) * 2 + var(--mypage-avatar-preview-gap));grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:auto;display:grid}.mypage-avatar-comparison figure{align-content:start;gap:var(--mypage-avatar-preview-label-gap);text-align:center;min-width:0;margin:0;display:grid}.mypage-avatar-comparison figcaption{font-weight:700}.mypage-avatar-comparison img{aspect-ratio:1;border-radius:var(--radius-m);-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.mypage-avatar-picker fieldset{border:0;min-width:0;margin:0;padding:0}.mypage-avatar-picker legend{margin-bottom:12px;font-weight:700}.mypage-avatar-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:clamp(1px,.976563vw,12px);display:grid}.mypage-avatar-grid label{border-radius:var(--radius-m);cursor:pointer;border:3px solid #0000;display:block;position:relative;overflow:hidden}.mypage-avatar-grid label.is-selected{border-color:var(--blue)}.mypage-avatar-grid input,.mypage-special-avatar-choice input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mypage-avatar-grid label:has(input:focus-visible){outline:3px solid var(--blue-deep);outline-offset:3px}.mypage-avatar-grid img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.mypage-special-avatar-groups{--mypage-special-avatar-gap:12px;gap:calc(var(--mypage-special-avatar-gap) * 2);display:grid}.mypage-special-avatar-group{border:1px solid var(--line);border-radius:var(--radius-m);padding:var(--mypage-special-avatar-gap);background:var(--card)}.mypage-special-avatar-group-heading{justify-content:space-between;align-items:baseline;gap:var(--mypage-special-avatar-gap);margin-bottom:var(--mypage-special-avatar-gap);flex-wrap:wrap;display:flex}.mypage-special-avatar-group-heading h3{margin:0;font-size:1rem}.mypage-special-avatar-group-heading>span{color:var(--muted);font-size:.8rem}p.mypage-special-avatar-description{margin:0 0 var(--mypage-special-avatar-gap);font-size:.85rem;line-height:1.6}.mypage-special-avatar-options{gap:calc(var(--mypage-special-avatar-gap) / 2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.mypage-special-avatar-choice:has(input:checked){border-color:var(--blue)}.mypage-special-avatar-choice:has(input:focus-visible){outline:3px solid var(--blue-deep);outline-offset:2px}.mypage-special-avatar-choice{border-radius:var(--radius-m);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:2px solid #0000;min-width:0;display:block;position:relative}.mypage-special-avatar-choice:has(input:disabled){cursor:not-allowed}.mypage-special-avatar-art{aspect-ratio:1;width:100%;margin-inline:auto;display:block;position:relative}.mypage-special-avatar-art img{-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.mypage-special-avatar-choice:has(input:disabled) img{filter:brightness(0);opacity:.22}.mypage-avatar-lock{width:32px;height:32px;color:var(--foreground);margin:auto;position:absolute;inset:0}.mypage-special-avatar-status{min-height:1.6em;font-size:.8rem;line-height:1.6}.mypage-profile-form label{font-weight:700}.mypage-profile-input-row{align-items:stretch;gap:12px;display:flex}.mypage-profile-input-row input{border:1px solid var(--line);border-radius:var(--radius-m);width:min(100%,420px);min-width:0;min-height:48px;color:var(--foreground);font:inherit;padding:8px 12px}.mypage-profile-edit-actions{flex:none}.mypage-profile-input-row input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.mypage-profile-input-row input[aria-invalid=true]{border-color:var(--red)}.mypage-profile-input-row .page-action{border-radius:var(--radius-s);min-width:140px}.mypage-field-help,.page-section .mypage-field-help{margin:0;font-size:.84rem}.mypage-field-notice{color:var(--red);margin-top:8px;display:block}.mypage-message{min-height:1.5em;color:var(--blue-deep);font-size:.9rem;font-weight:700}.mypage-profile-actions+.mypage-message,.mypage-avatar-picker+.mypage-message,.mypage-profile-form+.mypage-message{margin-top:20px}.mypage-welcome{font-size:1.1rem}.mypage-welcome+.page-action{margin-top:16px}.mypage-dashboard .game-grid{margin:24px 0}.mypage-dashboard .game-grid.is-thumbnail-only{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.mypage-dashboard .game-grid.is-thumbnail-only .game-card{border-radius:var(--radius-s)}#mypage-favorites{scroll-margin-top:24px}.mypage-empty{text-align:center;padding-block:20px}.mypage-stats-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.mypage-stats-summary>div{border-left:4px solid var(--blue);padding:8px 16px}.mypage-stats-summary dt{font-size:.88rem;font-weight:700}.mypage-stats-summary dd{color:var(--blue-deep);margin:4px 0 0;font-size:2rem;font-weight:700}.mypage-stats-summary dd span{margin-left:4px;font-size:.85rem}.mypage-record-accordions{gap:18px;margin-top:32px;display:grid}.mypage-play-chart ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.mypage-play-chart li{--mypage-chart-color:var(--blue);grid-template-columns:minmax(110px,180px) minmax(0,1fr) max-content;align-items:center;gap:12px;line-height:1.4;display:grid}.mypage-play-chart li.is-puzzle{--mypage-chart-color:var(--green)}.mypage-play-chart li.is-memory{--mypage-chart-color:var(--yellow)}.mypage-play-chart li.is-knowledge{--mypage-chart-color:var(--red)}.mypage-play-chart li.is-sugoroku{--mypage-chart-color:var(--orange)}.mypage-play-chart li>span,.mypage-play-chart li>strong{font-size:.86rem;font-weight:700}.mypage-play-chart li>strong{white-space:nowrap;text-align:right;min-width:11ch}.mypage-play-chart-track{border-radius:var(--radius-full);background:color-mix(in srgb, var(--mypage-chart-color) 16%, white);height:18px;overflow:hidden}.mypage-play-chart-track i{width:var(--mypage-play-rate);border-radius:inherit;background:var(--mypage-chart-color);transform-origin:0;height:100%;animation:.5s ease-out both mypage-chart-grow;display:block}.mypage-common-settings .game-sound-setting{max-width:420px;margin-top:0}.mypage-settings-notes{color:var(--foreground);gap:6px;margin:14px 0 0;padding:0;font-size:.84rem;list-style:none;display:grid}.mypage-settings-notes li{grid-template-columns:auto minmax(0,1fr);gap:.35em;display:grid}@media (max-width:820px){.mypage-dashboard .game-grid.is-thumbnail-only{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:520px){.mypage-avatar-picker{--mypage-avatar-picker-padding:12px;--mypage-avatar-picker-inset:8px;--mypage-avatar-picker-gap:8px}.mypage-avatar-comparison{--mypage-avatar-preview-size:min(160px, 24dvh);--mypage-avatar-preview-gap:12px;--mypage-avatar-preview-label-gap:4px}.mypage-avatar-comparison figcaption{font-size:.85rem}.mypage-avatar-grid{grid-template-columns:repeat(auto-fit,minmax(68px,1fr))}.mypage-profile-summary{flex-wrap:wrap;justify-content:center;align-items:center}.mypage-profile-avatar{width:140px;height:140px}.mypage-profile-input-row{flex-direction:column}.mypage-profile-input-row input{width:100%}.mypage-play-chart li{grid-template-columns:minmax(82px,1fr) minmax(0,1.4fr) max-content;gap:8px}.mypage-play-chart li>span,.mypage-play-chart li>strong{font-size:.75rem}.mypage-stats-summary{gap:8px}.mypage-dashboard .game-grid.is-thumbnail-only{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (max-height:500px){.mypage-avatar-picker{--mypage-avatar-picker-padding:12px;--mypage-avatar-picker-gap:8px}.mypage-avatar-comparison{--mypage-avatar-preview-size:min(90px, 16dvh);--mypage-avatar-preview-label-gap:4px}}@keyframes mypage-chart-grow{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.mypage-play-chart-track i{animation:none}}
}

@layer pages {
.mypage-record-accordions .mypage-game-records{--mypage-record-gap:20px;--mypage-record-inset:20px;--mypage-record-thumb-width:80px;--mypage-record-column-width:260px;grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--mypage-record-column-width)), 1fr));align-items:start;gap:var(--mypage-record-gap);margin:0;padding:0;list-style:none;display:grid}.mypage-record-accordions .mypage-best-records{-moz-columns:var(--mypage-record-column-width) 3;columns:var(--mypage-record-column-width) 3;-moz-column-gap:var(--mypage-record-gap);column-gap:var(--mypage-record-gap);display:block}.mypage-best-records .mypage-record-card{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--mypage-record-gap)}.mypage-best-records .mypage-record-card:last-child{margin-bottom:0}.mypage-record-card{align-content:start;gap:var(--mypage-record-gap);min-width:0;padding:var(--mypage-record-inset);border:1px solid var(--line);border-radius:var(--radius-s);display:grid}.mypage-play-records .mypage-record-card{grid-template-rows:auto 1fr auto;align-self:stretch}.mypage-record-card>*{min-width:0}.mypage-record-card .mypage-record-game-link{grid-template-columns:var(--mypage-record-thumb-width) minmax(0, 1fr) 16px;min-height:48px;color:var(--foreground);align-items:center;gap:12px;text-decoration:none;display:grid}.mypage-record-game-name{overflow-wrap:anywhere;font-size:1rem;font-weight:700}@media (hover:hover){.mypage-record-game-link:hover .mypage-record-game-name{color:var(--blue-deep);text-underline-offset:.2em;text-decoration:underline}}.mypage-record-game-link:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:var(--radius-s)}.mypage-record-game-link>svg{width:16px;height:16px;color:var(--muted)}.mypage-record-thumbnail{width:var(--mypage-record-thumb-width);aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-s);height:auto;display:block}.mypage-record-counts{grid-template-columns:repeat(2,minmax(0,1fr));align-items:baseline;gap:12px;margin:0;display:grid}.mypage-record-counts>div{flex-direction:column-reverse;gap:4px;min-width:0;display:flex}.mypage-record-counts dt{color:var(--muted);font-size:.875rem}.mypage-record-counts dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.mypage-record-counts>div:first-child dd{color:var(--blue-deep);font-size:2rem}.mypage-record-last-played{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:.8125rem;display:flex}.mypage-record-values{margin:0;display:grid}.mypage-record-values>div{grid-template-columns:minmax(0,1fr) fit-content(75%);align-items:baseline;gap:8px 16px;padding-block:12px;display:grid}.mypage-record-values>div+div{border-top:1px solid var(--line)}.mypage-record-values>div:first-child{padding-top:0}.mypage-record-values>div:last-child{padding-bottom:0}.mypage-record-values dt{color:var(--muted);overflow-wrap:anywhere;font-size:.875rem}.mypage-record-values dd{font-variant-numeric:tabular-nums;text-align:end;overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:700}@media (max-width:520px){.mypage-record-accordions .mypage-game-records{--mypage-record-gap:16px;--mypage-record-inset:16px;--mypage-record-thumb-width:64px}.mypage-record-values>div{-moz-column-gap:12px;column-gap:12px}}
}