:root{--tp-ink: #1b1530;--tp-ink-soft: #3a3358;--tp-paper: #ffffff;--tp-cream: #fff8e6;--tp-sky: #3aa0ff;--tp-grass: #35c45a;--tp-grass-deep: #1e8f3f;--tp-grass-light: #9cf06a;--tp-sun: #ffc83d;--tp-sun-deep: #f29a1a;--tp-coral: #ff5a4e;--tp-plum: #5b2a86;--tp-good: #3df08a;--tp-bad: #ff3b4e;--tp-track: #35c45a;--tp-hazard: #ff5a4e;--tp-helper: #3aa0ff;--tp-radius: 18px;--tp-radius-sm: 12px;--tp-shadow: 0 6px 0 rgba(27, 21, 48, .35), 0 14px 28px rgba(27, 21, 48, .28);--tp-shadow-sm: 0 3px 0 rgba(27, 21, 48, .35), 0 6px 14px rgba(27, 21, 48, .22);--tp-display: "Arial Rounded MT Bold", "Nunito Black", "Nunito", "Varela Round", "Baloo 2", "SF Pro Rounded", ui-rounded, "Trebuchet MS", system-ui, sans-serif;--tp-body: "Avenir Next", "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--tp-outline: -2px -2px 0 var(--tp-ink), 2px -2px 0 var(--tp-ink), -2px 2px 0 var(--tp-ink), 2px 2px 0 var(--tp-ink), 0 -2px 0 var(--tp-ink), 0 2px 0 var(--tp-ink), -2px 0 0 var(--tp-ink), 2px 0 0 var(--tp-ink), 0 5px 0 rgba(27, 21, 48, .45);--tp-outline-thin: -1px -1px 0 var(--tp-ink), 1px -1px 0 var(--tp-ink), -1px 1px 0 var(--tp-ink), 1px 1px 0 var(--tp-ink), 0 2px 0 rgba(27, 21, 48, .5)}.tp-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:48px;box-sizing:border-box;font-family:var(--tp-body);color:var(--tp-paper);background:radial-gradient(ellipse at 50% 45%,#1b153000 35%,#1b153073),linear-gradient(180deg,#3aa0ff2e,#1e8f3f2e);overflow:auto}.tp-panel{position:relative;box-sizing:border-box;min-width:320px;padding:28px 32px 30px;border-radius:var(--tp-radius);color:var(--tp-paper);font-family:var(--tp-body);font-weight:700;background:linear-gradient(180deg,#ffffff29,#fff0 38%),linear-gradient(160deg,#3ecd60f0,#1c9646f0);border:4px solid var(--tp-grass-light);box-shadow:inset 0 0 0 3px #ffffff40,var(--tp-shadow);backdrop-filter:blur(6px)}.tp-title{margin:0 0 6px;font-family:var(--tp-display);font-size:clamp(40px,5vw,76px);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--tp-paper);text-shadow:var(--tp-outline)}.tp-panel .tp-title{font-size:clamp(30px,3vw,44px);text-align:center}.tp-subtitle{margin:0 0 14px;font-family:var(--tp-display);font-size:clamp(18px,1.6vw,26px);color:var(--tp-sun);text-shadow:var(--tp-outline-thin);letter-spacing:.02em}.tp-panel .tp-subtitle{text-align:center}.tp-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 26px;border:3px solid var(--tp-ink);border-radius:999px;font-family:var(--tp-display);font-size:20px;letter-spacing:.03em;text-transform:uppercase;color:var(--tp-ink);background:linear-gradient(180deg,#fff,#fff1cf);box-shadow:0 5px 0 var(--tp-ink),0 10px 18px #1b153040;cursor:pointer;transform:translateY(0);transition:transform 90ms ease,box-shadow 90ms ease,filter .12s ease,background .12s ease;user-select:none}.tp-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--tp-ink),0 14px 22px #1b15304d;filter:brightness(1.05)}.tp-button:active{transform:translateY(4px);box-shadow:0 1px 0 var(--tp-ink),0 4px 8px #1b153040}.tp-button:focus-visible{outline:4px solid var(--tp-sun);outline-offset:4px}.tp-button.is-primary{color:var(--tp-paper);background:linear-gradient(180deg,#ffd35c,#ff9a1f);text-shadow:var(--tp-outline-thin)}.tp-button.is-selected{background:linear-gradient(180deg,#fff27a,#ffc83d);box-shadow:0 0 0 4px var(--tp-paper),0 0 0 8px var(--tp-sun-deep),0 5px 0 8px var(--tp-ink)}.tp-button[disabled],.tp-button[aria-disabled=true]{cursor:not-allowed;filter:grayscale(.9) brightness(.9);opacity:.6;transform:none;box-shadow:0 3px 0 var(--tp-ink-soft)}.tp-field{box-sizing:border-box;min-height:48px;padding:8px 16px;border:3px solid var(--tp-ink);border-radius:var(--tp-radius-sm);font-family:var(--tp-display);font-size:20px;letter-spacing:.06em;color:var(--tp-ink);background:var(--tp-cream);box-shadow:inset 0 3px #1b15301f;outline:none}.tp-field:focus,.tp-field:focus-visible{border-color:var(--tp-sun-deep);box-shadow:inset 0 3px #1b15301f,0 0 0 4px var(--tp-sun)}.tp-field::placeholder{color:#1b153066}select.tp-field{cursor:pointer}.tp-tag{--player: #ff8a1f;position:relative;display:inline-flex;align-items:center;gap:6px;padding:3px 12px 4px;border:2px solid var(--tp-ink);border-radius:999px;font-family:var(--tp-display);font-size:16px;line-height:1.2;color:var(--tp-paper);text-shadow:var(--tp-outline-thin);background:var(--player);box-shadow:var(--tp-shadow-sm);white-space:nowrap}.tp-tag:after{content:"";position:absolute;left:50%;bottom:-9px;width:12px;height:12px;background:var(--player);border-right:2px solid var(--tp-ink);border-bottom:2px solid var(--tp-ink);transform:translate(-50%) rotate(45deg);border-bottom-right-radius:3px}.tp-card{--type: var(--tp-track);--player: var(--tp-sun);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;box-sizing:border-box;width:168px;min-height:196px;padding:10px 10px 12px;border:3px solid var(--tp-ink);border-radius:var(--tp-radius);font-family:var(--tp-display);font-size:17px;text-align:center;color:var(--tp-ink);background:linear-gradient(180deg,var(--type) 0 34px,transparent 34px),repeating-linear-gradient(0deg,rgba(58,160,255,.07) 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,rgba(58,160,255,.07) 0 1px,transparent 1px 16px),linear-gradient(180deg,#fff,#eef6ff);box-shadow:var(--tp-shadow-sm);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .16s ease}.tp-card:before{content:attr(data-type);position:absolute;top:6px;left:0;right:0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--tp-paper);text-shadow:var(--tp-outline-thin)}.tp-card[data-type=track]{--type: var(--tp-track)}.tp-card[data-type=hazard]{--type: var(--tp-hazard)}.tp-card[data-type=helper]{--type: var(--tp-helper)}.tp-card:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:var(--tp-shadow)}.tp-card:focus-visible{outline:4px solid var(--tp-sun);outline-offset:4px}.tp-card.is-held{transform:translateY(-10px) scale(1.04);border-color:var(--player);box-shadow:0 0 0 4px var(--tp-paper),0 0 0 8px var(--player),0 18px 26px #1b153059;z-index:1}.tp-card.is-taken{cursor:default;filter:grayscale(1) brightness(.85);opacity:.55;transform:none}.tp-card.is-taken:after{content:"TAKEN";position:absolute;top:44%;left:50%;padding:2px 10px;border:3px solid var(--tp-bad);border-radius:8px;font-size:18px;color:var(--tp-bad);background:#ffffffd9;transform:translate(-50%,-50%) rotate(-12deg)}.tp-hud{font-family:var(--tp-display);color:var(--tp-paper);text-shadow:var(--tp-outline-thin);pointer-events:none;user-select:none}.tp-hud .tp-button,.tp-hud .tp-card,.tp-hud .tp-field{pointer-events:auto}.tp-meter{--fill: 0;position:relative;box-sizing:border-box;width:280px;height:26px;border:3px solid var(--tp-ink);border-radius:999px;background:#1b15308c;box-shadow:var(--tp-shadow-sm);overflow:hidden}.tp-meter:after{content:"";position:absolute;inset:2px auto 2px 2px;width:calc((100% - 4px) * var(--fill));border-radius:999px;background:linear-gradient(180deg,#ffffff73,#fff0 55%),linear-gradient(90deg,#3df08a,#ffe066 55%,#ff9a1f 80%,#ff3b4e);background-size:100% 100%,calc(100%/max(var(--fill),.01)) 100%}.tp-timer{--left: 1;--tp-timer-c: var(--tp-good);position:relative;display:inline-grid;place-items:center;width:72px;height:72px;border:3px solid var(--tp-ink);border-radius:50%;font-family:var(--tp-display);font-size:24px;color:var(--tp-paper);text-shadow:var(--tp-outline-thin);background:radial-gradient(circle,var(--tp-ink-soft) 0 56%,transparent 57%),conic-gradient(var(--tp-timer-c) calc(var(--left) * 360deg),rgba(27,21,48,.55) 0);box-shadow:var(--tp-shadow-sm)}.tp-timer{--tp-timer-c: color-mix(in srgb, var(--tp-good) calc(var(--left) * 100%), var(--tp-bad))}.tp-toast{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border:3px solid var(--tp-ink);border-radius:999px;font-family:var(--tp-display);font-size:20px;color:var(--tp-ink);background:linear-gradient(180deg,#fff,#fff1cf);box-shadow:var(--tp-shadow-sm);transform:scale(calc(.6 + .4 * var(--tp-in, 1))) translate(calc(var(--tp-shake, 0) * 9px));opacity:var(--tp-in, 1)}.tp-toast.is-bad{color:var(--tp-paper);background:linear-gradient(180deg,#ff6b74,#e8283a);text-shadow:var(--tp-outline-thin)}.tp-scorecard{border-collapse:separate;border-spacing:0;min-width:420px;font-family:var(--tp-display);font-size:20px;color:var(--tp-ink);background:var(--tp-paper);border:3px solid var(--tp-ink);border-radius:var(--tp-radius);overflow:hidden;box-shadow:var(--tp-shadow)}.tp-scorecard th{padding:10px 14px;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--tp-paper);text-shadow:var(--tp-outline-thin);background:linear-gradient(180deg,#45d26a,#1e8f3f);border-bottom:3px solid var(--tp-ink)}.tp-scorecard td{padding:9px 14px;text-align:center;border-bottom:2px solid rgba(27,21,48,.1)}.tp-scorecard td:first-child,.tp-scorecard th:first-child{text-align:left}.tp-scorecard tbody tr:nth-child(2n) td{background:#f2fbef}.tp-scorecard tbody tr:last-child td{border-bottom:0}.tp-scorecard tr[style*=--player] td:first-child{box-shadow:inset 8px 0 0 var(--player);padding-left:20px}.tp-scorecard .is-under{color:var(--tp-grass-deep)}.tp-scorecard .is-over{color:var(--tp-coral)}.tp-scorecard tfoot td{font-size:22px;background:var(--tp-cream);border-top:3px solid var(--tp-ink)}.tp-award{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:18px 28px 16px;border:3px solid var(--tp-ink);border-radius:var(--tp-radius);font-family:var(--tp-display);font-size:22px;color:var(--tp-ink);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.7),transparent 60%),linear-gradient(180deg,#ffe680,#ffb300);box-shadow:var(--tp-shadow);transform:scale(calc(.5 + .5 * var(--tp-in, 1)));opacity:var(--tp-in, 1)}.tp-award:before{content:"★";display:grid;place-items:center;width:52px;height:52px;margin-top:-44px;border:3px solid var(--tp-ink);border-radius:50%;font-size:30px;color:var(--tp-paper);text-shadow:var(--tp-outline-thin);background:linear-gradient(180deg,#ff7a5c,#e8283a);box-shadow:var(--tp-shadow-sm)}.tp-keyhint{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;box-sizing:border-box;border:2px solid var(--tp-ink);border-radius:8px;font-family:var(--tp-display);font-size:15px;line-height:1;color:var(--tp-ink);text-shadow:none;background:linear-gradient(180deg,#fff,#e6e2f0);box-shadow:0 3px 0 var(--tp-ink);vertical-align:middle}.tp-keyhint[data-style=gamepad],.tp-keyhint.is-gamepad{border-radius:50%;width:30px;padding:0;color:var(--tp-paper);background:linear-gradient(180deg,#5a5478,#2c2645)}@media(prefers-reduced-motion:reduce){.tp-button,.tp-card{transition:none}}html,body{margin:0;height:100%;overflow:hidden}#view{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui .l-pass,#ui .l-pass *{pointer-events:none}#ui .l-pass .l-hit,#ui .l-pass .l-hit *{pointer-events:auto}.tp-screen{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:3vh 3vw}.tp-screen.l-left{justify-content:flex-start;padding-left:7vw}.l-col{display:flex;flex-direction:column;gap:10px}.l-row{display:flex;flex-direction:row;gap:10px;align-items:center}.l-wrap{flex-wrap:wrap}.l-grow{flex:1 1 auto}.l-center{justify-content:center}.l-between{justify-content:space-between}.l-end{justify-content:flex-end}.l-gap-lg{gap:22px}.l-menu{width:min(440px,90vw)}.l-setup{width:min(1500px,96vw);max-height:96vh;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.l-setup-body{display:flex;gap:28px;min-height:0}.l-setup-body>.l-col{flex:1 1 0;min-width:0}.l-player{display:grid;grid-template-columns:40px 1fr 170px 40px;gap:8px;align-items:center}.l-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 22px}.l-setting{display:grid;grid-template-columns:minmax(0,1fr) 40px 176px 40px;gap:6px;align-items:center}.l-swatch{width:34px;height:34px;box-sizing:border-box}.l-value{text-align:center}.tp-hud{position:absolute;inset:0}.l-tl{position:absolute;left:20px;top:18px}.l-tr{position:absolute;right:20px;top:18px}.l-tc{position:absolute;left:50%;top:18px;transform:translate(-50%)}.l-bc{position:absolute;left:50%;bottom:20px;transform:translate(-50%)}.l-bl{position:absolute;left:20px;bottom:20px}.l-br{position:absolute;right:20px;bottom:20px}.l-mid{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%)}.l-meter{position:absolute;left:50%;bottom:120px;transform:translate(-50%);width:360px;height:22px}.tp-meter>.l-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--fill, 0) * 100%)}.tp-meter,.tp-timer{position:relative;overflow:hidden}.tp-timer>.l-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--left, 0) * 100%)}.l-timer{width:260px;height:10px}.l-toasts{position:absolute;left:50%;top:110px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.l-tags{position:absolute;inset:0}.tp-tag.l-float{position:absolute;left:0;top:0;white-space:nowrap;transform-origin:50% 100%}.l-tray{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:10px;align-items:flex-end;max-width:96vw}.tp-card{width:120px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;cursor:pointer}.tp-card img{width:104px;height:104px;object-fit:contain;display:block}.l-order{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tp-scorecard{border-collapse:collapse}.tp-scorecard td,.tp-scorecard th{text-align:center}.l-podium{display:flex;align-items:flex-end;justify-content:center;gap:16px;height:300px}.l-podium>.l-step{width:160px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box}.l-keys{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.l-help{max-width:760px}