body{padding-bottom:0}.play-main{padding-block:38px}.play-main h1{font-size:clamp(32px,5vw,56px);font-weight:900;line-height:1.25;letter-spacing:-.05em;margin:16px 0 22px}.play-main h2{font-size:24px;font-weight:800;margin:10px 0 16px}.play-main p,.play-main li{color:var(--muted);line-height:1.8;font-size:14px}.practice-note{padding:16px;border:1px solid var(--primary);border-radius:12px;background:var(--tint)}.play-panel,.match-card,.skin-card{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.play-panel{margin-block:24px}.play-main section{scroll-margin-top:100px}.play-main>section{margin-bottom:36px}.play-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-block:24px}.play-tabs a{padding:12px;border-bottom:2px solid var(--primary);text-decoration:none;font-weight:700}.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.match-card h3{font-size:23px;font-weight:800}.match-card time{color:var(--muted);font-size:12px}.play-main input,.play-main select{display:block;min-height:44px;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}.play-main label{display:block;margin:12px 0;font-size:13px}.play-main form .button{margin-top:10px}.play-main button:disabled{opacity:.5;cursor:default}.play-main [hidden]{display:none!important}#notice:not(:empty){position:sticky;top:80px;z-index:10;padding:14px;background:var(--panel);border:1px solid var(--primary);border-radius:10px}#identity strong{display:block;font-size:28px}#identity small{display:block;color:var(--muted);margin-block:8px;overflow-wrap:anywhere}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.play-main details{margin-top:20px}.play-main summary{cursor:pointer;padding:10px 0}#recovery-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--bg)}.record{padding:16px 0;border-bottom:1px solid var(--line);line-height:1.8}.record small{color:var(--muted)}.skin-card strong{font-size:22px}.skin-card[data-skin=ocean]{border-top:5px solid var(--primary)}.skin-card[data-skin=atmosphere]{border-top:5px solid var(--red)}.skin-card[data-skin=champion]{border-top:5px double var(--primary)}.badge-row{display:flex;gap:10px;flex-wrap:wrap}.badge-row span{padding:10px;background:var(--tint);border-radius:8px}#ranking-list{padding-left:25px}#ranking-list li{padding:10px}#profile[data-skin=ocean]{border-left:8px solid var(--primary)}#profile[data-skin=atmosphere]{border-left:8px solid var(--red)}#profile[data-skin=champion]{border:3px double var(--primary)}@media(max-width:900px){.play-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.play-grid{grid-template-columns:1fr}.play-tabs{gap:4px}.play-tabs a{font-size:13px;padding:9px}.play-panel{padding:18px}.nav>a:not(.brand){font-size:12px}.play-main h1{font-size:38px}}
.account-warning{margin:18px 0;padding:18px;border:2px solid var(--red);border-radius:10px;background:color-mix(in srgb,var(--red) 7%,var(--panel))}.account-warning strong{display:block;color:var(--red);font-size:17px}.account-warning p{margin:8px 0 0;color:var(--text)}.play-main label.account-check{display:flex;align-items:flex-start;gap:12px;line-height:1.8;margin:18px 0}.play-main .account-check input{width:20px;min-width:20px;height:20px;min-height:20px;margin-top:3px;accent-color:var(--primary)}.account-login{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px}.email-help{font-size:12px!important}.play-main h2 small{font-size:13px;color:var(--muted)}#signup>label>span{color:var(--muted);font-size:11px;margin-left:6px}#email-status{overflow-wrap:anywhere}#signup{max-width:640px}