.login-page{--login-ink:#171713;--login-ink-soft:#514c43;--login-paper:#e7dfcf;--login-paper-light:#f4ecdc;position:relative;isolation:isolate;display:grid;min-height:100dvh;overflow:hidden;place-items:center;padding:clamp(34px,7vw,78px) clamp(14px,4vw,36px);background:radial-gradient(circle at 18% 16%,rgba(255,42,109,.12),transparent 28%),radial-gradient(circle at 84% 78%,rgba(5,217,232,.09),transparent 34%),#090a09;color:var(--login-ink)}.login-page:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.34;background-image:var(--home-pass-asset-leather);background-position:50%;background-size:680px auto;mix-blend-mode:luminosity}.login-page__leather{position:absolute;inset:clamp(8px,1.4vw,20px);z-index:-1;border:1px solid rgba(255,255,255,.08);border-radius:clamp(16px,2.2vw,28px);background:linear-gradient(150deg,rgba(255,255,255,.045),transparent 34%),var(--home-pass-asset-leather) center /cover,#121312;box-shadow:inset 0 0 0 2px rgba(0,0,0,.45),inset 0 0 64px rgba(0,0,0,.72),0 20px 52px rgba(0,0,0,.4)}.login-page__ticket{position:relative;width:min(100%,620px);overflow:hidden;padding:clamp(28px,5vw,48px);border:5px solid var(--login-ink);border-radius:14px;background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),var(--home-pass-asset-paper) center /430px auto repeat,var(--login-paper);box-shadow:0 0 0 1px rgba(232,225,210,.25),0 20px 48px rgba(0,0,0,.56),inset 0 0 38px rgba(58,47,32,.16)}.login-page__ticket:after{content:"";position:absolute;inset:8px;border:1px solid rgba(23,23,19,.18);border-radius:7px;pointer-events:none}.login-page__accent{position:absolute;top:0;right:0;left:0;height:8px;background:linear-gradient(90deg,#ff2a6d 0 40%,#05d9e8 40% 72%,#fcee0a 72%);box-shadow:0 2px 0 rgba(23,23,19,.3)}.login-page__header{position:relative;z-index:1;text-align:center}.login-page__eyebrow{margin:0;color:#bc1d52;font-family:var(--font-mono),monospace;font-size:.67rem;font-weight:800;letter-spacing:.24em}.login-page__title{margin:8px 0 0;color:var(--login-ink);font-family:var(--font-heading),sans-serif;font-size:clamp(1.65rem,6vw,2.8rem);font-weight:900;letter-spacing:.07em;line-height:1.08}.login-page__title-jp{margin:8px 0 0;font-size:.82rem;letter-spacing:.24em}.login-page__serial,.login-page__title-jp{color:var(--login-ink-soft);font-weight:700}.login-page__serial{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;margin:22px 0 24px;padding:8px 0;border-block:1px solid rgba(23,23,19,.28);font-family:var(--font-mono),monospace;font-size:.57rem;letter-spacing:.12em}.login-page__failure{position:relative;z-index:1;width:100%;margin-bottom:22px}.login-page__expired{position:relative;z-index:1;display:flex;align-items:flex-start;gap:10px;margin:0 0 20px;padding:12px 14px;border:2px solid var(--login-ink);border-left:8px solid #1ee3cf;border-radius:2px;background:var(--home-pass-asset-paper,linear-gradient(#f4ecdc,#f4ecdc)) center /430px auto repeat,var(--login-paper-light);box-shadow:4px 4px 0 rgba(0,0,0,.24);color:var(--login-ink);font-family:var(--font-body);font-size:14px;font-weight:700;line-height:1.7;text-align:left}.login-page__expired svg{flex:none;margin-top:4px;color:var(--login-ink)}.login-page__expired-text{flex:1 1 0;min-width:0}.login-page__expired-main{margin:0;color:var(--login-ink)}.login-page__expired-main,.login-page__expired-note{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.login-page__expired-note{margin:4px 0 0;color:var(--login-ink-soft);font-size:12px;font-weight:400;line-height:1.6}.login-page__keep-link{display:inline-flex;align-items:center;min-height:44px;margin-top:2px;color:var(--login-ink);font-size:14px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:background-color 90ms ease,transform 90ms ease}.login-page__keep-link:before{content:"← ";white-space:pre}.login-page__keep-link:hover{color:var(--login-ink);text-shadow:none}.login-page__keep-link:active{background:rgba(23,23,19,.12);transform:translateY(1px)}.login-page__keep-link:focus-visible{outline:3px solid var(--login-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){.login-page__keep-link{transition-duration:.01ms}.login-page__keep-link:active{transform:none}}.login-page__description{position:relative;z-index:1;max-width:48ch;margin:0 auto;color:var(--login-ink-soft);font-size:clamp(.78rem,2vw,.9rem);line-height:1.85;text-align:center}.login-page__modd{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:24px;padding:14px 18px;border:2px solid var(--login-ink);border-radius:4px;background:var(--login-ink);box-shadow:5px 5px 0 #ff2a6d;color:#fff;font-family:var(--font-heading),sans-serif;font-size:.92rem;font-weight:800;letter-spacing:.06em;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.login-page__modd:hover{color:#fff;text-shadow:none;transform:translate(2px,2px);box-shadow:3px 3px 0 #05d9e8}.login-page__inapp-hint{position:relative;z-index:1;margin:12px 0 0;color:var(--login-ink-soft);font-size:12px;font-weight:400;line-height:1.7;text-align:center;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.login-page__dev{position:relative;z-index:1;margin-top:28px}.login-page__dev-divider{display:flex;align-items:center;gap:12px;margin:0;color:var(--login-ink-soft);font-family:var(--font-mono),monospace;font-size:.58rem;font-weight:800;letter-spacing:.18em}.login-page__dev-divider:after,.login-page__dev-divider:before{content:"";flex:1;height:1px;background:rgba(23,23,19,.25)}.login-page__dev-note,.login-page__dev-scope{margin:12px 0 0;color:var(--login-ink-soft);font-size:.68rem;line-height:1.7;text-align:center}.login-page__dev-note a{margin-inline:.25em;color:#8a2d00;font-weight:800;text-decoration:underline}.login-page__dev-submit{display:block;width:100%;margin-top:12px;padding:10px 14px;border:1px solid rgba(23,23,19,.5);border-radius:3px;background:transparent;color:var(--login-ink);font-size:.76rem;font-weight:800;cursor:pointer}.login-page__dev-submit:disabled{cursor:wait;opacity:.55}.login-page__dev-error{margin:10px 0 0;color:#a31717;font-size:.7rem;font-weight:700;line-height:1.6;text-align:center}.login-page__home{position:relative;z-index:1;display:block;width:fit-content;margin:24px auto 0;color:var(--login-ink-soft);font-size:.7rem;font-weight:700;text-decoration:underline}.login-page__home:hover{color:var(--login-ink);text-shadow:none}.login-page__footer{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:28px;color:var(--login-ink-soft);font-family:var(--font-mono),monospace;font-size:.5rem;font-weight:700;letter-spacing:.12em}.login-page__barcode{height:18px;opacity:.55;background:repeating-linear-gradient(90deg,var(--login-ink) 0 1px,transparent 1px 3px,var(--login-ink) 3px 5px,transparent 5px 8px)}.login-page .login-beta-notice{position:relative;z-index:1;color:var(--login-ink)}body:has(.login-page) .beta-banner{display:none}.login-page__ticket--complete{width:min(100%,680px)}.login-page__completion-brand{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:10px;border-bottom:1px solid rgba(23,23,19,.28);color:var(--login-ink-soft);font-family:var(--font-mono),monospace;font-size:.58rem;font-weight:800;letter-spacing:.15em}.login-page__completion-state{position:relative;z-index:1;width:100%}.login-page__login-link,.login-page__retry{min-width:170px;padding:10px 16px;border:2px solid var(--login-ink);border-radius:3px;font-size:.74rem;font-weight:800;text-align:center}.login-page__retry{background:var(--login-ink);color:#fff;cursor:pointer}.login-page__login-link{background:transparent;color:var(--login-ink);text-decoration:none}.login-page__login-link:hover,.login-page__retry:hover{filter:brightness(1.1);text-shadow:none}@media (prefers-reduced-motion:reduce){.login-page__modd{transition:none}}@media (max-width:560px){.login-page{padding:22px 12px}.login-page__ticket{padding:30px 20px 24px;border-width:4px}.login-page__footer,.login-page__serial{gap:8px;font-size:.47rem}}@media (max-width:950px) and (orientation:landscape) and (hover:none) and (pointer:coarse){.login-page{overflow:visible;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.login-page__ticket{width:min(100%,720px);padding:24px 30px}.login-page__serial{margin:14px 0 16px}.login-page__modd{margin-top:18px}.login-page__dev,.login-page__footer{margin-top:20px}.login-page__home{margin-top:18px}}