.playback-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:10px 25px;background:#151a22;border-bottom:1px solid #303540;font-size:12px;color:#9da6b3}.audio-control{display:flex;align-items:center;gap:10px}.audio-control button{border:0;background:none;color:#d9b67e;font:inherit;cursor:pointer}.audio-control input{width:75px;height:4px}.playback-toolbar>label{white-space:nowrap}.feature-title{margin:20px 15px 8px}.feature-title h1{margin:10px 0;font-size:25px}.feature-title p{margin:0;font-size:12px}.upgrade-arena{padding:22px 35px 12px;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);gap:30px}.upgrade-dial{width:200px;height:200px;margin-bottom:18px}.dial-core{inset:18px}.dial-core strong{font-size:32px}.double-chevron{font-size:45px;line-height:30px}.dial-column>.primary{padding:12px;font-size:15px}.upgrade-pedestal{min-height:210px;padding:16px;position:relative;overflow:visible;border:1px solid #43402c;background:radial-gradient(ellipse at 50% 85%,#b7962820,transparent 70%),linear-gradient(150deg,#1e242d,#151a21);box-shadow:inset 0 1px #ffffff05}.upgrade-pedestal img{height:125px;animation:skin-arrive .45s cubic-bezier(.2,.8,.2,1)}.upgrade-pedestal b{max-width:100%;overflow-wrap:anywhere}.upgrade-caption{margin:5px 10px}.dual-pickers{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 25px 30px;align-items:start}.skin-panel{background:#141a23;border:1px solid #303844;border-radius:10px;overflow:hidden;min-width:0}.skin-panel-heading{min-height:53px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1c2430;border-bottom:1px solid #303844}.skin-panel-heading h2{font-size:15px;margin:0}.skin-panel-heading>span{font-size:11px;color:#9aa5b2}.quick-targets{display:flex;gap:5px;flex-wrap:wrap}.quick-targets button{padding:5px 8px;border:1px solid #49483d;background:#302e25;border-radius:4px;font-size:11px;color:#d8b778}.quick-targets button:hover{background:#605134}.skin-tools{display:flex;gap:8px;padding:10px}.skin-tools input,.skin-tools select{font:12px Arial,sans-serif;background:#10151d;border:1px solid #303947;color:#cbd3df;padding:9px;border-radius:5px;min-width:0}.skin-tools input{width:55%;flex:1}.skin-tools select{width:45%}.skin-panel .choice-grid,.skin-panel .items-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:400px;overflow:auto;scrollbar-color:#495464 #151a23;padding:10px;gap:8px;align-content:start;scrollbar-gutter:stable}.choice{border-radius:7px;overflow:hidden;position:relative;transition:border-color .16s,background .16s,box-shadow .16s}.choice:hover{border-color:#78808b;box-shadow:0 5px 14px #0003}.choice.selected{border-color:#f3ba5a;box-shadow:0 0 12px #e9b45122}.choice.selected:after{content:'✓';position:absolute;top:7px;right:7px;background:#f0bc64;color:#30220e;border-radius:50%;width:18px;height:18px;text-align:center;font-size:12px;line-height:18px}.choice .item{border:0;border-bottom:2px solid var(--tone);padding:8px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tone) 11%,transparent),transparent 70%),#1e2531}.choice .item img,.skin-panel .item img{height:83px;transition:transform .2s}.choice:hover .item img{transform:translateY(-3px) scale(1.04)}.choice .item h3{font-size:12px;min-height:28px;margin:4px 0}.choice .item small{font-size:10px}.choice .item p{font-size:12px;color:#e3be84;margin-top:7px}.choice>span{font-size:10px;background:#27303e}.skin-panel .empty{margin:0;grid-column:1/-1;min-height:150px;font-size:13px;padding:35px 15px}.skin-panel .items-grid>.muted{grid-column:1/-1;font-size:13px;padding:20px}.result-banner:empty{display:none}.result-banner{border:1px solid #6a543b;background:linear-gradient(90deg,#272018,#1c222b);padding:12px 20px;margin:12px 25px;border-radius:7px;font-size:13px;animation:result-arrive .5s ease}.contract-console{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 25px 10px;align-items:stretch}.contract-selection{background:#141b24;border:1px solid #303b48;border-radius:10px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.selection-title{font-size:13px;color:#e3bf88;display:flex;justify-content:space-between}.selection-title span{font-size:11px;color:#8c98a8}.contract-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:15px 0}.contract-slot{height:79px;border-radius:6px}.contract-slot img{height:51px}.contract-slot.filled{box-shadow:0 0 10px #d29d4722}.contract-bar{border:0;background:none;padding:0;margin:0;display:block;min-width:0;text-align:left}.contract-bar p{font-size:12px;margin-bottom:12px}.contract-bar .primary{width:100%;border-radius:6px;padding:12px}.contract-theater{height:320px;margin:0;border:1px solid #343844;border-radius:10px;background:radial-gradient(ellipse at center,#aa743323,#141a24 70%);perspective:900px}.contract-paper{width:290px;min-height:230px;transform:rotate(-2deg);box-shadow:0 20px 35px #0007}.paper-heading{font-size:14px}.contract-reward{width:100%}.contract-reward img{width:85%;max-width:300px;height:165px;animation:reward-hover 3s ease-in-out infinite}.contract-reward h3{font-size:16px}.reward-particles{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:4}.reward-particles i{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:var(--particle);box-shadow:0 0 7px var(--particle);animation:spark-out 1s var(--delay) ease-out both}.upgrade-dial.is-spinning{box-shadow:0 0 0 10px #111419,0 0 0 12px #80651f,0 0 38px #dbba2933}.upgrade-dial.is-spinning .dial-core{box-shadow:inset 0 0 25px #f4ca2422}.upgrade-dial.is-spinning .dial-ticks{animation:track-turn 16s linear infinite}.upgrade-pedestal.charging{animation:charge-glow 1.1s ease-in-out infinite}.contract-theater.charging{box-shadow:inset 0 0 50px #e5ab3522}.motion-busy .quick-targets,.motion-busy .skin-tools{pointer-events:none;opacity:.6}@keyframes skin-arrive{from{opacity:0;transform:translateY(14px) scale(.87);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes result-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes reward-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spark-out{from{opacity:0;transform:rotate(var(--angle)) translateX(10px) scale(.3)}15%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateX(var(--travel)) scale(.1)}}@keyframes track-turn{to{transform:rotate(-360deg)}}@keyframes charge-glow{50%{box-shadow:inset 0 0 45px #ddbb281c,0 0 15px #ddbb281c}}@media(min-width:1600px){.skin-panel .choice-grid,.skin-panel .items-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.dual-pickers{gap:12px;margin:16px}.skin-panel .choice-grid,.skin-panel .items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upgrade-arena{gap:12px;padding:20px}.contract-console{margin:20px 16px;gap:12px}.contract-paper{width:235px;padding:18px}.paper-heading{font-size:12px}.contract-stamp{font-size:12px}.signature{width:170px}.quick-targets button{font-size:10px;padding:5px}}@media(max-width:720px){.playback-toolbar{padding:10px 12px;gap:12px;font-size:10px;justify-content:space-between}.audio-control{gap:5px}.audio-control input{width:50px}.upgrade-arena{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.upgrade-pedestal{min-height:140px;padding:9px;gap:7px}.upgrade-pedestal img{height:80px}.dial-column{grid-row:2;grid-column:1/-1;margin-top:14px}.upgrade-dial{width:190px;height:190px}.dual-pickers{grid-template-columns:1fr;margin:14px 12px}.skin-panel .choice-grid,.skin-panel .items-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:300px}.contract-console{grid-template-columns:1fr;margin:15px 12px}.contract-paper{width:280px}.contract-theater{height:285px}.result-banner{margin:10px 12px}.skin-panel-heading h2{font-size:14px}}@media(prefers-reduced-motion:reduce){.upgrade-pedestal img,.contract-reward img,.reward-particles i,.result-banner,.upgrade-dial.is-spinning .dial-ticks,.upgrade-pedestal.charging{animation:none!important}.choice,.choice .item img{transition:none}}