.timing .tbox{background:radial-gradient(ellipse at top,#233c50,#101924 70%);border:1px solid #6b8796;border-radius:20px;padding:24px;box-shadow:0 20px 80px #000a,inset 0 0 0 5px #c6dfdf08;max-height:92dvh;overflow:auto}
.trial-kicker{font-size:10px;letter-spacing:.24em;color:#a5dce5;margin-bottom:10px}.timing b{font-size:1.2rem}.trial-art{display:block;width:190px;height:110px;margin:10px auto}.timing .track{height:26px;border:1px solid #718592;background:#070f19;overflow:visible}.timing .track .mk{width:4px;background:#fff;box-shadow:0 0 12px #fff;height:36px;top:-5px}.timing .track .perf{background:#fff1b1;box-shadow:0 0 16px #ffd786}.timing small{display:block;margin-top:14px;color:#b3c4cc}.timing p{min-height:2.5em;font-size:.9rem;color:#d1e5e9}.timing button{min-height:48px;min-width:180px;touch-action:manipulation}.rune-dial{width:180px;height:180px;position:relative;margin:18px auto}.rune-dial img{width:100%;height:100%;opacity:.7}.rune-dial #runePulse{position:absolute;inset:34px;border:3px solid #e7c778;border-radius:50%;box-shadow:0 0 14px #edc97880}.rune-dial span{position:absolute;inset:0;display:grid;place-items:center;color:white;font-weight:bold;text-shadow:0 2px 6px #000}.rune-slots{display:flex;justify-content:center;gap:18px}.rune-slots i{width:15px;height:15px;transform:rotate(45deg);border:1px solid #8faebc;background:#182d3b}.rune-slots i.perfect{background:#ffe8a3;box-shadow:0 0 12px #ffe8a3}.rune-slots i.good{background:#89e5ec}.rune-slots i.miss{background:#636a78;border-style:dashed}
#exploreArt{position:fixed;right:24px;top:24%;width:clamp(130px,20vw,240px);pointer-events:none;z-index:12;text-align:center;color:#d8f7ff;text-shadow:0 2px 5px #000}#exploreArt img{display:block;width:100%;opacity:.48;filter:drop-shadow(0 0 12px #68c7d6);animation:rift-breathe 3s ease-in-out infinite}#exploreArt span{font-size:12px;background:#101c2bcc;padding:6px 10px;border-radius:15px}@keyframes rift-breathe{50%{opacity:.7;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){#exploreArt img{animation:none}}@media(max-width:540px){#exploreArt{right:10px;top:18%;width:130px}.timing .tbox{padding:18px}.rune-dial{width:150px;height:150px}}
.rune-dial:after{content:"";position:absolute;inset:34px;border:2px dashed #95dce8;border-radius:50%;pointer-events:none}
.soul-seal{width:190px;height:190px;margin:20px auto;position:relative;border:2px solid #665084;border-radius:50%;background:conic-gradient(from 335deg,#bf78ef 0deg 50deg,#151525 50deg 360deg)}.soul-seal img{width:100%;opacity:.5}.seal-needle{position:absolute;inset:10px;transform:rotate(-150deg)}.seal-needle:before{content:"";position:absolute;left:calc(50% - 3px);top:0;width:6px;height:70px;background:linear-gradient(#fff0ff,#a361dc);border-radius:6px;box-shadow:0 0 10px #d58dff}.seal-core{position:absolute;inset:0;display:grid;place-items:center;font-size:32px;color:#e7cbff}.soul-cinema{position:fixed;inset:0;z-index:35;pointer-events:none;background:linear-gradient(90deg,#120b24d9,transparent 75%);overflow:hidden}.soul-bust{position:absolute;left:0;bottom:0;width:45vw;height:85vh;overflow:hidden;filter:drop-shadow(0 0 22px #a653ef)}.soul-bust img,.soul-bust svg,.soul-bust .sprite{height:125%!important;width:100%!important;object-fit:contain;object-position:top;max-width:none!important}.soul-charge,.soul-bolt{position:absolute;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#fff1ff 0%,#d59aff 20%,#8e37e3 48%,transparent 72%);box-shadow:0 0 45px #a944ed;transform:translate(-50%,-50%)}.soul-bolt{opacity:0}.soul-caption{position:absolute;left:6%;bottom:8%;font-size:clamp(18px,3vw,34px);letter-spacing:.15em;color:#eedbff;text-shadow:0 0 20px #9f49f2}.charging .soul-charge{animation:soul-gather .7s ease-in forwards}.charging .soul-bust{animation:soul-arrive .5s ease-out}.soul-charge:after{content:"";position:absolute;inset:-60px;border:2px solid #bb71f0;border-radius:50%;box-shadow:0 0 20px #aa60ff;animation:soul-draw .7s ease-in forwards}@keyframes soul-gather{from{transform:translate(-50%,-50%) scale(.15);opacity:.2}to{transform:translate(-50%,-50%) scale(1.5);opacity:1}}@keyframes soul-draw{from{transform:scale(2);opacity:0}to{transform:scale(.35);opacity:1}}@keyframes soul-arrive{from{transform:translateX(-80px);opacity:0}to{transform:none;opacity:1}}@media(max-width:600px){.soul-bust{width:62vw;height:66vh}.soul-caption{bottom:14%;font-size:20px}}@media(prefers-reduced-motion:reduce){.soul-cinema *{animation:none!important}}