.slot-ultimate-cut{position:absolute;z-index:12;inset:24% 5% 8%;display:grid;grid-template-columns:45% 55%;overflow:hidden;pointer-events:none;border:1px solid var(--ultimate-color);border-left:5px solid var(--ultimate-color);background:linear-gradient(115deg,#132027e8,#192f30ed);box-shadow:0 8px 40px #0008,0 0 26px color-mix(in srgb,var(--ultimate-color) 30%,transparent);animation:ultimate-enter .28s ease-out}
.slot-ultimate-cut img{width:100%;height:100%;min-height:0;object-fit:cover;mask-image:linear-gradient(to right,#000 65%,transparent)}
.slot-ultimate-cut>div{align-self:center;padding:18px 12px}.slot-ultimate-cut small{display:block;color:var(--ultimate-color);font-size:clamp(12px,1.3vw,17px);letter-spacing:.08em}.slot-ultimate-cut strong{display:block;font:700 clamp(24px,3.4vw,48px)/1.3 Georgia,serif;color:#fff3cd;margin:10px 0;text-shadow:0 2px 10px #000}.slot-ultimate-cut span{color:#e0e7d6;font-size:clamp(12px,1.2vw,16px)}
.slot-ultimate-hint{padding:12px 14px;margin:10px 0;border-left:3px solid #c9b67c;background:#233438}.slot-ultimate-hint b{color:#f2da9e}.slot-ultimate-hint p{margin:4px 0;font-size:14px}.slot-ultimate-status{border-color:#ad9766!important;color:#f6dd9d!important}.slot-terrain{font-size:13px;color:#9cdeeb;margin:4px 0}.slot-theater-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:18px}.slot-theater-controls select,.slot-theater-controls button{min-height:44px;padding:8px 12px;background:#21383c;color:#f5eddb;border:1px solid #ad9766;max-width:100%}.slot-theater-info{padding:12px 18px}.slot-theater-info h2{color:#e6cc8e}.slot-theater-info p{margin:5px 0}.slot-theater .slot-stage{max-width:1200px;margin:auto}.slot-theater .slot-stage canvas{width:100%;aspect-ratio:1440/640}.slot-theater-link{display:inline-block;padding:12px;min-height:44px;color:#e8d08d}
@keyframes ultimate-enter{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.slot-ultimate-cut{inset:30% 2% 5%;grid-template-columns:40% 60%}.slot-ultimate-cut>div{padding:8px}.slot-ultimate-cut strong{font-size:23px;margin:6px 0}.slot-ultimate-cut span{font-size:12px}.slot-ultimate-hint{padding:10px}.slot-theater-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.slot-ultimate-cut{animation:none}}
.slot-theater .slot-stage{height:clamp(300px,48vw,580px);width:100%;flex:none}.slot-theater #slot-canvas{height:100%;min-height:0;aspect-ratio:auto;flex:1 1 auto}
