/* GENERATED from the approved public CSS; edit canonical source/generator, not this file. */
html .auth-panel{--color-blog: #ffb199;--color-contact: #ff7e5f;--text-color: #830000d0;--background-color: #fff;--text-color-dark: #ff7f7f;--background-color-dark: #333;}
html .auth-panel{--header-height: 70px;}
html .auth-panel{--stage-surface:#ffd3cc;--glide:cubic-bezier(.16,1,.3,1);}
.auth-panel .project-action{transition:color .28s ease,background-color .35s ease,border-color .35s ease,box-shadow .3s ease;}
.auth-panel .project-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; align-items:center;}
.auth-panel .project-action{display:inline-flex; align-items:center; justify-content:center; min-height:46px; gap:12px; padding:11px 17px; margin:0; border-radius:7px; font-size:13px; font-weight:700; border:1px solid transparent; text-decoration:none; transition:transform .25s var(--glide),box-shadow .25s ease,background-color .3s ease,color .3s ease;}
.auth-panel .project-action.primary{color:#fff4ec;}
.auth-panel .project-action.secondary{background:#ffe5da88;}
.auth-panel .project-action:hover{transform:translateY(-3px); text-decoration:none;}
.auth-panel .project-action:active{transform:translateY(1px); box-shadow:none;}
.auth-panel .dark-mode .project-action.primary{color:#392b45;}
.auth-panel .dark-mode .project-action.secondary{background:#473851; border-color:#997ba688; box-shadow:0 3px 0 #221c31;}
.auth-panel .project-action:focus-visible{outline-offset:5px;}
.auth-panel .dark-mode .project-action:focus-visible{outline-color:#ffe2c9;}
@media  (min-width:1000px) and (max-height:820px) {.auth-panel .project-actions{margin-top:18px;}}
@media  (max-width:999px), (max-height:679px), (pointer:coarse) {.auth-panel .project-actions{gap:10px;}
.auth-panel .project-action{padding:11px 15px;}}
@media  (prefers-reduced-motion:reduce) {.auth-panel .project-action:hover{transform:none!important; filter:none!important;}}
html .auth-panel{--deck-ease:cubic-bezier(.215,.61,.355,1);}
.auth-panel .project-actions{gap:10px;margin-top:23px}
.auth-panel .project-action{min-height:46px;font-size:11px;letter-spacing:.065em;text-transform:uppercase;border-radius:9px;padding:12px 16px;gap:10px}
.auth-panel .project-action.primary{}
.auth-panel .dark-mode .project-action.primary{}
.auth-panel .project-action.secondary{}
.auth-panel .dark-mode .project-action.secondary{background:#463550;border-color:#92749f}
@media (min-width:1000px) and (max-height:820px){.auth-panel .project-actions{margin-top:18px}}
@media (max-width:999px),(max-height:679px),(pointer:coarse),(max-width:1099px) and (max-height:739px){.auth-panel .project-actions{margin-top:23px}}
@media (prefers-reduced-motion:reduce){.auth-panel .project-action{transform:none!important;translate:none!important}}
html .auth-panel{--motion-ease:cubic-bezier(.22,.68,.2,1);--deck-ease:var(--motion-ease);--motion-fast:180ms;--motion-medium:420ms;--motion-major:640ms;}
.auth-panel .project-actions{gap:9px;margin-top:17px;flex-wrap:wrap}
.auth-panel .project-action{min-height:44px;font-size:10px;padding:11px 12px;letter-spacing:.055em}
.auth-panel :is(.project-action,.social-badge,.contact-send){border-radius:8px;transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-medium),background-color var(--motion-medium);text-decoration:none}
.auth-panel :is(.project-action,.social-badge,.contact-send):is(:hover,:focus-visible){transform:translateY(-2px);outline-offset:4px}
.auth-panel .dark-mode :is(.project-action,.social-badge,.contact-send):focus-visible{}
.auth-panel :is(.project-action,.social-badge,.contact-send):active{transform:translateY(1px)}
@media (max-width:999px),(max-height:679px),(pointer:coarse),(max-width:1099px) and (max-height:739px){.auth-panel .project-action{font-size:11px}}
@media (prefers-reduced-motion:reduce){.auth-panel .project-action{transform:none!important;translate:none!important}}
html .auth-panel{--violet:#a88cc7;--indigo:#344273;--surface:#fbd0cd;--surface-high:#ffe6dc;--edge-lit:#fff3e5c9;--ambient-opacity:.18;--action-ink:#fff4ee;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-control:9px;--radius-label:6px;--radius-surface:16px;--radius-card:22px;--shadow-rest:0 2px 0 var(--depth),0 5px 10px var(--shade),inset 0 1px var(--edge-lit);--shadow-raised:0 4px 0 var(--depth),0 10px 20px var(--shade),inset 0 1px var(--edge-lit);--shadow-hover:0 5px 0 var(--depth),0 12px 24px var(--shade),0 0 18px var(--glow),inset 0 1px var(--edge-lit);--shadow-pressed:0 1px 0 var(--depth),0 3px 8px var(--shade),inset 0 1px 3px var(--shade);--shadow-card:0 6px 0 -2px var(--depth),0 22px 42px var(--shade),inset 0 1px 1px var(--edge-lit);--shadow-heading:0 3px 0 var(--depth),0 9px 20px var(--shade),inset 0 1px var(--edge-lit);--shadow-focus:0 0 0 3px var(--surface-high),0 0 0 6px var(--focus),0 0 22px var(--glow);--font-body:Arial,Helvetica,sans-serif;--type-wordmark:30px;--type-nav:14px;--type-hero:clamp(28px,3vw,38px);--type-heading:clamp(27px,2.6vw,35px);--type-project:clamp(25px,2.1vw,30px);--type-body:17px;--type-button:11px;--type-meta:10px;--line-body:1.75;--line-title:1.15;--measure:70ch;--tracking-meta:.1em;--duration-feedback:100ms;--duration-fast:180ms;--duration-standard:300ms;--duration-deliberate:460ms;--duration-cinematic:620ms;--duration-theme:320ms;--ease-out:cubic-bezier(.2,.75,.25,1);--ease-flow:cubic-bezier(.22,.68,.2,1);--ease-press:cubic-bezier(.3,0,.65,1);--motion-ease:var(--ease-flow);--deck-ease:var(--ease-flow);--glide:var(--ease-out);--z-background:-2;--z-ambient:-1;--z-content:1;--z-deck:3;--z-header:100;--z-skip:200;--header-height:72px;--deck-width:750px;--deck-shoulder:150px;}
html[data-theme=night] .auth-panel{--canvas:#272438;--surface:#353148;--surface-high:#51425f;--surface-low:#24243b;--surface-gradient:linear-gradient(135deg,#3b354e,#2c2c45 72%,#39304f);--edge:#a286b185;--depth:#1b192d;--shade:#0b102c80;--ambient-opacity:.35;--glow:#b78ddd42;--header-surface:#211b2af5;--heading-surface:linear-gradient(135deg,#404169,#303454);}
html[data-deck-scale="64"] .auth-panel{--deck-width:750px;}
html[data-ambient=balanced] .auth-panel{--ambient-opacity:.35;}
.auth-panel .project-actions{margin-top:18px;gap:10px}
.auth-panel :is(.project-action,.contact-send,.social-badge,.lab-button),.auth-panel .dark-mode :is(.project-action,.contact-send,.social-badge,.lab-button){min-height:46px;border:1px solid var(--edge)!important;border-radius:var(--radius-control);background:var(--surface-gradient)!important;color:var(--ink)!important;box-shadow:var(--shadow-raised)!important;text-shadow:none!important;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast),border-color var(--duration-theme);outline:none;font-family:var(--font-body)}
.auth-panel :is(.project-action.primary,.contact-send),.auth-panel .dark-mode :is(.project-action.primary,.contact-send){background:var(--action-bg)!important;color:var(--action-ink)!important;box-shadow:0 4px var(--action-depth),0 9px 17px var(--shade),inset 0 1px #fff5!important}
.auth-panel .project-action{font-size:10px;letter-spacing:.05em;padding:11px 12px;gap:9px}
.auth-panel .project-action i{transition:transform var(--duration-standard) var(--ease-out)}
.auth-panel :is(.project-action,.social-badge,.contact-send,.lab-button):is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:var(--shadow-hover)!important;outline:none}
.auth-panel :is(.project-action,.social-badge,.contact-send,.lab-button):focus-visible{outline:2px solid var(--focus)!important;outline-offset:5px;box-shadow:var(--shadow-focus)!important}
.auth-panel :is(.project-action,.social-badge,.contact-send):is(:hover,:focus-visible) i{transform:translate(1px,-1px)}
.auth-panel :is(.project-action,.social-badge,.contact-send,.lab-button):active{transform:translateY(2px);box-shadow:var(--shadow-pressed)!important}
@media (max-width:999px),(max-height:679px),(pointer:coarse),(max-width:1099px) and (max-height:739px){.auth-panel .project-action{font-size:11px}}
@media (max-width:900px){html .auth-panel{--header-height:68px;}}
@media (max-width:600px){.auth-panel .project-action{font-size:10px;padding:11px 12px}
.auth-panel .project-actions{gap:12px}}
@media (max-width:359px){.auth-panel .project-action{padding-inline:10px;font-size:9px}}
@media (prefers-reduced-motion:reduce){.auth-panel .project-action{transform:none!important}}
html .auth-panel{--header-gutter:24px;}
@media (max-width:900px){html .auth-panel{--header-gutter:18px;}}
@media (max-width:359px){html .auth-panel{--header-gutter:12px;}}
html .auth-panel{--material-system:pass7;--canvas:#eeede7;--ink:#292e31;--ink-secondary:#363d40;--ink-muted:#495355;--signature:#923328;--signature-bright:#d7503d;--coral:#f77062;--cool:#738693;--geo-1:#d9d8d0;--geo-2:#c9cec9;--geo-3:#dde0e1;--geo-4:#f5f1e8;--glass-rgb:246 245 239;--glass-deep-rgb:221 224 219;--edge-rgb:67 78 79;--specular-rgb:255 255 249;--surface:#ebece6;--surface-high:#f6f4ee;--surface-low:#dfe3df;--surface-gradient:linear-gradient(135deg,rgb(var(--glass-rgb)/.76),rgb(var(--glass-deep-rgb)/.53));--edge:rgb(var(--edge-rgb)/.24);--edge-lit:rgb(var(--specular-rgb)/.78);--depth:#aeb7b2;--shade:#293e4426;--glow:#d7503d19;--focus:#92392f;--header-ink:#384245;--header-surface:rgb(var(--glass-rgb)/.69);--heading-ink:#384345;--heading-surface:linear-gradient(140deg,rgb(var(--specular-rgb)/.66),rgb(var(--glass-deep-rgb)/.59));--heading-emboss:0 1px 0 #fffef8,0 2px 0 #929f9c40;--action-bg:linear-gradient(145deg,#b34536,#8f3028);--action-ink:#fffaf5;--action-depth:#692d28;--ambient-opacity:.27;--ambient-warm:#b45d3030;--ambient-cool:#64839940;--deck-accent:var(--signature);--nav-alpha:.69;--content-alpha:.45;--card-alpha:.64;--secondary-alpha:.34;--control-alpha:.45;--nav-blur:10px;--content-blur:5px;--card-blur:12px;--secondary-blur:3px;--saturation:1.06;--specular-alpha:.73;--edge-alpha:.23;--shadow-rest:0 2px 0 #81918b40,0 5px 10px var(--shade),inset 0 1px var(--edge-lit);--shadow-raised:0 3px 0 #81918b55,0 9px 18px var(--shade),inset 0 1px var(--edge-lit);--shadow-hover:0 4px 0 #81918b55,0 12px 24px var(--shade),0 0 18px var(--glow),inset 0 1px var(--edge-lit);--shadow-pressed:0 1px 0 var(--depth),0 3px 7px var(--shade),inset 0 1px 3px #172c331f;--shadow-card:0 5px 0 -2px #82908b70,0 22px 42px var(--shade),inset 0 1px 1px var(--edge-lit),inset 0 -1px 1px #7687861a;--shadow-heading:0 3px 0 #9eaaa57a,0 9px 20px var(--shade),inset 0 1px var(--edge-lit);--shadow-focus:0 0 0 3px var(--surface-high),0 0 0 6px var(--focus),0 0 18px var(--glow);}
html[data-theme=night] .auth-panel{--canvas:#1c2231;--ink:#f2f2ec;--ink-secondary:#e1e5e6;--ink-muted:#bbc5d0;--signature:#f8a78f;--signature-bright:#ff7e5f;--coral:#f77062;--cool:#8097c6;--geo-1:#2a3656;--geo-2:#29313e;--geo-3:#233b54;--geo-4:#3b4461;--glass-rgb:40 50 65;--glass-deep-rgb:24 33 48;--edge-rgb:161 180 203;--specular-rgb:210 229 248;--surface:#2e3b4d;--surface-high:#39485a;--surface-low:#273545;--edge:rgb(var(--edge-rgb)/.25);--edge-lit:rgb(var(--specular-rgb)/.23);--depth:#121c2b;--shade:#050b2080;--glow:#e781571c;--focus:#ffac91;--header-ink:#d3dbe4;--header-surface:rgb(var(--glass-rgb)/.69);--heading-ink:#e1e8ed;--heading-emboss:0 1px 0 #07101e,0 2px 0 #132139,0 -1px #d2e5f822;--action-bg:linear-gradient(145deg,#ae4533,#873429);--action-ink:#fff9f1;--action-depth:#482720;--ambient-opacity:.34;--ambient-warm:#d9783526;--ambient-cool:#799ad152;--shadow-rest:0 2px 0 #101c2c80,0 5px 10px var(--shade),inset 0 1px var(--edge-lit);--shadow-raised:0 3px 0 #101c2c99,0 9px 18px var(--shade),inset 0 1px var(--edge-lit);--shadow-hover:0 4px 0 #101c2c99,0 12px 24px var(--shade),0 0 18px var(--glow),inset 0 1px var(--edge-lit);--shadow-card:0 5px 0 -2px #0e1828aa,0 22px 42px var(--shade),inset 0 1px 1px var(--edge-lit),inset 0 -1px 1px #08152566;--shadow-heading:0 3px 0 #101b2dbb,0 9px 20px var(--shade),inset 0 1px var(--edge-lit);}
.auth-panel :is(.project-action,.contact-send,.social-badge,.lab-button),.auth-panel .dark-mode :is(.project-action,.contact-send,.social-badge,.lab-button){background:linear-gradient(140deg,rgb(var(--specular-rgb)/.13),transparent 70%),rgb(var(--glass-rgb)/var(--control-alpha))!important;border-color:var(--edge)!important;box-shadow:var(--shadow-raised)!important;color:var(--ink)!important;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast),border-color var(--duration-theme),background-color var(--duration-theme),color var(--duration-theme)}
.auth-panel :is(.project-action.primary,.contact-send),.auth-panel .dark-mode :is(.project-action.primary,.contact-send){background:var(--action-bg)!important;color:var(--action-ink)!important;border-color:#792f2744!important;box-shadow:0 4px var(--action-depth),0 9px 17px var(--shade),inset 0 1px #fff5!important}
.auth-panel :is(.project-action,.contact-send,.social-badge,.lab-button):is(:hover,:focus-visible){border-color:var(--signature)!important;box-shadow:var(--shadow-hover)!important}
.auth-panel :is(.project-action.primary,.contact-send):is(:hover,:focus-visible){box-shadow:0 4px var(--action-depth),0 12px 22px var(--shade),inset 0 1px #fff8,0 0 15px var(--glow)!important}
.auth-panel :is(.project-action,.contact-send,.social-badge,.lab-button):active,.auth-panel :is(.project-action,.contact-send,.social-badge,.lab-button)[data-demo-state=pressed]{transform:translateY(2px);box-shadow:var(--shadow-pressed)!important}
.auth-panel :is(.project-action,.contact-send,.social-badge,.lab-button):focus-visible{outline:2px solid var(--focus)!important;outline-offset:5px;box-shadow:var(--shadow-focus)!important}
@media (max-width:900px){html .auth-panel{--nav-blur:6px;--content-blur:0px;--card-blur:4px;--nav-alpha:.87;--content-alpha:.65;--card-alpha:.79;}}
@media (max-width:600px),(pointer:coarse){html .auth-panel{--card-blur:0px;--content-blur:0px;--secondary-blur:0px;--card-alpha:.86;}}
@supports  not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html .auth-panel{--nav-alpha:.95;--card-alpha:.94;--content-alpha:.84;--secondary-alpha:.8;}}
@media (prefers-reduced-transparency:reduce){html .auth-panel{--nav-alpha:1;--card-alpha:1;--content-alpha:.96;--secondary-alpha:.92;}}
@media (prefers-reduced-motion:reduce){.auth-panel .project-action{transform:none!important}}
.auth-panel html[data-motion=reduce] :is(.project-action,.contact-send,.social-badge){transform:none!important}
.auth-panel :is(.project-action,.contact-send,.social-badge)[data-demo-state=hover]{transform:translateY(-2px);box-shadow:var(--shadow-hover)!important;border-color:var(--signature)!important}
.auth-panel :is(.project-action,.contact-send,.social-badge)[data-demo-state=focus]{outline:2px solid var(--focus)!important;outline-offset:5px;box-shadow:var(--shadow-focus)!important}
.auth-panel :is(.project-action,.contact-send,.social-badge)[data-demo-state=disabled]{opacity:.48;box-shadow:var(--shadow-rest)!important;transform:none!important}
html[data-theme=night] .auth-panel{--surface-gradient:linear-gradient(135deg,rgb(var(--glass-rgb)/.76),rgb(var(--glass-deep-rgb)/.53));--heading-surface:linear-gradient(140deg,rgb(var(--specular-rgb)/.11),rgb(var(--glass-deep-rgb)/.66));}
html .auth-panel{--material-system:pass8;--brand-fallback:#ff8177;--brand-gradient-bottom:#ff0844;--brand-gradient-top:#ffb199;--ui-red:#923328;--ui-red-bright:#d7503d;--ui-coral:#f77062;--ui-red-night:#ae4533;--deck-out:180ms;--deck-in:460ms;--deck-detail:300ms;--portrait-warm:rgb(181 98 59/.11);--portrait-cool:rgb(113 139 148/.15);}
html[data-theme=night] .auth-panel{--signature:#f8a78f;--ambient-warm:#a9532921;--ambient-cool:#6788bf4a;--portrait-warm:rgb(174 69 51/.10);--portrait-cool:rgb(101 133 180/.21);--night-light:radial-gradient(ellipse at 50% 100%,#ee80522e,transparent 70%),linear-gradient(140deg,#8298cf25,#2a35474d);--night-hover-edge:#9aacc144;}
html .auth-panel{--deck-accent:var(--signature);}
html .auth-panel{--signature:var(--ui-red);--signature-bright:var(--ui-red-bright);--coral:var(--ui-coral);--action-red-start:#b34536;--action-red-end:#8f3028;--action-bg:linear-gradient(145deg,var(--action-red-start),var(--action-red-end));}
html[data-theme=night] .auth-panel{--ui-red-light:#f8a78f;--signature:var(--ui-red-light);--action-red-start:var(--ui-red-night);--action-red-end:#873429;--action-bg:linear-gradient(145deg,var(--action-red-start),var(--action-red-end));}
.auth-panel .hero-actions .project-action{font-size:12px;min-height:44px;padding:12px 19px}
.auth-panel .document-actions .project-action{font-size:12px;min-height:44px}
@media (max-width:600px){.auth-panel .hero-actions .project-action{font-size:11px;padding:12px 14px}
.auth-panel .document-actions .project-action{font-size:11px}}
.auth-panel .hero-side .project-action{font-size:11px;text-transform:none}
@media (max-width:650px){.auth-panel .hero-side .project-action{font-size:11px;min-height:44px}}
.auth-panel .project-action{gap:9px}
.auth-panel .project-action .ui-icon{width:16px;height:16px}
.auth-panel .project-action .ui-brand{font-size:16px;width:16px}
.auth-panel .project-details .project-actions{flex-wrap:wrap}
.auth-panel{position:fixed;z-index:400;top:50%;left:50%;translate:-50% -50%;width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 72px);padding:26px;border:1px solid var(--edge);border-radius:26px;background:var(--surface-high);background-image:var(--surface-gradient);box-shadow:var(--shadow-card);color:var(--ink);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;text-align:left}
.auth-panel[hidden]{display:none}
.auth-heading{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--edge);margin-bottom:20px}
.auth-heading>div{min-width:0}
.auth-heading #auth-kicker{font-size:10px;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;color:var(--signature);margin:0 0 6px}
#auth-title{font-size:25px;line-height:1.4;letter-spacing:-.025em;text-transform:none;margin:0;padding:0;border:0;background:none;box-shadow:none;text-shadow:none;color:var(--ink)}
#auth-title::before,#auth-title::after{display:none}
.auth-close{width:44px;height:44px;min-width:44px;border:1px solid var(--edge);border-radius:12px;color:var(--ink);background:var(--surface-gradient);cursor:pointer;display:grid;place-items:center}
.auth-close .ui-icon{width:20px;height:20px}
.auth-panel p{font-size:16px;line-height:1.85;color:var(--ink-secondary);margin:0 0 20px}
.auth-panel .project-role{display:block;font-size:13px;line-height:1.8;color:var(--signature);margin-bottom:20px}
.auth-panel .project-tech{font-size:13px;line-height:1.8;margin:20px 0;color:var(--ink)}
.auth-panel .action-note{font-size:12px;line-height:1.8;margin-bottom:24px;color:var(--ink-muted)}
.auth-panel .project-action{margin:5px 8px 5px 0}
.auth-panel:not([hidden]){animation:panel-in 160ms ease-out}
@keyframes panel-in{from{opacity:0}to{opacity:1}}
.auth-panel[data-scene=game]{width:min(540px,calc(100vw - 24px));padding:22px}
@media (max-width:550px){.auth-panel{width:calc(100vw - 24px);padding:20px;max-height:calc(100dvh - 44px);border-radius:22px}
.auth-panel[data-scene=game]{padding:16px}
.auth-heading{gap:14px;margin-bottom:16px}
#auth-title{font-size:22px}
.auth-heading #auth-kicker{font-size:9px}
.auth-panel p{font-size:15px}}
@media (prefers-reduced-motion:reduce){.auth-panel{animation:none!important;transition:none!important}}
html[data-motion=reduce] :is(.dev-character *,.auth-panel,.ui-icon,.icon-detail,.entry-object,.board-piece){animation:none!important;transition:none!important}
@media (forced-colors:active){.auth-panel{background:Canvas!important}}
html .auth-panel{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);}
.auth-panel{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px)}
@media (max-width:799px){.auth-panel .project-action{min-height:44px}}
@media (max-width:550px){.auth-panel{top:auto;bottom:calc(10px + var(--safe-bottom));left:50%;translate:-50% 0;width:calc(100% - 20px - var(--safe-left) - var(--safe-right));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px);padding:20px;border-radius:24px}
.auth-panel[data-scene=game]{width:calc(100% - 20px - var(--safe-left) - var(--safe-right));padding:15px}
.auth-heading{top:-20px}
.auth-panel[data-scene=game] .auth-heading{top:-15px}}


html .auth-panel{--dev-ink:#2f2e41;--dev-device:#3f3d56;--dev-paper:#e6e6e6;--dev-screen:#f2f2f2;--dev-sage:#8a9d91;}
html[data-theme=night] .auth-panel{--dev-ink:#64758e;--dev-device:#697b96;--dev-paper:#a2afc3;--dev-screen:#1b2230;--dev-sage:#7e9c96;}
.auth-heading .scene-guide{display:none}
.auth-panel[data-scene=game] .scene-guide{display:inline-flex;width:30px;height:50px;margin-right:4px}
html[data-theme=night] [data-motion-scene=hero] .auth-panel{--scene-paper:#2c364a;}
.auth-panel[data-scene=detail] .scene-guide{display:inline-flex;width:30px;height:50px;margin-right:8px;flex:none}
.auth-panel[data-scene=detail] .auth-heading{gap:14px}
.auth-panel[data-scene=detail] .auth-heading>div{flex:1;min-width:0}

.auth-panel #project-devrun:has(.project-action:hover) .dev-run-key-art img{transform:scale(1.025)}
.auth-panel #project-devrun:has(.project-action:hover) .dev-run-key-art:after{transform:translateX(100%);transition:transform 1.3s ease}



.auth-panel .project-actions{margin:8px 0 0!important;gap:8px;display:flex;flex-wrap:wrap}
.auth-panel .project-action{min-height:44px;padding:8px 10px;font-size:12px}
@media (max-width:600px){.auth-panel .project-actions{gap:6px;margin-top:4px!important}
.auth-panel .project-action{font-size:11px;padding:6px 8px;gap:5px}}
@media (max-width:600px) and (max-height:650px){.auth-panel html[data-theme] #portfolio .project-actions .project-action{font-size:10px;padding:5px;gap:3px}
.auth-panel html[data-theme] #portfolio .project-actions .ui-icon{width:12px;height:12px}
.auth-panel html[data-theme] #experience .about-actions .project-action{font-size:10px}}
@media (max-width:600px) and (max-height:650px){.auth-panel html[data-theme] #portfolio .project-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.auth-panel html[data-theme] #portfolio .project-actions .project-action{min-width:0;white-space:normal;justify-content:center;text-align:center;letter-spacing:0;line-height:1.3;min-height:44px}
.auth-panel html[data-theme] #portfolio .project-actions .project-action:only-child{grid-column:1/-1;justify-self:start}
.auth-panel html[data-theme] #portfolio .project-actions .social-mark{width:24px;height:24px;flex:0 0 24px;padding:3px;margin:0}}
.auth-panel{margin:0;font-family:var(--font-body,Arial,sans-serif);min-height:0}
.auth-panel::backdrop{background:rgb(10 15 23/.32);backdrop-filter:blur(4px)}
.auth-panel:not([open]){display:none!important}.auth-panel .auth-heading{position:static}
.auth-panel .auth-modes{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.auth-panel .auth-modes [aria-pressed=true]{border-color:var(--signature);color:var(--signature);box-shadow:var(--shadow-rest)}
.auth-panel .auth-providers{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.auth-panel .auth-providers button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin:0;flex:1 1 190px}
.auth-panel .auth-providers img{position:static;width:21px;height:21px;object-fit:contain;flex:none}.auth-panel [data-provider=linkedin] img{background:#fff;border-radius:2px}
.auth-panel .auth-note,.auth-panel .auth-status{font-size:12px;line-height:1.6}.auth-panel .auth-status:empty{display:none}
.auth-panel svg.account-icon{position:static;width:18px;height:18px;flex:none}
.auth-panel .auth-providers .google-provider{padding:0!important;border:0!important;background:none!important;min-height:44px}.auth-panel .auth-providers .google-signin{width:189px;height:40px;max-width:100%;object-fit:contain}
html[data-theme=night] .auth-panel [data-provider=github] img{filter:invert(1)}
.auth-panel :focus-visible{outline:3px solid var(--focus,var(--signature));outline-offset:3px}
html[data-account-panel=true]{overflow:hidden}
.auth-panel p{padding:0;margin:10px 0;line-height:1.6}
.auth-panel .auth-modes{flex-wrap:nowrap}.auth-panel .auth-modes button{min-width:0;padding:9px 10px;gap:5px;font-size:11px;white-space:nowrap}
@media(max-width:600px),(max-height:650px){
.auth-panel{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:16px}
.auth-panel .auth-heading{padding-bottom:12px;margin-bottom:12px;gap:8px}
.auth-panel #auth-title{font-size:22px;line-height:1.2;margin:4px 0}
.auth-panel #auth-description{font-size:13px;line-height:1.5}
.auth-panel .auth-modes{margin-bottom:10px;gap:5px}.auth-panel .auth-providers{margin:12px 0;gap:7px}
.auth-panel .auth-providers button{min-height:44px}.auth-panel .auth-note{font-size:11px}
.auth-panel .auth-close{width:40px;height:40px;min-width:40px}
}
@media(prefers-reduced-motion:reduce){.auth-panel,.auth-panel *{animation:none!important;transition:none!important}}
html[data-motion=reduce] .auth-panel,html[data-motion=reduce] .auth-panel *{animation:none!important;transition:none!important}

/* Provider branding is preserved; geometry and interaction are coordinated. */
.auth-panel .auth-providers{display:grid;grid-template-columns:repeat(3,198px);justify-content:center;align-items:center;gap:12px}
.auth-panel .auth-providers button{box-sizing:border-box;flex:0 0 198px;width:198px;min-width:198px;height:44px;min-height:44px;padding:0 12px;border:1px solid #747775;border-radius:4px;background:#fff!important;color:#1f1f1f!important;font:500 14px/20px var(--font-body,Arial,sans-serif);letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:var(--shadow-rest)!important;transform:translateY(0);transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out)}
.auth-panel .auth-providers button:is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:var(--shadow-hover)!important}
.auth-panel .auth-providers button:focus-visible{outline:3px solid var(--signature)!important;outline-offset:4px}
.auth-panel .auth-providers img{width:21px;height:21px}
.auth-panel .auth-providers .google-provider{border-radius:4px;padding:0!important;overflow:visible}
.auth-panel .auth-providers .google-signin{display:block;width:198px;height:44px;max-width:none;object-fit:contain}
.auth-panel .auth-providers .google-dark{display:none}
html[data-theme=night] .auth-panel .auth-providers button{background:#131314!important;color:#e3e3e3!important;border-color:#8e918f}
html[data-theme=night] .auth-panel .auth-providers .google-light{display:none}
html[data-theme=night] .auth-panel .auth-providers .google-dark{display:block}
@media(min-width:768px){.auth-panel:has(.auth-providers){width:min(720px,calc(100vw - 48px))}}
@media(max-width:767px){.auth-panel .auth-providers{grid-template-columns:198px}}
@media(prefers-reduced-motion:reduce){.auth-panel .auth-providers button{transition:none!important;transform:none!important}}
html[data-motion=reduce] .auth-panel .auth-providers button{transition:none!important;transform:none!important}