.s15-operation{max-width:1100px;margin:auto;padding:8px;color:#e9f1ed}.s15-operation header h1{font-size:clamp(22px,3vw,32px);margin:0 0 5px}.s15-operation header p{font-size:15px;margin:0 0 10px}.s15-work{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px}.s15-canvas{position:relative!important;width:100%;height:390px!important;min-height:0!important;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 45% 30%,#875a40,#2b1716 80%);touch-action:none}.s15-tissues{position:absolute;inset:0;pointer-events:none}.s15-tissues .gallbladder{transform:translate(var(--lateral),calc(-1 * var(--lift)));transition:transform .45s}.s15-canvas.view-posterior .gallbladder{transform:translate(var(--lateral),calc(-1 * var(--lift))) rotate(33deg)}.s15-posterior-plate{position:absolute;left:40%;top:20%;width:25%;height:45%;border:5px solid #e4b3a1;border-radius:50%;background:#b36d5c88;transform:rotate(25deg)}.s15-target,.s15-grasp{position:absolute;z-index:5;transform:translate(-50%,-50%);min-height:42px;max-width:145px;font-size:12px!important;border:2px solid #e6d6a0!important;border-radius:16px!important;background:#123a3bee!important;color:#fff!important;padding:7px!important;touch-action:none}.s15-grasp{border-color:#89c9e9!important;background:#12304b!important;cursor:grab}.s15-target:disabled{opacity:.35}.s15-target.holding,.s15-target.s15-over{box-shadow:0 0 0 8px #94d09c66;background:#345f3b!important}.s15-field-label{position:absolute;bottom:7px!important;left:12px!important;z-index:4;font:11px monospace;color:#fff;background:#132c30aa;padding:4px}.s15-tools{display:flex;flex-wrap:wrap;gap:8px}.s15-tools button{min-height:45px;padding:9px;border:1px solid #6e9291;border-radius:10px;background:#173c40;color:#f4f7ef;font-size:14px}.s15-tool{width:105px;touch-action:none}.s15-tool img{height:75px;width:100%;object-fit:contain;pointer-events:none}.s15-tool span{display:block}.s15-dragging{z-index:50!important;pointer-events:none;opacity:.8}.s15-controls{display:flex;flex-direction:column;justify-content:center;gap:10px}.s15-feedback{min-height:40px;font-size:14px;color:#e5dbad;margin:4px 0}.s15-actions{display:flex;gap:8px}.s15-actions button{min-height:42px;padding:8px 14px;border:1px solid #809791;border-radius:9px;background:#284746;color:white}.s15-operation footer{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:11px}.s15-operation details{max-width:50%}.s15-operation details[open]{background:#183438;padding:10px}.s15-vessel{position:absolute;height:13px;left:28%;width:48%;z-index:3;border-radius:20px;background:#a8b450}.s15-vessel.duct{top:61%}.s15-vessel.artery{top:81%;background:#b44840}.s15-vessel.divided{background:linear-gradient(to right,#768a46 0 62%,transparent 62% 70%,#768a46 70%)}.s15-placed-clip{position:absolute;transform:translate(-50%,-35%);color:#15100c;background:#d4c59c;border-radius:3px;z-index:4;font-size:28px;line-height:24px}.s15-bag{position:absolute;left:60%;top:38%;width:28%;height:45%;background:#b1d1dd66;border:3px solid #dceae8;border-radius:20% 20% 45% 45%;transition:all .7s}.s15-bag.out{transform:translate(-170px,180px) scale(.4);opacity:0}.s15-out .gallbladder{opacity:0}.s15-closure{background:#a9765e}.s15-closure .closure-port{position:absolute;inset:0;width:100%;height:100%;background:transparent}.s15-closure .fascial-model{position:absolute;left:15%;top:10%;width:70%;height:55%}.s15-skin{position:absolute;left:24%;top:75%;width:52%;height:14px;background:#55342e;border-radius:50%}.s15-skin.closed{height:4px;background:#d1a28c}.s15-skin.adhesive{box-shadow:0 0 0 9px #e8dcb288}.s15-operation[data-phase=recall] .s15-canvas{height:260px!important}.s15-operation[data-phase=recall] .s15-tools img{height:70px}.s15-operation[data-phase=recall] h2{font-size:18px}
@media(max-width:700px){.s15-work{grid-template-columns:1fr;gap:5px}.s15-canvas{height:260px!important}.s15-controls{gap:3px}.s15-tools{justify-content:center}.s15-tool{width:90px}.s15-tool img{height:48px}.s15-target,.s15-grasp{font-size:10px!important;max-width:110px;min-height:40px}.s15-feedback{font-size:12px;min-height:28px}.s15-operation header h1{font-size:22px}.s15-operation header p{font-size:12px;line-height:1.3}.s15-operation footer small{max-width:60%}.s15-actions{justify-content:space-between}.s14-progress{font-size:8px!important;padding:3px!important}.s14-nav{gap:4px!important;padding:5px!important}.s14-nav button{padding:6px!important;font-size:11px!important}.s15-operation[data-phase=recall] .s15-canvas{height:160px!important}}
.s14-visual{position:relative}.s15-body-targets{position:absolute;inset:0}.s15-body-targets button{position:absolute;transform:translate(-50%,-50%);font-size:11px;padding:7px;background:#21423be8;color:white;border:1px solid #e3d6a0;border-radius:8px;min-height:36px}.s15-equipment,.s15-route-targets,.s15-exchange-controls{display:flex;gap:8px;flex-wrap:wrap}.s15-equipment button,.s15-exchange-stage button{touch-action:none}.s15-timeout{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.s15-team-card{min-height:140px;background:radial-gradient(circle at 50% 25%,#9dbbaf 0 15px,transparent 16px),#1c4549!important;padding-top:65px!important;color:white;border-radius:20px!important}.s15-insufflator{background:#1c2228;border:8px solid #8c9da2;border-radius:12px;margin:5px auto;padding:10px;color:#ace6c3;max-width:300px;display:grid;gap:6px}.s15-insufflator span{font-family:monospace}.s15-exchange-stage{display:flex;align-items:center;justify-content:space-around;gap:12px;min-height:260px}.s15-exchange-stage img{max-width:180px;height:160px;object-fit:contain;display:block}.s15-exchange-stage button{background:#1e4145;color:white;border:1px solid #7ca3a0;border-radius:12px;padding:10px}.s15-installed.withdrawn{opacity:.45;transform:translateY(-35px)}.s15-cannula{border:15px solid #a9b6b8;border-radius:25px}.s15-port-work{display:grid;grid-template-columns:1fr 220px;align-items:center}.s15-port-work svg{height:390px!important;width:100%;touch-action:none}.s15-port-token{min-height:170px;touch-action:none;background:#1b3e42;color:#f0edc3;border:2px solid #b9ccaa;border-radius:20px}.s15-trocar{display:block;margin:25px auto;width:100px;height:18px;border-radius:7px;background:linear-gradient(#e6ecee,#759ba3);position:relative}.s15-trocar:before{content:'';position:absolute;left:4px;top:-15px;width:24px;height:48px;border-radius:10px;background:#4d92ab}.s15-port-tools{display:grid;gap:10px}.s15-port-tools input{width:100%}.s15-ports h1{font-size:28px;margin-bottom:5px}.s15-port-work .placed circle{fill:#6c9a91}.s15-exchange-stage button.selected{border-color:#eee6ad}
@media(max-width:700px){.s15-timeout{grid-template-columns:repeat(2,1fr);gap:8px}.s15-team-card{min-height:100px}.s15-exchange-stage{min-height:180px;gap:4px}.s15-exchange-stage img{width:90px;height:90px}.s15-cannula{border-width:7px}.s15-port-work{grid-template-columns:1fr}.s15-port-work svg{height:260px!important}.s15-port-tools{grid-template-columns:1fr 1fr}.s15-port-token{min-height:65px}.s15-trocar{width:65px;margin:15px auto}.s15-port-tools small{grid-column:1/-1}.s14-foley svg{max-height:90px}.s15-body-targets button{padding:4px;font-size:9px;min-height:30px}}

.s15-closure .closure-port,.s15-closure .fascial-model,.s15-closure .s15-skin{pointer-events:none}.s15-closure .s15-target{z-index:20}
.s14-xi{touch-action:none;cursor:grab}.s15-shared-hasson{position:absolute;inset:0;pointer-events:none}.s15-shared-hasson .hasson-technique{left:35%;top:15%;width:30%;height:55%}.s14-objective>h1{font-size:28px}.s14-stage-done h1{font-size:24px}
.s14-xi img{width:140px;height:150px;object-fit:contain;pointer-events:none}.s14-xi:has(img){width:150px;height:170px;background:transparent;border:0}.s14-xi:has(img):before,.s14-xi:has(img):after{display:none}
.s15-attached-tool{position:absolute;z-index:4;width:110px;pointer-events:none}.s15-attached-tool img{width:100%;height:80px;object-fit:contain;border-radius:12px;background:#133033aa}.s15-attached-tool.fundus{left:49%;top:4%}.s15-attached-tool.neck{right:3%;top:61%}
@media(max-width:700px){.s15-attached-tool{width:80px}.s15-attached-tool img{height:55px}.s15-operation{padding:4px}.s15-operation .s15-feedback{line-height:1.3}.s15-operation footer{margin-top:2px}.rx-lab-header{padding:5px!important}}
.s15-recall-visual .ready-visual{height:300px;min-height:0;width:100%;border-radius:24px}.s15-recall-visual .ready-visual b{font-size:20px}.s15-operation[data-phase=recall] .s15-tools{display:grid}
@media(max-width:700px){.s15-recall-visual .ready-visual{height:150px}.s15-recall-visual .ready-visual b{font-size:15px}}
.s15-contained .gallbladder{opacity:0}.s15-bag:before{content:'';position:absolute;inset:14% 20%;background:#92a877;border-radius:60% 50% 45% 40%;transform:rotate(-18deg)}.s15-bag.out{animation:s15-extract .8s ease-in both}@keyframes s15-extract{from{transform:translate(0,0) scale(1);opacity:1}to{transform:translate(-170px,180px) scale(.4);opacity:0}}.s15-closure:has(.holding) .closure-needle{animation:s15-needle .4s linear infinite}@keyframes s15-needle{50%{translate:20px 10px;rotate:30deg}}.s15-target.holding{animation:s15-hold .42s linear}@keyframes s15-hold{from{filter:brightness(1)}to{filter:brightness(1.8)}}

.s15-operation{scroll-margin-top:110px}