.gate{min-height:100svh;display:grid;place-items:center;padding:var(--s-3)}.gate__card{width:100%;max-width:452px;border-radius:var(--r-xl);background-color:var(--surface);background-image:var(--grad-raised);border:1px solid var(--line);box-shadow:var(--shadow-xl);overflow:hidden;will-change:transform}.gate__head{padding:var(--s-5) var(--s-4) var(--s-3);text-align:center;border-bottom:1px solid var(--line)}.gate__mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto var(--s-3);border:none;border-radius:var(--r-lg);background-color:var(--accent);background-image:var(--grad-accent);color:var(--accent-ink);box-shadow:var(--shadow-md),var(--shadow-accent);font-family:var(--font-serif);font-weight:600;font-size:19px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-hover) var(--ease-out),box-shadow var(--dur-hover) var(--ease-out)}.gate__mark:hover{transform:scale(1.06);box-shadow:var(--shadow-lg),var(--shadow-accent)}.gate__mark:active{transform:scale(.94)}.gate__title{margin-top:var(--s-1)}.gate__sub{margin-top:4px;font-size:var(--t-sm);color:var(--sub)}.gate__body{padding:var(--s-4)}.gate__steps{position:relative;min-height:268px}.gate__actions{margin-top:var(--s-3);display:grid;gap:var(--s-05)}.gate__attempts{margin-top:var(--s-2);text-align:center;font-size:var(--t-xs);color:var(--sub);font-variant-numeric:tabular-nums}.gate__foot{margin-top:var(--s-3);text-align:center;font-family:var(--font-mono);font-size:var(--t-xs);line-height:1.8;letter-spacing:.04em;color:var(--sub)}.msg{overflow:hidden;padding:12px var(--s-2);border-radius:var(--r-md);border:1px solid transparent;font-size:var(--t-sm);font-weight:500}.msg--error{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}.msg--ok{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok)}.identity{display:flex;align-items:center;gap:12px;padding:14px var(--s-2);margin-bottom:var(--s-3);border-radius:var(--r-lg);background:var(--accent-soft);border:1px solid var(--accent-line);box-shadow:var(--shadow-sm)}.identity__avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--r-full);background-color:var(--accent);background-image:var(--grad-accent);color:var(--accent-ink);box-shadow:var(--shadow-sm);font-weight:600;font-size:15px}.identity__name{display:block;font-weight:600;font-size:var(--t-sm);line-height:1.3}.identity__id{display:block;font-family:var(--font-mono);font-size:var(--t-xs);color:var(--sub)}.dots{display:flex;justify-content:center;gap:6px;margin-top:var(--s-3)}.dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--n-400);transition:width var(--dur-hover) var(--ease-out),background var(--dur-hover) var(--ease-out)}.dot.is-active{width:20px;background:var(--accent)}.gate__toggle{position:fixed;top:var(--s-2);right:var(--s-2);z-index:var(--z-sticky);display:flex;gap:3px;padding:4px;border-radius:var(--r-full);background:#ffffff0d;border:1px solid var(--line);box-shadow:var(--shadow-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.gate__tbtn{display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:var(--r-full);background:transparent;font-size:14px;cursor:pointer;opacity:.5;transition:opacity var(--dur-hover) var(--ease-out),transform var(--dur-hover) var(--ease-out),background var(--dur-hover) var(--ease-out)}.gate__tbtn:hover{opacity:1;transform:translateY(-1px)}.gate__tbtn.is-active{opacity:1;background:var(--accent)}.win95-title{display:none}body.win95{background:teal;font-family:"MS Sans Serif","Microsoft Sans Serif",Segoe UI,Arial,sans-serif;color:#000}body.win95 .wash,body.win95 .grain{display:none}body.win95 .gate__card{background:silver;background-image:none;border:2px solid;border-color:#fff #808080 #808080 #fff;border-radius:0;max-width:420px;box-shadow:2px 2px #00000080}body.win95 .gate__head{border-bottom:none;padding:0 0 var(--s-2);text-align:left}body.win95 .gate__mark,body.win95 .eyebrow,body.win95 .dots{display:none}body.win95 .win95-title{display:block;margin:-1px -1px var(--s-2);padding:4px 8px;text-align:left;background:linear-gradient(to right,navy,#1084d0);color:#fff;font-size:12px;font-weight:700}body.win95 .gate__title,body.win95 .gate__sub{font-family:inherit;font-size:12px;color:#000;letter-spacing:0;padding-inline:8px}body.win95 .gate__title{font-weight:700}body.win95 .label{font-family:inherit;font-size:11px;font-weight:400;text-transform:none;letter-spacing:0;color:#000}body.win95 .field,body.win95 .select__button{border-radius:0;border:1px solid;border-color:#808080 #fff #fff #808080;background:#fff;color:#000;font-size:11px;padding:4px;box-shadow:none}body.win95 .select__list{border-radius:0;background:#fff;background-image:none;border:1px solid #808080;box-shadow:2px 2px #0006}body.win95 .select__option{border-radius:0;color:#000;font-size:11px}body.win95 .select__option.is-active{background:navy;color:#fff}body.win95 .btn{border-radius:0;background:silver;background-image:none;color:#000;border:2px solid;border-color:#fff #808080 #808080 #fff;box-shadow:none;font-size:11px;font-weight:700;padding:5px 16px}body.win95 .btn:hover{transform:none;background:#d4d4d4;box-shadow:none}body.win95 .btn:active{border-color:#808080 #fff #fff #808080}body.win95 .btn--quiet{border:none;background:transparent}body.win95 .identity{border-radius:0;border:1px solid #808080;background:#fff;box-shadow:none}body.win95 .identity__avatar{border-radius:0;background:navy;background-image:none;color:#fff}body.win95 .identity__name,body.win95 .identity__id{color:#000}body.win95 .msg{border-radius:0}body.win95 .gate__foot{color:#000}body.win95 .gate__toggle{border-radius:0;background:silver;border:1px solid;border-color:#fff #808080 #808080 #fff}@media(max-width:420px){.gate__steps{min-height:296px}}