:root{--bg: #0b0e13;--bg-grad: radial-gradient(1200px 600px at 50% -10%, #16202c 0%, #0b0e13 60%);--panel: #141a22;--panel-2: #1b232d;--panel-3: #232d39;--line: #2a3540;--line-soft: #222b35;--text: #eaeef2;--muted: #8b9aa7;--faint: #5d6b77;--accent: #e3b74e;--accent-soft: rgba(227, 183, 78, .14);--accent-ink: #171207;--danger: #d4605c;--good: #6fbe7e;--hard: #3b82c4;--clay: #c2653a;--grass: #4a9457;--radius: 14px;--radius-s: 9px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--font: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg) var(--bg-grad) no-repeat;background-attachment:fixed;color:var(--text);font-family:var(--font);line-height:1.65;-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}#app{max-width:920px;margin:0 auto;padding:20px 16px 60px;min-height:100%}h1{font-size:30px;letter-spacing:.14em;font-weight:800}h2{font-size:17px;font-weight:700;letter-spacing:.02em}h3{font-size:13px;color:var(--muted);font-weight:600;letter-spacing:.08em}.small{font-size:12px;color:var(--muted)}.faint{color:var(--faint)}.num{font-variant-numeric:tabular-nums}.screen{animation:screen-in .32s cubic-bezier(.2,.7,.3,1) both}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line-soft);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow)}.panel-tight{padding:12px 14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spread{justify-content:space-between}.col{display:flex;flex-direction:column;gap:10px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}button,.btn{font:inherit;font-size:14px;color:var(--text);background:var(--panel-3);border:1px solid var(--line);border-radius:var(--radius-s);padding:9px 16px;cursor:pointer;transition:transform .08s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}button:hover{border-color:#46586a;background:#283441}button:active{transform:translateY(1px) scale(.99)}button.primary{background:linear-gradient(180deg,#f0c65e,var(--accent));color:var(--accent-ink);border-color:transparent;font-weight:700;box-shadow:0 4px 16px #e3b74e40}button.primary:hover{filter:brightness(1.06)}button.danger{border-color:#d4605c80;color:var(--danger)}button.ghost{background:transparent;border-color:var(--line);color:var(--muted)}button.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}button:disabled{opacity:.4;cursor:default}.btn-lg{padding:14px 20px;font-size:16px;border-radius:12px}.seg{display:inline-flex;width:fit-content;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}.seg-item{border:none;background:transparent;color:var(--muted);padding:6px 14px;border-radius:8px;font-size:13px}.seg-item:hover{background:var(--panel-3);color:var(--text)}.seg-item.on{background:var(--accent);color:var(--accent-ink);font-weight:700}.chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;background:var(--panel-3);color:var(--muted);border:1px solid var(--line)}.chip-hard{background:#3b82c429;color:#85b8e2;border-color:#3b82c466}.chip-clay{background:#c2653a29;color:#dc9d7c;border-color:#c2653a66}.chip-grass{background:#4a945729;color:#8cc797;border-color:#4a945766}.chip-gold{background:var(--accent-soft);color:var(--accent);border-color:#e3b74e66}.chip-danger{background:#d4605c24;color:var(--danger);border-color:#d4605c66}.title-screen{text-align:center;padding:12vh 8px 40px;position:relative;overflow:hidden}.title-court{position:absolute;top:-40px;right:-20%;bottom:-40px;left:-20%;z-index:-1;opacity:.14;border:2px solid var(--muted);border-radius:8px;transform:perspective(600px) rotateX(55deg) translateY(-8%);background:linear-gradient(var(--muted),var(--muted)) 50% 0 / 2px 100% no-repeat,linear-gradient(var(--muted),var(--muted)) 0 50% / 100% 2px no-repeat;animation:court-drift 14s ease-in-out infinite alternate}@keyframes court-drift{0%{transform:perspective(600px) rotateX(55deg) translateY(-8%) scale(1)}to{transform:perspective(600px) rotateX(55deg) translateY(-4%) scale(1.06)}}.title-screen .logo{font-size:42px;letter-spacing:.2em;font-weight:800}.title-screen .logo-sub{color:var(--accent);font-size:12px;letter-spacing:.5em;margin-top:2px;font-weight:600}.title-screen .tagline{color:var(--muted);margin:14px 0 46px;font-size:14px}.title-menu{display:flex;flex-direction:column;gap:12px;max-width:340px;margin:0 auto}.title-menu button{padding:15px;font-size:15px}.title-menu .menu-note{font-size:11px;color:var(--faint);display:block;margin-top:2px;font-weight:400}.title-menu button.primary .menu-note{color:#1712079e}.title-foot{margin-top:52px;font-size:11px;color:var(--faint);line-height:1.9}.vs-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}@media (max-width: 640px){.vs-wrap{grid-template-columns:1fr}.vs-mark{display:none}}.vs-mark{display:flex;align-items:center;color:var(--faint);font-weight:800;font-size:20px;letter-spacing:.1em}.vs-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;transition:border-color .2s ease,box-shadow .2s ease}.vs-card.picking{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.vs-card .role{font-size:11px;color:var(--muted);letter-spacing:.1em}.vs-card .pname{font-size:17px;font-weight:700;margin:2px 0}.vs-card .overall{float:right;font-size:26px;font-weight:800;color:var(--accent);line-height:1}.player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.player-card{text-align:left;padding:10px 14px;border-radius:var(--radius-s);background:var(--panel);border:1px solid var(--line-soft);display:block;width:100%}.player-card:hover{border-color:var(--accent);background:var(--panel-2)}.player-card .name{font-weight:700;display:flex;justify-content:space-between;align-items:baseline}.player-card .ovr{color:var(--accent);font-weight:800}.player-card .meta{font-size:11px;color:var(--muted);margin-top:1px}.rating-row{display:grid;grid-template-columns:6em 1fr 2.4em;gap:10px;align-items:center;font-size:12.5px}.rating-label{color:var(--muted)}.rating-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.rating-track{height:9px;background:#10151b;border-radius:99px;overflow:hidden;border:1px solid var(--line-soft)}.rating-fill{display:block;height:100%;border-radius:99px;transition:width .5s cubic-bezier(.2,.7,.3,1)}.rating-fill.r-low{background:#5d6b77}.rating-fill.r-mid{background:#7da3c0}.rating-fill.r-pro{background:linear-gradient(90deg,#d8b13c,#e8cd7a)}.rating-fill.r-elite{background:linear-gradient(90deg,#e3b74e,#f5e29e);box-shadow:0 0 10px #e3b74e66}.match-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:14px;align-items:start}@media (max-width: 760px){.match-grid{grid-template-columns:1fr}}.scoreboard{font-variant-numeric:tabular-nums;width:100%;border-collapse:collapse}.scoreboard td{padding:7px 6px;border-bottom:1px solid var(--line-soft);font-size:15px}.scoreboard tr:last-child td{border-bottom:none}.scoreboard .pname{width:52%;font-weight:700}.scoreboard .setcell{color:var(--muted);text-align:center;width:2em}.scoreboard .setcell.won{color:var(--text);font-weight:700}.scoreboard .curgame{text-align:center;width:2em;font-weight:700}.scoreboard .curpt{text-align:center;width:3em;font-weight:800;color:var(--accent);background:var(--accent-soft);border-radius:6px}.serve-tag{font-size:10px;color:var(--accent);border:1px solid rgba(227,183,78,.5);border-radius:4px;padding:0 5px;margin-left:6px;letter-spacing:.08em;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.situation-bar{min-height:26px;display:flex;gap:6px;align-items:center;margin-top:8px}.situation-chip{font-size:11px;font-weight:700;letter-spacing:.06em;padding:3px 12px;border-radius:999px;background:#d4605c29;color:#e29390;border:1px solid rgba(212,96,92,.5);animation:chip-in .25s ease both}.situation-chip.gold{background:var(--accent-soft);color:var(--accent);border-color:#e3b74e80}@keyframes chip-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.commentary{min-height:3.4em;padding:6px 2px 0;font-size:14px}.commentary .sub{color:var(--muted);font-size:12px}.court-wrap{position:relative}canvas.court{width:100%;border-radius:var(--radius);display:block;background:#0a0d11}.court-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;text-align:center}.court-overlay .big{font-size:30px;font-weight:800;letter-spacing:.12em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.8);animation:big-in .9s cubic-bezier(.2,.7,.3,1) both}.court-overlay .big.gold{color:var(--accent)}@keyframes big-in{0%{opacity:0;transform:scale(.6)}18%{opacity:1;transform:scale(1.06)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.set-banner{position:absolute;left:0;right:0;top:42%;background:linear-gradient(90deg,transparent,rgba(10,13,17,.92) 18%,rgba(10,13,17,.92) 82%,transparent);padding:14px 8px;text-align:center;pointer-events:none;animation:banner-in 2.4s ease both}.set-banner .b-title{color:var(--accent);font-size:12px;letter-spacing:.3em;font-weight:700}.set-banner .b-body{font-size:19px;font-weight:800}@keyframes banner-in{0%{opacity:0;transform:translateY(8px)}10%,85%{opacity:1;transform:none}to{opacity:0}}.momentum{margin-top:10px}.momentum .m-track{display:flex;height:8px;border-radius:99px;overflow:hidden;background:#10151b;border:1px solid var(--line-soft)}.momentum .m-a{background:linear-gradient(90deg,#e3b74e,#d8a52c);transition:width .4s ease}.momentum .m-b{background:#4d637a;transition:width .4s ease}.momentum .m-label{display:flex;justify-content:space-between;font-size:10.5px;color:var(--faint);margin-top:3px}.tactics{display:grid;grid-template-columns:5em 1fr;gap:8px 10px;align-items:center;font-size:13px}.tactics .t-label{color:var(--muted);font-size:12px}.tactics .opts{display:flex;gap:5px;flex-wrap:wrap}.tactics .opts button{padding:4px 11px;font-size:12px;border-radius:7px}.stats-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13.5px}.stats-table td,.stats-table th{padding:6px 8px;border-bottom:1px solid var(--line-soft);text-align:center}.stats-table tr:last-child td{border-bottom:none}.stats-table td:first-child{text-align:left;color:var(--muted);font-size:12.5px}.stats-table .lead{color:var(--accent);font-weight:700}.result-hero{text-align:center;padding:8px 0 4px}.result-hero .r-label{font-size:11px;letter-spacing:.3em;color:var(--muted)}.result-hero .r-name{font-size:24px;font-weight:800;color:var(--accent);margin:2px 0}.result-hero .r-score{font-size:16px;font-variant-numeric:tabular-nums}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.kpi{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-s);padding:9px 12px}.kpi .k-label{font-size:10.5px;color:var(--faint);letter-spacing:.08em}.kpi .k-value{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.kpi .k-value .unit{font-size:11px;color:var(--muted);font-weight:400}.cond-track{height:7px;background:#10151b;border-radius:99px;overflow:hidden;margin-top:5px;border:1px solid var(--line-soft)}.cond-fill{height:100%;border-radius:99px;transition:width .4s ease}.cond-good{background:linear-gradient(90deg,#6fbe7e,#9ad8a6)}.cond-mid{background:linear-gradient(90deg,#e3b74e,#edcf85)}.cond-bad{background:linear-gradient(90deg,#d4605c,#e29390)}.cmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.cmd-grid button{text-align:left;padding:11px 13px}.cmd-grid .desc{display:block;font-size:11px;color:var(--muted);margin-top:1px;font-weight:400}.cmd-grid .cost{display:block;font-size:10.5px;color:var(--faint);margin-top:3px}.event-card{width:100%;text-align:left;padding:13px 15px;background:linear-gradient(180deg,var(--panel-3),var(--panel-2));border:1px solid rgba(227,183,78,.35)}.event-card:hover{border-color:var(--accent)}.event-card .e-name{font-weight:700;font-size:15px}.event-card .e-meta{font-size:11.5px;color:var(--muted);margin-top:2px}.schedule{display:flex;flex-direction:column;gap:6px}.schedule .s-row{display:flex;gap:10px;align-items:center;font-size:12.5px;padding:7px 10px;background:var(--panel);border-radius:var(--radius-s);border:1px solid var(--line-soft)}.schedule .s-when{color:var(--faint);width:6.5em;font-variant-numeric:tabular-nums}.schedule .s-name{font-weight:600;flex:1}.schedule .s-ng{color:var(--faint);font-size:11px}.opp-card{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center}.opp-card .o-name{font-size:16px;font-weight:700}.opp-card .o-ovr{font-size:26px;font-weight:800;color:var(--muted);text-align:right}.tour-path{font-size:12px;color:var(--muted);line-height:1.9}.tour-path .won{color:var(--good)}.career-log{max-height:190px;overflow-y:auto;font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:3px}.career-log .l-row{padding-left:10px;border-left:2px solid var(--line-soft)}.career-log .important{color:var(--accent);border-left-color:var(--accent)}#toast-host{position:fixed;left:50%;bottom:28px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:90;width:min(480px,92vw)}.toast{background:#242f3b;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 16px;font-size:13.5px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease}.toast.show{opacity:1;transform:none}.toast-good{border-color:#6fbe7e80}.toast-bad{border-color:#d4605c80}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070ab3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;transition:opacity .2s ease;padding:16px}.modal-back.show{opacity:1}.modal{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px;width:min(440px,100%);box-shadow:var(--shadow);transform:translateY(8px);transition:transform .2s ease}.modal-back.show .modal{transform:none}.modal-body{margin:12px 0 18px;color:var(--muted);font-size:14px}.modal-actions{justify-content:flex-end}.rename-form{display:flex;gap:6px}.rename-form input{font:inherit;font-size:13px;flex:1;background:#10151b;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.rename-form input:focus{outline:none;border-color:var(--accent)}input.text-input{font:inherit;background:#10151b;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 12px;width:100%}input.text-input:focus{outline:none;border-color:var(--accent)}.surface-hard{color:#85b8e2}.surface-clay{color:#dc9d7c}.surface-grass{color:#8cc797}.pos{color:var(--good)}.neg{color:var(--danger)}.portrait{border-radius:12px;overflow:hidden;flex:none;border:1px solid var(--line);background:#10151c;box-shadow:0 4px 14px #00000059}.sb-ava{width:26px;height:26px;border-radius:50%;object-fit:cover;vertical-align:-7px;margin-right:8px;border:1px solid var(--line);background:#10151c}.title-kv{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden}.title-kv img{width:100%;height:100%;object-fit:cover;opacity:.34;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 85%);mask-image:linear-gradient(180deg,#000 30%,transparent 85%)}.timing-ring{position:absolute;width:56px;height:56px;border-radius:50%;border:3px solid rgba(227,183,78,.9);box-shadow:0 0 14px #e3b74e80,inset 0 0 8px #e3b74e4d;transform:translate(-50%,-50%) scale(2.6);pointer-events:none}.timing-ring:after{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;border:2px solid rgba(238,242,246,.85)}.timing-ring.pressed{border-color:#8ff09a;box-shadow:0 0 18px #78e68cb3}.serve-meter{position:absolute;width:110px;height:12px;transform:translate(-50%,-100%);background:#0a0e13bf;border:1px solid var(--line);border-radius:99px;overflow:hidden;pointer-events:none}.serve-meter .sm-fill{height:100%;width:0%;background:linear-gradient(90deg,#7da3c0,#e3b74e 78%,#8ff09a 92%,#d4605c)}.serve-meter .sm-zone{position:absolute;top:0;bottom:0;right:4%;width:12%;border-left:2px solid rgba(255,255,255,.85);border-right:2px solid rgba(255,255,255,.85)}.play-feedback{position:absolute;left:50%;bottom:14%;transform:translate(-50%) scale(.8);font-size:22px;font-weight:800;letter-spacing:.1em;text-shadow:0 2px 12px rgba(0,0,0,.85);opacity:0;transition:opacity .15s ease,transform .15s ease;pointer-events:none}.play-feedback.show{opacity:1;transform:translate(-50%) scale(1)}.fb-perfect{color:#ffd76a}.fb-good{color:#8ff09a}.fb-ok{color:#cfd8e0}.fb-bad{color:#e29390}.act-stances{position:absolute;left:10px;bottom:12px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;z-index:6}.act-stance{width:84px;height:56px;border-radius:14px;font-weight:800;font-size:13px;letter-spacing:.08em;border:2px solid rgba(233,238,242,.35);background:#181f28b8;color:#e9eef2;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 4px 14px #00000073;padding:0}.act-stance.pressed{transform:scale(.94);background:#e3b74ed9;color:#14161a;border-color:#ffffff8c}.act-btns{position:absolute;right:10px;bottom:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;z-index:6}.act-btn{border-radius:50%;font-weight:800;font-size:12px;border:2px solid rgba(255,255,255,.4);color:#14161a;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 4px 14px #00000073;padding:0}.act-btn.pressed{transform:scale(.92);filter:brightness(1.2)}.act-btn-spin{width:76px;height:76px;background:linear-gradient(180deg,#f0c65e,#d8a52c)}.act-btn-flat{width:60px;height:60px;background:linear-gradient(180deg,#8fc2ec,#5a9bd0)}.act-btn-slice{width:60px;height:60px;background:linear-gradient(180deg,#b9e0a5,#7fb96a)}.act-btns.hot .act-btn{box-shadow:0 0 16px #8df0a2d9,0 4px 14px #00000073;border-color:#beffcde6}.act-stance.active{background:#8fc2ec66;border-color:#8fc2ece6}.act-mod{position:absolute;right:14px;bottom:168px;padding:4px 10px;border-radius:10px;font-weight:800;font-size:12px;letter-spacing:.08em;background:#e3b74ee6;color:#14161a;opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:7}.act-mod.show{opacity:1}.serve-gauge{position:absolute;right:14px;top:16%;width:40px;height:46%;display:none;z-index:6;pointer-events:none}.serve-gauge.show{display:block}.sg-label{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-weight:800;font-size:11px;color:#8df0a2;letter-spacing:.08em;text-shadow:0 1px 6px rgba(0,0,0,.8);white-space:nowrap}.sg-bar{position:absolute;inset:0 auto 0 50%;transform:translate(-50%);width:14px;border-radius:8px;background:#141a2299;border:2px solid rgba(233,238,242,.35);overflow:hidden}.sg-zone{position:absolute;top:0;left:0;right:0;height:20%;background:#8df0a259;border-bottom:1px solid rgba(141,240,162,.8)}.sg-fill{position:absolute;bottom:0;left:0;right:0;height:0%;background:linear-gradient(180deg,#8df0a2,#e3b74e)}.maker-grid{display:grid;grid-template-columns:180px 1fr;gap:14px}@media (max-width: 640px){.maker-grid{grid-template-columns:1fr}}.maker-preview{text-align:center;align-self:start;position:sticky;top:8px}.maker-avatar{border-radius:14px;background:#10161d}.look-rows{display:grid;gap:6px}.look-row{display:grid;grid-template-columns:7em 44px 1fr 44px;gap:6px;align-items:center}.lr-label{font-size:12px;color:var(--ink-dim, #9aa7b4)}.lr-btn{min-height:36px;font-weight:800;padding:4px 0}.lr-value{text-align:center;font-weight:700;font-size:13px}.event-text{line-height:1.7}.ach-list{max-height:52vh;overflow-y:auto;display:grid;gap:6px}.ach-row{display:grid;grid-template-columns:9em 1fr 4em;gap:8px;align-items:center;padding:7px 10px;border-radius:10px;background:#ffffff08;opacity:.55}.ach-row.got{opacity:1;background:#e3b74e1a}.ach-name{font-weight:800;font-size:13px}.ach-desc{font-size:12px;color:var(--ink-dim, #9aa7b4)}.ach-state{font-size:11px;text-align:right;font-weight:700}.ach-row.got .ach-state{color:#e3b74e}.shop-modal{max-width:460px}.shop-list{max-height:54vh;overflow-y:auto;display:grid;gap:8px;margin-top:10px}.shop-row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:6px 8px;border-radius:10px;background:#ffffff08}.shop-name{font-weight:800;font-size:13px}.shop-btn{min-height:36px;padding:6px 12px;font-size:12px;white-space:nowrap}.train-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#04060ab8;animation:fx-in .16s ease}.train-fx.out{opacity:0;transition:opacity .18s ease}@keyframes fx-in{0%{opacity:0}to{opacity:1}}.tf-card{position:relative;width:320px;border-radius:18px;padding:10px 10px 14px;background:linear-gradient(180deg,#141b24,#0d1218);border:1px solid rgba(233,238,242,.12);text-align:center}.tf-canvas{width:300px;height:280px;border-radius:12px;background:linear-gradient(180deg,#1b2836,#0f1722)}.tf-caption{margin-top:8px;font-weight:800;letter-spacing:.08em}.tf-pops{position:absolute;top:18px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.tf-pop{font-weight:900;font-size:17px;color:#8df0a2;text-shadow:0 2px 10px rgba(0,0,0,.9);animation:pop-up 1.6s ease both}@keyframes pop-up{0%{opacity:0;transform:translateY(14px) scale(.8)}18%{opacity:1;transform:translateY(0) scale(1.12)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.tf-skip{margin-top:6px;font-size:11px;color:var(--ink-dim, #9aa7b4)}.act-btn-main{width:92px;height:92px;background:linear-gradient(180deg,#f0c65e,#d8a52c);font-size:15px;position:relative;--charge: 0}.act-btn-main.charging{box-shadow:0 0 calc(6px + 26px * var(--charge)) rgba(240,198,94,calc(.4 + .55 * var(--charge))),0 4px 14px #00000073;transform:scale(calc(1 + .09 * var(--charge)))}.act-btn-util{width:64px;height:64px;background:linear-gradient(180deg,#b9e0a5,#7fb96a);font-size:11px}.serve-aim-label{position:absolute;transform:translate(-50%,-130%);padding:3px 9px;border-radius:9px;font-weight:800;font-size:11px;background:#141a22d9;color:#8fc2ec;border:1px solid rgba(143,194,236,.5);opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:6;white-space:nowrap}.serve-aim-label.show{opacity:1}