/* Phase 1: tablet-first presentation; no backend or event-ledger changes. */
:root{--yx-navy:#071321;--yx-gold:#f0c778;--yx-border:rgba(238,193,105,.26)}
html{scroll-behavior:smooth}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f5cc74!important;outline-offset:3px}
/* Sign-in: generous, low-distraction split layout for tablet landscape. */
.premium-auth{display:grid;grid-template-columns:minmax(310px,1fr) minmax(340px,465px);gap:clamp(24px,4vw,80px);align-items:center;max-width:1210px;margin:0 auto;min-height:100dvh;padding:clamp(24px,5vw,60px)}
.auth-intro{min-width:0}.brand-kicker{color:var(--yx-gold);letter-spacing:.22em;font-size:.76rem;font-weight:800}.auth-emblem{width:clamp(170px,23vw,265px);aspect-ratio:1;margin:28px 0 18px;display:grid;place-items:center;filter:drop-shadow(0 12px 30px #0008)}.auth-emblem img{width:100%;height:100%;object-fit:contain}.auth-intro h2{font-size:clamp(2rem,4vw,3.75rem);line-height:1.2;color:#fff;letter-spacing:.02em;margin:0 0 16px}.auth-intro p{color:#bdc8d7;line-height:1.9;max-width:36ch}.auth-steps{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}.auth-steps span{border:1px solid #486075;background:#142b3caa;border-radius:999px;color:#e8d6ad;padding:8px 12px;font-size:.78rem}.premium-auth .auth-card{width:100%;padding:clamp(24px,3vw,42px);box-shadow:0 16px 60px #0008;border-color:#cbaa6260}.premium-auth .auth-card h1{font-size:clamp(1.5rem,2.4vw,2rem)}.auth-context{color:#c0cbdb;font-size:.9rem;line-height:1.75;margin:12px 0 24px;text-align:center}.premium-auth label{font-size:.92rem}.premium-auth input{min-height:50px}.premium-auth button[type=submit]{width:100%;min-height:52px}.auth-submit{display:flex;align-items:center;justify-content:center;gap:12px}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:74px}.password-toggle{position:absolute;right:5px;top:5px;bottom:5px;padding:0 12px;min-height:36px;border-radius:8px;background:#183146;color:#ffdb9b;border:1px solid #47647c;font-weight:600;font-size:.8rem}.premium-auth .notice:not(:empty){border:1px solid #ae695b;background:#421f2d;color:#ffd8cb;border-radius:10px;padding:10px 12px}
/* Guided management workflow: durable landmarks, without hiding legacy forms. */
.workflow-nav{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:12px max(20px,calc((100vw - 1460px)/2));border-bottom:1px solid #354554;background:#081b2a;scrollbar-width:thin}.workflow-caption{flex:0 0 205px;padding:4px 12px 4px 0;border-right:1px solid #314a5b;display:grid;align-content:center;gap:3px}.workflow-caption span{font-size:.62rem;letter-spacing:.18em;color:#d0b076}.workflow-caption strong{font-size:.9rem;color:#e6eaf0}.workflow-nav a{color:#e4dfd3;border:1px solid transparent;border-radius:10px;display:flex;gap:7px;white-space:nowrap;align-items:center;padding:10px 12px;min-height:46px;font-size:.85rem}.workflow-nav a:hover,.workflow-nav a:focus-visible{border-color:#ddae68;background:#253748}.step-no{font-size:.7rem;color:#e9bd77;font-weight:800}.flow-intro{max-width:1500px;padding:28px 22px 8px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:22px}.flow-intro h2{font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.32;margin:6px 0}.flow-intro p:not(.eyebrow){color:#aabdd1;font-size:.9rem;max-width:72ch;margin:8px 0}.flow-intro-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.flow-link{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:linear-gradient(120deg,#ecc987,#c39752);color:#0c2037!important;font-weight:800;font-size:.85rem;min-height:46px}.secondary-link{background:#15293b;color:#f0d5a7!important;border:1px solid #496070}.workspace-guided{padding-top:10px}.flow-panel{scroll-margin-top:18px}.flow-panel:target{border-color:#e6ba6f;box-shadow:0 0 0 1px #a37c48,0 16px 50px #0004}.flow-panel h2{font-size:1.3rem}.flow-panel input,.flow-panel select,.flow-panel textarea{min-height:46px}.flow-panel button{min-height:46px}.flow-help-inline{color:#b5c6d9;font-size:.86rem;line-height:1.75}.game-preview{border:1px solid #bb9865;border-radius:14px;background:linear-gradient(120deg,#21374a,#122337);margin:14px 0;padding:16px}.game-preview-heading{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.game-preview-heading strong{color:#ffdb9c;font-size:1rem}.game-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-preview-grid div{display:grid;gap:5px;border-top:1px solid #42586a;padding-top:9px;min-width:0}.game-preview-grid small{color:#a7b7c6}.game-preview-grid strong{font-size:.88rem;overflow-wrap:anywhere}.game-preview>p{font-size:.78rem;color:#b7c1cf;margin:14px 0 0}.panel .item{line-height:1.6}.scorer-start-preview{padding:14px 17px;border:1px solid #ca9e50;border-radius:12px;background:#182d3e;margin:14px 0;display:grid;gap:5px}.scorer-start-preview span{letter-spacing:.12em;color:#d9a861;font-size:.77rem}.scorer-start-preview strong{color:#f6d48a;font-size:1rem}.scorer-start-preview small{color:#b3c2d1;font-size:.8rem}
@media(max-width:1000px){.premium-auth{grid-template-columns:1fr 1fr;gap:24px}.auth-steps{display:none}.auth-intro h2{font-size:2rem}.flow-intro{align-items:stretch;flex-direction:column}.flow-intro-actions{justify-content:flex-start}}
@media(max-width:730px){.premium-auth{grid-template-columns:1fr;min-height:100dvh;padding:24px 16px;gap:18px}.auth-intro{display:grid;justify-items:center;text-align:center}.auth-intro h2{font-size:1.6rem}.auth-intro p{display:none}.auth-emblem{margin:10px 0;width:110px}.auth-intro .brand-kicker{font-size:.64rem}.auth-card .brand-symbol{width:80px;height:80px}.workflow-caption{display:none}.workflow-nav{padding:10px 12px}.flow-intro{padding:18px 16px 4px}.workspace-guided{padding:12px}.game-preview-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* UI2 cross-provider sign-in, Apple only on iOS/iPadOS */
.provider-list{display:grid;gap:12px;margin:20px 0 12px}
.provider-button{display:flex;justify-content:center;align-items:center;gap:14px;padding:14px 15px;border-radius:13px;border:1px solid #4e6981;min-height:54px;font-weight:800;text-decoration:none;color:#f5f7fc;background:#13283b;transition:background .16s ease}
.provider-button:hover{background:#25405a;color:#fff}
.provider-button.line-signin{background:#06a347;border-color:#21bd65;color:white}
.provider-button.google-signin{background:#fff;color:#172637;border-color:#ccd8e4}
.provider-button.apple-signin{background:#050505;color:#fff;border-color:#aab3c3}
.provider-mark{width:27px;height:27px;display:grid;place-items:center;font-weight:900;border:1px solid currentColor;border-radius:8px;font-size:1.05rem}
.provider-button.is-unavailable{opacity:.54;cursor:not-allowed;filter:grayscale(.7)}
.provider-button[hidden]{display:none!important}
.login-info{color:#b9c6d5;font-size:.81rem;line-height:1.65;margin:12px 0 18px}
.legacy-login{border-top:1px solid #385066;padding-top:16px;margin-top:15px}
.legacy-login summary{cursor:pointer;color:#d7b47b;font-size:.82rem}
.legacy-login form{margin-top:18px}
.legacy-login .hint{margin-top:12px}
@media (max-width:750px){.provider-button{min-height:56px}}
.apple-signin .provider-mark{font-size:.52rem;letter-spacing:-.02em;width:32px;border:0}