body.touchline-title-open{background:#1b0d2d}
body.touchline-title-open :is(.review,.prototypebar,.mast,#nav){display:none!important}
body.touchline-title-open .app{width:100%;max-width:none;min-height:100dvh;margin:0;border-radius:0;background:#1b0d2d;box-shadow:none;overflow:visible}
body.touchline-title-open #content{padding:0;outline:none}
.tl-entry-screen{min-height:100dvh;background:#1b0d2d;color:#f8f5fb;font-family:Bahnschrift,'Segoe UI',Arial,sans-serif}
.tl-entry-screen *{box-sizing:border-box}
.tl-entry-shell{max-width:1190px;min-height:100dvh;margin:auto;padding:0 clamp(18px,4vw,52px);display:flex;flex-direction:column}
.tl-title-header{min-height:76px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #ffffff25}
.tl-entry-brand{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.055em}
.tl-entry-brand img{width:29px;height:29px;object-fit:contain}
.tl-title-header>span{color:#baaacc;font-size:12px;margin-left:auto}
.tl-title-header .touchline-account-button{margin-left:0}
.tl-entry-hero{position:relative;min-height:265px;display:flex;align-items:end;overflow:hidden;padding:clamp(25px,4vw,48px);background:linear-gradient(120deg,#482268,#32184d 64%,#27143e);border-bottom:4px solid #b29ad3}
.tl-entry-hero:before{content:'';position:absolute;inset:auto -6% -2px 47%;height:1px;transform:rotate(-18deg);background:#e9daf45c;box-shadow:0 -38px #e9daf42b,0 -76px #e9daf420,0 -114px #e9daf414}
.tl-entry-hero>div:first-child{position:relative;z-index:1}
.tl-entry-hero span{font-size:12px;font-weight:700;color:#d1bfe2}
.tl-entry-hero h1{font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-.065em;margin:13px 0 10px}
.tl-entry-hero p{margin:0;color:#d8cbe4;font-size:15px}
.tl-entry-hero-mark{position:absolute;right:22px;top:5px;font-size:clamp(140px,28vw,310px);line-height:1;color:#ffffff0b;font-weight:900;letter-spacing:-.2em;pointer-events:none}
.tl-entry-content{display:grid;grid-template-columns:minmax(290px,1fr) minmax(330px,1.1fr);gap:18px;padding:22px 0}
.tl-entry-content>[data-title-cloud]:empty{display:none}
.tl-entry-content>.remote-sync{grid-column:1/-1}
.tl-entry-current,.tl-entry-recovery{min-width:0;background:#f5f1f8;color:#281738}
.tl-entry-current>header,.tl-entry-recovery>header{min-height:48px;padding:13px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded5e8;font-size:13px;font-weight:700}
.tl-entry-current>header b,.tl-entry-recovery>header small{font-size:12px;font-weight:500;color:#796c87}
.tl-entry-current-club{display:flex;align-items:center;gap:17px;min-height:116px;padding:20px}
.tl-entry-current-club>img{flex:none;width:70px;height:70px;object-fit:contain}
.tl-entry-current-club h2{font-size:23px;line-height:1.1;letter-spacing:-.035em;margin:0 0 8px}
.tl-entry-current-club p{margin:0;color:#74657f;font-size:13px}
.tl-entry-current>button{display:block;width:calc(100% - 40px);min-height:48px;margin:0 20px 20px;border:0;border-radius:5px;background:#4d2672;color:#fff;font:700 15px Bahnschrift,'Segoe UI',sans-serif;cursor:pointer}
.tl-entry-current>button:hover{background:#623489}
.tl-entry-save-list{max-height:222px;overflow-y:auto}
.tl-entry-save{width:100%;min-height:60px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 17px;text-align:left;border:0;border-bottom:1px solid #ded5e8;border-radius:0;background:transparent;color:#281738;cursor:pointer}
.tl-entry-save:hover,.tl-entry-save.is-selected{background:#e6ddee}
.tl-entry-save>span{grid-column:1/-1;color:#796589;font-size:11px}
.tl-entry-save strong{font-size:14px}
.tl-entry-save small{font-size:11px;color:#786b83;text-align:right}
.tl-entry-empty{margin:0;padding:22px 18px;color:#766a80;font-size:13px}
.tl-entry-save-choice{display:flex;align-items:center;gap:10px;padding:12px 17px;background:#e7ddec}
.tl-entry-save-choice p{flex:1;margin:0;font-size:12px}
.tl-entry-save-choice button{min-height:36px;padding:7px 10px;border:0;border-radius:4px;background:#4d2672;color:#fff;font-weight:700;cursor:pointer}
.tl-entry-save-choice button:last-child{background:transparent;color:#4d2672}
.tl-entry-footer{display:flex;gap:22px;margin-top:auto;padding:8px 0 28px}
.tl-entry-footer button,.tl-entry-back{border:0;border-bottom:1px solid #bda3d2;border-radius:0;background:none;color:#e6d9f0;padding:8px 0;font:700 14px Bahnschrift,'Segoe UI',sans-serif;cursor:pointer}
.tl-entry-footer button:hover,.tl-entry-back:hover{color:#fff;border-color:#fff}
.tl-entry-new main{flex:1;padding:22px 0 40px}
.tl-entry-new-heading{padding:24px 0 20px}
.tl-entry-new-heading>span{color:#bea6d3;font-size:13px}
.tl-entry-new-heading h1{font-size:clamp(42px,6vw,70px);letter-spacing:-.055em;line-height:1;margin:9px 0 10px}
.tl-entry-new-heading p{max-width:550px;margin:0;color:#c9b8d8;font-size:14px}
.tl-entry-club-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tl-entry-club-grid button{min-width:0;min-height:76px;display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #76558d;border-radius:5px;background:#322044;color:#f9f6fb;text-align:left;font:700 13px Bahnschrift,'Segoe UI',sans-serif;cursor:pointer}
.tl-entry-club-grid button:hover{background:#45295e}
.tl-entry-club-grid button[aria-pressed=true]{border:2px solid #e5d4f3;background:#60387e;padding:10px 11px}
.tl-entry-club-grid button>img{flex:none;width:40px;height:40px;object-fit:contain}
.tl-entry-club-grid button>span{min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.2}
.tl-entry-selection{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:13px 16px;background:#f6f2f9;color:#29163c;box-shadow:0 -12px 32px #14092170}
.tl-entry-selection>div{display:flex;align-items:center;gap:12px;min-width:0}
.tl-entry-selection>div>img,.tl-entry-no-club{flex:none;width:43px;height:43px;object-fit:contain}
.tl-entry-no-club{border:1px solid #c3b3d0;border-radius:50%}
.tl-entry-selection small,.tl-entry-selection strong{display:block}
.tl-entry-selection small{color:#806d8e;font-size:11px}
.tl-entry-selection strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-entry-selection>button{flex:none;min-height:46px;padding:10px 19px;border:0;border-radius:4px;background:#4d2672;color:#fff;font:700 14px Bahnschrift,'Segoe UI',sans-serif;cursor:pointer}
.tl-entry-selection>button:disabled{opacity:.42;cursor:default}
.tl-entry-busy{position:fixed;z-index:30;inset:0;display:grid;place-content:center;gap:18px;background:#1b0d2def;text-align:center;font-size:16px}
.tl-entry-busy i{width:160px;height:3px;margin:auto;background:#cdb0e2;animation:tl-entry-load 1.2s ease-in-out infinite;transform-origin:left}
.tl-entry-error{position:fixed;z-index:35;left:50%;bottom:24px;transform:translateX(-50%);width:min(480px,calc(100vw - 32px));padding:15px;background:#792b4c;color:#fff;font-size:13px;text-align:center}
.tl-entry-screen :is(button,a):focus-visible{outline:3px solid #d7b9eb;outline-offset:2px}
.tl-entry-screen [data-title-continue]:disabled{opacity:.46;cursor:default}
@keyframes tl-entry-load{0%,100%{transform:scaleX(.3)}50%{transform:scaleX(1)}}
@media(max-width:800px){.tl-entry-club-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.tl-entry-shell{padding:0}.tl-title-header{min-height:65px;padding:0 18px}.tl-entry-brand{font-size:17px}.tl-entry-brand img{width:25px;height:25px}.tl-title-header>span{font-size:10px}.tl-entry-hero{min-height:198px;padding:26px 20px}.tl-entry-hero h1{font-size:51px}.tl-entry-hero p{font-size:13px}.tl-entry-content{display:block;padding:0}.tl-entry-current,.tl-entry-recovery{border-bottom:1px solid #ded5e8}.tl-entry-footer{margin-top:0;padding:18px 20px 26px}.tl-entry-new main{padding:18px 17px 32px}.tl-entry-new-heading{padding:20px 0}.tl-entry-club-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-entry-club-grid button{min-height:68px}.tl-entry-selection{margin-left:-17px;margin-right:-17px;bottom:0}.tl-entry-selection>button{padding:9px 12px}}
@media(max-width:370px){.tl-entry-hero h1{font-size:42px}.tl-entry-club-grid button{gap:6px;padding:8px}.tl-entry-club-grid button>img{width:34px;height:34px}.tl-entry-selection strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.tl-entry-busy i{animation:none}}