.th-welcome.tournament-shell.ts-shell{background:var(--t-brand-bg);min-height:100svh;color:var(--t-brand-ink);padding:0 0 56px}.th-welcome-header{border-bottom:1px solid var(--t-brand-line);align-items:center;gap:18px;padding:16px max(24px,50vw - 560px);display:flex}.th-welcome-header>.dinkpro-public-logo,.th-guide-header>.dinkpro-public-logo{object-fit:contain;flex:none;width:112px;height:112px}.th-welcome-header>span{text-transform:uppercase;letter-spacing:.08em;font-weight:800}.th-device{color:var(--t-brand-muted);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.th-welcome-body{width:min(960px,100% - 48px);margin:48px auto 0}.th-eyebrow{color:var(--t-brand-link);letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}.th-welcome.ts-shell h1,.th-guide-backdrop.ts-shell .th-guide h2{color:var(--t-brand-ink);text-transform:uppercase;letter-spacing:-.035em;font-style:italic;font-weight:950;line-height:1.02}.th-welcome.ts-shell h1{max-width:900px;margin:0;font-size:clamp(32px,4.7vw,64px)}.th-welcome.ts-shell h1:focus{outline:3px solid var(--t-brand-link);outline-offset:6px;border-radius:4px}.th-event-name{overflow-wrap:anywhere;margin:24px 0 12px;font-size:clamp(22px,3vw,32px);font-weight:850;line-height:1.2}.th-intro{color:var(--t-brand-muted);max-width:650px;font-size:16px;font-weight:500;line-height:1.65}.th-event-counts{flex-wrap:wrap;gap:10px;margin:24px 0 30px;padding:0;list-style:none;display:flex}.th-event-counts li{background:var(--t-brand-raised);border:1px solid var(--t-brand-line);padding:10px 18px;font-size:15px;font-weight:800}.th-steps{counter-reset:host-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.th-steps>li{background:var(--t-brand-surface);border:1px solid var(--t-brand-line);border-top:3px solid var(--t-brand-gold);counter-increment:host-step;min-width:0;padding:24px;position:relative}.th-steps>li:after{content:"0" counter(host-step);color:var(--t-brand-muted);font-size:13px;font-weight:900;position:absolute;top:20px;right:20px}.th-steps>li>svg{color:var(--t-brand-link);margin-bottom:20px}.ts-shell .th-steps h2,.ts-shell .th-steps h3{margin:0 0 10px;font-size:18px;font-weight:850;line-height:1.2}.th-steps p{color:var(--t-brand-muted);margin:0;font-size:14px;font-weight:500;line-height:1.65}.th-have-fun{margin:30px 0 20px;font-size:17px;font-weight:750}.th-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ts-shell .th-primary,.ts-shell .th-secondary{cursor:pointer;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 22px;font-size:14px;font-weight:850;line-height:1.3;display:inline-flex}.th-primary{background:var(--t-brand-gold);color:var(--t-brand-navy);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border:0}.th-secondary{color:var(--t-brand-ink);background:var(--t-brand-surface);border:1px solid var(--t-brand-field);border-radius:10px}.th-primary:focus-visible{box-shadow:inset 0 0 0 3px var(--t-brand-navy), inset 0 0 0 5px white;outline:0}.th-secondary:focus-visible,.th-tip-trigger:focus-visible{outline:3px solid var(--t-brand-link);outline-offset:3px}.th-guide-backdrop.ts-shell.tournament-shell{z-index:var(--z-dialog,1000);background:#050c1ec7;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.th-guide{border:1px solid var(--t-brand-line);border-top:4px solid var(--t-brand-gold);background:var(--t-brand-bg);width:min(860px,100%);max-height:calc(100svh - 48px);color:var(--t-brand-ink);padding:28px;overflow-y:auto;box-shadow:0 24px 72px #00000059}.th-guide-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.th-close{min-width:44px;min-height:44px;padding:10px}.th-guide-backdrop.ts-shell .th-guide h2{margin:0 0 14px;font-size:clamp(28px,4vw,42px)}.th-guide .th-steps{margin-top:24px}.th-guide-note{color:var(--t-brand-muted);margin:20px 0;font-size:13px;line-height:1.6}.th-quick-start{border-left:3px solid var(--t-brand-gold);background:var(--t-brand-raised);flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;padding:16px;display:flex}.th-quick-start p{color:var(--t-brand-muted);flex:220px;margin:0;font-size:13px;line-height:1.5}.th-quick-start strong{color:var(--t-brand-ink);display:block}.th-setup-help{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px;display:flex;position:relative}.th-tip{vertical-align:middle;text-transform:none;letter-spacing:normal;font-size:14px;font-style:normal;display:inline-flex;position:relative}.th-tip-trigger{border:1px solid var(--t-brand-line);min-width:44px;min-height:44px;color:var(--t-brand-link);background:var(--t-brand-surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.th-tip-content{z-index:30;background:var(--t-brand-surface);width:min(260px,100vw - 64px);color:var(--t-brand-ink);border:1px solid var(--t-brand-field);border-radius:10px;padding:14px;font-size:13px;font-weight:500;line-height:1.6;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 32px #0000002e}@media (max-width:700px){.th-welcome-header{gap:12px;padding:12px 20px}.th-welcome-header>.dinkpro-public-logo,.th-guide-header>.dinkpro-public-logo{width:80px;height:80px}.th-welcome-header>span{font-size:12px}.th-welcome-header .th-device{display:none}.th-welcome-body{width:calc(100% - 40px);margin-top:32px}.th-steps{grid-template-columns:1fr}.th-steps>li{gap:18px;padding:22px;display:flex}.th-steps>li>svg{flex:none;margin:0}.th-steps>li:after{display:none}.th-guide-backdrop.ts-shell.tournament-shell{padding:12px}.th-guide{max-height:calc(100svh - 24px);padding:20px}.th-actions{align-items:stretch}.th-actions>button{flex:220px}}@media (prefers-reduced-motion:reduce){.th-welcome *,.th-guide *{scroll-behavior:auto;transition:none;animation:none}}.th-setup-help .th-tip{position:static}.th-setup-help .th-tip-content{width:min(320px,100vw - 64px);left:0}.th-tip-content:before{content:"";height:8px;position:absolute;inset:-8px 0 auto}