.slider-track{background:#1e293b99;border:1px solid #3b82f633;border-radius:3px;width:100%;height:6px;position:relative;overflow:visible}.slider-fill{background:linear-gradient(90deg,#3b82f6cc,#3b82f699);border-radius:3px;height:100%;transition:width .2s;position:absolute;top:0;left:0;box-shadow:0 0 10px #3b82f666}.slider-thumb{cursor:pointer;background:radial-gradient(circle,#e2e8f0,#94a3b8e6);border:2px solid #3b82f6cc;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.slider-thumb:hover{transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 15px #3b82f699}
.battle-card{cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;background:#0f172ab3;border:1px solid #64748b33;border-radius:6px;transition:transform .2s,filter .2s;position:relative;overflow:hidden}.battle-card img,.battle-card svg{-webkit-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none}.battle-card:hover:not(.disabled){filter:brightness(1.15);transform:translateY(-3px)}.battle-card.selected{animation:1.5s ease-in-out infinite battle-card-glow}@keyframes battle-card-glow{0%,to{filter:drop-shadow(0 0 8px var(--card-color,#38bdf866))}50%{filter:drop-shadow(0 0 20px var(--card-color,#38bdf8cc))}}.battle-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.battle-card.action-assault{border-color:#f8717166}.battle-card.action-fortify{border-color:#60a5fa66}.battle-card.action-maneuver{border-color:#4ade8066}.battle-card.action-assault.selected{filter:drop-shadow(0 0 10px #f8717166);border-color:#f87171cc}.battle-card.action-fortify.selected{filter:drop-shadow(0 0 10px #60a5fa66);border-color:#60a5facc}.battle-card.action-maneuver.selected{filter:drop-shadow(0 0 10px #4ade8066);border-color:#4ade80cc}.battle-card-back{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:1px solid #38bdf84d;border-radius:6px;animation:2s ease-in-out infinite card-back-pulse;position:relative;overflow:hidden}.battle-card-back:before{content:"";border:1px solid #38bdf826;border-radius:4px;position:absolute;inset:3px}.battle-card-back:after{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 8px,#38bdf80a 8px 9px);animation:3s linear infinite card-back-shimmer;position:absolute;inset:0}@keyframes card-back-shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes card-back-pulse{0%,to{filter:drop-shadow(0 0 4px #38bdf826);border-color:#38bdf84d}50%{filter:drop-shadow(0 0 10px #38bdf859);border-color:#38bdf880}}.card-flip-container{perspective:800px}.card-flip-inner{transform-style:preserve-3d;width:100%;height:100%;position:relative}.card-flip-face,.card-flip-back{backface-visibility:hidden;position:absolute;inset:0}.card-flip-back{transform:rotateY(180deg)}.duel-field{gap:8px;height:100%;padding:8px;display:grid}@media (min-width:768px){.duel-field{grid-template:"player-ship player-zone center opponent-zone opponent-ship"1fr"hand hand hand hand hand"/1fr auto auto auto 1fr}}@media (max-width:767px){.duel-field{grid-template:"opponent-ship""field"1fr"player-ship""hand"/1fr}}.ship-stage{flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex}.ship-stage-image{background:url(/images/backgrounds/ship-space-bg.png) 50%/cover;border-radius:6px;position:relative;overflow:hidden}.duel-ship-portrait{border-radius:8px;width:140px;height:140px;position:relative;overflow:hidden}.duel-ship-name{max-width:140px;font-size:11px}.duel-ship-hp-row{width:130px}.duel-ship-stage{gap:6px}@media (max-width:640px){.duel-ship-portrait{border-radius:6px;width:88px;height:88px}.duel-ship-name{max-width:88px;font-size:10px}.duel-ship-hp-row{width:82px}.duel-ship-stage{gap:3px}}.card-zone{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:4px;display:flex}.card-slot{border:1px dashed #64748b33;border-radius:6px;justify-content:center;align-items:center;width:56px;height:80px;transition:border-color .3s,background .3s;display:flex}.card-slot-lg{background:#0f172ab3;border:2px dashed #38bdf866;border-radius:8px;justify-content:center;align-items:center;width:104px;height:140px;transition:border-color .3s,background .3s,box-shadow .3s;display:flex;box-shadow:inset 0 0 24px #38bdf814,0 0 8px #38bdf80f}@media (max-width:640px){.card-slot-lg{border-radius:6px;width:76px;height:106px}.card-slot-lg .card-flip-container,.card-slot-lg .card-flip-face,.card-slot-lg .card-flip-back,.card-slot-lg .battle-card,.card-slot-lg .battle-card-back{width:72px!important;height:102px!important}}@media (max-width:380px){.card-hand-action-row .card-flip-container{transform-origin:50%;transform:scale(.88)}}.card-slot-lg.filled{background:#38bdf81f;border-style:solid;border-color:#38bdf880;box-shadow:0 0 18px #38bdf82e}.card-slot-lg.opponent{border-color:#f8717166;box-shadow:inset 0 0 24px #f8717114,0 0 8px #f871710f}.card-slot-lg.opponent.filled{background:#f871711f;border-color:#f8717180;box-shadow:0 0 18px #f871712e}.card-slot-lg.item{border-color:#fbbf2459;box-shadow:inset 0 0 24px #fbbf240f,0 0 8px #fbbf240a}.card-slot-lg.item.filled{background:#fbbf2414;border-color:#fbbf2473;box-shadow:0 0 18px #fbbf2424}.card-slot-lg.item.opponent{border-color:#fb923c59;box-shadow:inset 0 0 24px #fb923c0f,0 0 8px #fb923c0a}.card-slot-lg.item.opponent.filled{background:#fb923c14;border-color:#fb923c73;box-shadow:0 0 18px #fb923c24}.card-slot.filled{background:#38bdf80d;border-style:solid;border-color:#38bdf84d}.card-slot.opponent{border-color:#f8717133}.card-slot.opponent.filled{background:#f871710d;border-color:#f871714d}.duel-center{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:60px;padding:0 12px;display:flex}.card-hand{scrollbar-width:thin;scrollbar-color:#38bdf833 transparent;-webkit-overflow-scrolling:touch;grid-area:hand;align-items:flex-end;gap:6px;padding:8px;display:flex;overflow:auto hidden}.card-hand-divider{background:#64748b33;flex-shrink:0;align-self:center;width:1px;height:60px}.score-pip{border:1.5px solid;border-radius:50%;width:10px;height:10px;transition:background .3s,border-color .3s,filter .3s}.score-pip.player{border-color:#22d3ee66}.score-pip.player.won{filter:drop-shadow(0 0 4px #22d3ee80);background:#22d3ee;border-color:#22d3ee}.score-pip.opponent{border-color:#f8717166}.score-pip.opponent.won{filter:drop-shadow(0 0 4px #f8717180);background:#f87171;border-color:#f87171}.duel-result-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#080c1cd9;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.item-reveal-player{bottom:230px;left:8px}.item-reveal-opponent{top:228px;right:8px}@media (max-width:640px){.item-reveal-player{bottom:140px;left:4px}.item-reveal-opponent{top:140px;right:4px}}.item-reveal-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c1cf0;border:1px solid #38bdf840;border-radius:7px;flex-direction:column;align-items:stretch;gap:0;width:120px;animation:2s ease-in-out infinite item-reveal-glow;display:flex;overflow:hidden}@media (max-width:640px){.item-reveal-card{width:96px}.item-reveal-art{height:56px}}.item-reveal-card.player{border-color:#22d3ee59;box-shadow:0 0 16px #22d3ee26,inset 0 0 12px #22d3ee0d}.item-reveal-card.opponent{border-color:#f8717159;box-shadow:0 0 16px #f8717126,inset 0 0 12px #f871710d}.item-reveal-art{background:#0f172a99;border-bottom:1px solid #64748b26;justify-content:center;align-items:center;width:100%;height:72px;display:flex;position:relative;overflow:hidden}.item-reveal-stats{flex-direction:column;gap:2px;padding:5px 8px 6px;display:flex}.item-reveal-card.preview{opacity:.85;border-style:dashed;animation:none}.item-reveal-card.preview.player{border-color:#22d3ee40;box-shadow:0 0 10px #22d3ee14}@keyframes item-reveal-glow{0%,to{filter:drop-shadow(0 0 6px #38bdf826)}50%{filter:drop-shadow(0 0 14px #38bdf859)}}