.tiller-simulator-card{grid-column:1/-1!important;overflow:hidden;border-color:#ffcc3528;background:radial-gradient(circle at 12% 46%,#17354a 0,transparent 26rem),linear-gradient(145deg,#102536,#081620)}
.tiller-equipment-group>.equipment-group-items{display:block}
.tiller-equipment-group .tiller-simulator-card{box-sizing:border-box;width:100%;padding:14px;border:1px solid #ffcc3528;border-radius:13px}
.tiller-equipment-group .tiller-simulator-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.tiller-equipment-group .tiller-simulator-card>header small{color:#7f94a1;font-size:8px;font-weight:900;letter-spacing:.12em}
.tiller-equipment-group .tiller-simulator-card>header h2{margin:2px 0 0;color:#fff;font-size:17px}
.tiller-equipment-group .tiller-simulator-card>header span{padding:7px 9px;border:1px solid #ffcc3522;border-radius:8px;font-size:9px;font-weight:900}
.tiller-simulator-card>header span{white-space:nowrap;color:#ead47f;background:#ffcc3510}
.tiller-color-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:-4px 0 16px}
.tiller-color-picker button{position:relative;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;min-height:54px;padding:9px 11px;border:1px solid #ffffff14;border-radius:12px;background:linear-gradient(145deg,#102331,#07131e);color:#8fa2ae;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.tiller-color-picker button:hover{border-color:#ffffff2b;transform:translateY(-1px)}
.tiller-color-picker button:after{content:"✓";display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#55e0a5;color:#062017;font:950 11px/1 inherit;opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .18s ease}
.tiller-color-picker button[aria-pressed=true]{border-color:#55e0a568;background:linear-gradient(145deg,#173448,#0b202c);color:#fff;box-shadow:inset 3px 0 0 #55e0a5,0 7px 18px #0004}
.tiller-color-picker button[aria-pressed=true]:after{opacity:1;transform:scale(1)}
.tiller-color-picker i{display:block;width:26px;height:26px;border:2px solid #ffffff38;border-radius:50%;box-shadow:0 0 0 3px #06121b,0 4px 9px #0008}
.tiller-color-picker i.is-black{background:radial-gradient(circle at 34% 28%,#46515a 0,#171e24 35%,#05090c 78%)}
.tiller-color-picker i.is-grey{background:linear-gradient(135deg,#e2e5e6 0,#959da1 42%,#555f64 100%)}
.tiller-color-picker span{display:grid;gap:2px}.tiller-color-picker span small{color:#6f8796;font-size:7px;font-weight:900;letter-spacing:.12em}.tiller-color-picker span strong{color:inherit;font-size:11px;font-weight:900}
.tiller-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.tiller-mode-picker button{display:grid;gap:3px;padding:11px 13px;border:1px solid #ffffff10;border-radius:10px;background:#07131f;color:#8296a3;text-align:left;cursor:pointer}
.tiller-mode-picker button b{font-size:11px}.tiller-mode-picker button small{font-size:8px;line-height:1.35}
.tiller-mode-picker button[aria-pressed=true]{border-color:#55e0a54f;background:#55e0a50d;color:#e8f4ef;box-shadow:inset 3px 0 0 #55e0a5}
.tiller-mode-picker button[aria-pressed=true] small{color:#7dddb7}
.tiller-simulator-layout{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(360px,1.28fr);gap:20px;align-items:stretch}
.tiller-common-control,.tiller-simulator-layout>.tiller-target{grid-column:1/-1}
.tiller-controls{display:grid;gap:10px}
.tiller-control{padding:12px 13px;border:1px solid #ffffff10;border-radius:11px;background:#07131f}
.tiller-control>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.tiller-control>div:first-child span{color:#dbe7ed;font-size:11px;font-weight:850}.tiller-control>div:first-child strong{color:var(--sport-accent);font-size:12px}
.tiller-control input{width:100%;height:5px;margin:0;accent-color:var(--sport-accent);cursor:pointer}
.tiller-stepper{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:8px;margin-top:7px}
.tiller-stepper>button{width:30px;height:28px;border:1px solid #ffffff19;border-radius:7px;background:#102330;color:#fff;font-size:17px;line-height:1;cursor:pointer}
.tiller-stepper>button:hover{border-color:#ffcc3559;color:var(--sport-accent)}.tiller-stepper>button:disabled{cursor:not-allowed;opacity:.3}
.tiller-stepper small{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#718899;font-size:7px}.tiller-stepper small b{color:#879ba8;font-size:7px;letter-spacing:.06em}.tiller-stepper small span{color:#b8c5cc}
.tiller-focus{display:grid;gap:10px;padding:14px;border:1px solid #ffffff12;border-radius:13px;background:radial-gradient(circle at 15% 18%,#163247 0,transparent 18rem),#07131f}
.tiller-focus>header{display:flex;align-items:center;justify-content:flex-end;padding-bottom:10px;border-bottom:1px solid #ffffff10}.tiller-focus>header strong{color:var(--sport-accent);font-size:10px;letter-spacing:.12em}
.tiller-focus-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:14px;padding:14px;border:1px solid #ffffff10;border-radius:11px;background:#06121b}
.tiller-focus-row>div:last-child{display:grid;gap:3px}.tiller-focus-row small{color:#718899;font-size:8px;font-weight:900;letter-spacing:.09em}.tiller-focus-row strong{color:var(--sport-accent);font-size:15px}
.tiller-bolt-visual{--bolt-turn:0deg}.tiller-focus .tiller-bolt-visual i{display:block;position:relative;width:52px;height:52px;border:7px solid #6d7b83;border-radius:50%;background:conic-gradient(from var(--bolt-turn),#f0c84b 0 8deg,#17232b 8deg 90deg,#58666e 90deg 98deg,#17232b 98deg 180deg,#58666e 180deg 188deg,#17232b 188deg 270deg,#58666e 270deg 278deg,#17232b 278deg);box-shadow:0 0 0 4px #09141b,0 7px 13px #0007;transition:background .18s ease}
.tiller-focus .tiller-bolt-visual i:after{content:"";position:absolute;inset:14px;border:2px solid #d4dee3;border-radius:4px;transform:rotate(45deg)}
.tiller-target{display:grid;gap:4px;padding:12px;border:1px solid #55e0a52b;border-radius:10px;background:#55e0a509}
.tiller-target small{color:#718899;font-size:7px;font-weight:900;letter-spacing:.1em}.tiller-target strong{color:#dbe7ed;font-size:11px}
.tiller-target[data-state=reached]{border-color:#55e0a54d;box-shadow:inset 3px 0 0 #55e0a5}.tiller-target[data-state=adjust]{border-color:#ffcc3542;box-shadow:inset 3px 0 0 #ffcc35}.tiller-target[data-state=adjust] strong{color:#ead47f}
.tiller-target label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:5px 0;padding:8px;border:1px solid #ffffff10;border-radius:8px;background:#06131d}
.tiller-target label span{color:#9babb5;font-size:8px;font-weight:800}.tiller-target label input{width:100%;min-width:70px;accent-color:#55e0a5}.tiller-target label output{min-width:38px;color:#fff;font-size:10px;font-weight:900;text-align:right}
.tiller-limb-rating{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:11px 12px;border:1px solid #ffffff12;border-radius:11px;background:#07131f}
.tiller-limb-rating label{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 72px 14px;align-items:center;gap:7px}.tiller-limb-rating label span{color:#dbe7ed;font-size:10px;font-weight:850;white-space:nowrap}
.tiller-limb-rating input{width:100%;box-sizing:border-box;padding:7px 8px;border:1px solid #ffffff1c;border-radius:7px;outline:none;background:#0c1d29;color:#fff;font:900 13px/1 inherit;text-align:center}.tiller-limb-rating input:focus{border-color:var(--sport-accent);box-shadow:0 0 0 2px #ffcc3518}.tiller-limb-rating label b{color:var(--sport-accent);font-size:12px}
.tiller-power-current{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;padding-top:8px;border-top:1px solid #ffffff0d}.tiller-power-current span{color:#dbe7ed;font-size:10px;font-weight:850}.tiller-power-current strong{color:#65e3b1;font-size:12px}
.tiller-save-row{grid-column:1/-1;display:grid;gap:6px;margin-top:8px}.tiller-save-row button{min-height:38px;padding:8px 12px;border:1px solid #59bfff65;border-radius:8px;background:#12364f;color:#eaf5ff;font:800 11px/1.2 inherit;cursor:pointer}.tiller-save-row button:hover{background:#1b4969}.tiller-save-row button:disabled{opacity:.55;cursor:wait}.tiller-save-row span{min-height:14px;color:#7dddb7;font-size:8px}
@media(max-width:820px){.tiller-simulator-layout{grid-template-columns:1fr}}
@media(max-width:520px){.tiller-simulator-card>header{align-items:flex-start;flex-direction:column}.tiller-mode-picker{grid-template-columns:1fr}.tiller-color-picker{gap:7px}.tiller-color-picker button{grid-template-columns:30px 1fr 16px;gap:7px;min-height:51px;padding:8px}.tiller-color-picker i{width:23px;height:23px}.tiller-color-picker span strong{font-size:10px}.tiller-limb-rating label{grid-template-columns:minmax(0,1fr) 58px 12px;gap:5px}.tiller-limb-rating label span{font-size:8px}.tiller-limb-rating input{padding:7px 4px}}