.abyss-reveal-container{width:100%;padding:0;margin-top:20px;background:0 0;border:none;border-radius:12px;display:flex;align-items:stretch;justify-content:center;animation:.3s fadeIn;overflow:hidden}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.abyss-reveal-content{display:flex;width:100%;height:180px;border-radius:12px;overflow:hidden;border:2px solid rgba(34,197,94,.6);box-shadow:0 0 20px rgba(34,197,94,.3);transition:.3s}.abyss-reveal-content:hover{border-color:rgba(34,197,94,.9);box-shadow:0 0 30px rgba(34,197,94,.5)}.abyss-video-wrapper{flex:1;position:relative;overflow:hidden;background:#000}.abyss-reveal-video{width:100%;height:100%;object-fit:cover;display:block}.abyss-reveal-text-overlay{position:absolute;top:50%;right:15px;transform:translateY(-50%);font-size:20px;font-weight:700;color:#22c55e;text-shadow:0 0 20px #22c55e,0 0 40px rgba(34,197,94,.8),2px 2px 4px rgba(0,0,0,.8);white-space:nowrap;letter-spacing:2px;transition:.3s;pointer-events:none}.abyss-reveal-content:hover .abyss-reveal-text-overlay{color:#4ade80;text-shadow:0 0 30px #22c55e,0 0 60px rgba(34,197,94,.8),2px 2px 4px rgba(0,0,0,.8);transform:translateY(-50%) scale(1.05)}.abyss-reveal-button,.abyss-reveal-icon,.abyss-reveal-text,.abyss-reveal-text-only{display:none}.abyss-selection-container{width:100%;padding:15px;margin-top:20px;background:linear-gradient(135deg,rgba(26,31,46,.98),rgba(13,17,23,.98));border:2px solid rgba(34,197,94,.6);border-radius:12px;display:flex;flex-direction:column;align-items:stretch;gap:12px;animation:.3s fadeIn;box-shadow:0 0 25px rgba(34,197,94,.4),inset 0 0 25px rgba(34,197,94,.15)}.abyss-selection-title{display:none}.abyss-options-grid{display:flex;flex-direction:column;gap:12px;width:100%}.abyss-option-card{background:linear-gradient(135deg,#1a1f2e,#0d1117);border:2px solid #30363d;border-radius:8px;padding:12px 16px;cursor:pointer;transition:.25s;display:flex;flex-direction:column;gap:8px}.abyss-option-card:hover{border-color:rgba(34,197,94,.8);transform:translateX(5px);box-shadow:0 5px 20px rgba(34,197,94,.4),inset 0 0 15px rgba(34,197,94,.1)}.abyss-option-card:active{transform:translateX(3px)}.affix-card-row1{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.affix-type-badge-inline{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700}.affix-type-badge-inline.prefix,.affix-type-badge-inline.suffix{background:#6b7280;color:#fff}.affix-type-badge-inline.abyss{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.affix-tier-inline{font-size:13px;font-weight:600;color:#f59e0b}.affix-level-inline{font-size:13px;color:#9ca3af}.affix-card-row2{font-size:15px;font-weight:500;color:#4ade80;line-height:1.4}.affix-type-badge{display:inline-block;padding:6px 16px;border-radius:6px;font-size:14px;font-weight:700;text-align:center;align-self:flex-start}.affix-type-badge.prefix,.affix-type-badge.suffix{background:#6b7280;color:#fff}.affix-type-badge.abyss{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 0 15px rgba(34,197,94,.6)}.affix-tier-info{display:flex;flex-direction:row;align-items:center;gap:0;font-size:13px;color:#8b949e;font-weight:500;margin-top:4px}.affix-tier-info .tier-number{color:#f59e0b;font-weight:600}.affix-tier-info .tier-separator{color:#6b7280;margin:0 2px}.affix-tier-info .req-level{color:#9ca3af}.affix-tier{font-size:13px;color:#8b949e;font-weight:500}.affix-simple-description{display:none}.affix-description{font-size:18px;color:#c9d1d9;font-weight:500;line-height:1.5;flex-grow:1;display:flex;align-items:center}[data-theme=dark] .abyss-option-card{background:linear-gradient(135deg,#2d333b,#1c2128);border-color:#444c56}[data-theme=dark] .abyss-option-card:hover{border-color:rgba(34,197,94,.8)}[data-theme=light] .abyss-reveal-container{background:0 0}[data-theme=light] .abyss-reveal-content{border-color:rgba(34,197,94,.5);box-shadow:0 0 20px rgba(34,197,94,.2)}[data-theme=light] .abyss-video-wrapper{background:#f0f0f0}[data-theme=light] .abyss-reveal-text-overlay{color:#16a34a;text-shadow:0 0 20px #22c55e,0 0 40px rgba(34,197,94,.8),2px 2px 4px rgba(255,255,255,.5)}[data-theme=light] .abyss-reveal-content:hover .abyss-reveal-text-overlay{color:#22c55e}[data-theme=light] .affix-card-row2{color:#16a34a}[data-theme=light] .abyss-selection-container{background:rgba(255,255,255,.95);border-color:rgba(34,197,94,.5);box-shadow:0 0 25px rgba(34,197,94,.2)}[data-theme=light] .abyss-selection-title{color:#16a34a;text-shadow:0 0 20px rgba(34,197,94,.5);border-bottom-color:rgba(34,197,94,.3)}[data-theme=light] .abyss-option-card{background:linear-gradient(135deg,#f6f8fa,#fff);border-color:#d0d7de}[data-theme=light] .abyss-option-card:hover{border-color:rgba(34,197,94,.8);box-shadow:0 10px 40px rgba(34,197,94,.3),inset 0 0 20px rgba(34,197,94,.05)}[data-theme=light] .affix-tier,[data-theme=light] .affix-tier-info{color:#57606a}[data-theme=light] .affix-tier-info .tier-number{color:#d97706}[data-theme=light] .affix-tier-info .req-level{color:#6b7280}[data-theme=light] .affix-description{color:#24292f}.abyss-reroll-button{position:relative;width:100%;margin-top:20px;padding:15px 30px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:16px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 5px 15px rgba(102,126,234,.4),inset 0 0 20px rgba(255,255,255,.1);overflow:hidden}.abyss-reroll-button::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);animation:3s linear infinite shimmer}@keyframes shimmer{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}.abyss-reroll-icon{font-size:20px;animation:2s linear infinite rotate}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.abyss-reroll-text{position:relative;z-index:1;font-size:16px;letter-spacing:1px}.abyss-reroll-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.6),inset 0 0 30px rgba(255,255,255,.15);border-color:rgba(255,255,255,.5)}.abyss-reroll-button:active{transform:translateY(0);box-shadow:0 3px 10px rgba(102,126,234,.5),inset 0 0 15px rgba(255,255,255,.1)}.abyss-reroll-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#6c757d 0,#495057 100%);box-shadow:none}.abyss-reroll-button:disabled:hover{transform:none}[data-theme=light] .abyss-reroll-button{background:linear-gradient(135deg,#7c3aed 0,#5b21b6 100%);color:#fff;border-color:rgba(255,255,255,.5);box-shadow:0 5px 15px rgba(124,58,237,.3),inset 0 0 20px rgba(255,255,255,.15)}[data-theme=light] .abyss-reroll-button:hover{box-shadow:0 8px 25px rgba(124,58,237,.5),inset 0 0 30px rgba(255,255,255,.2)}@media (max-width:768px){.abyss-reveal-content{height:140px}.abyss-reveal-button{width:90px;padding:15px}.abyss-reveal-text{font-size:16px;letter-spacing:3px}.abyss-selection-container{padding:15px;gap:15px}.abyss-selection-title{font-size:16px}.abyss-option-card{padding:12px;min-width:0}.affix-type-badge{padding:4px 12px;font-size:12px}.affix-tier{font-size:12px}.affix-description,.affix-simple-description{font-size:14px}}@media (max-width:480px){.abyss-reveal-content{height:120px}.abyss-reveal-button{width:70px;padding:10px}.abyss-reveal-text{font-size:14px;letter-spacing:2px}.abyss-selection-title{font-size:14px}.abyss-option-card{padding:10px;gap:6px}.affix-tier{font-size:11px;flex-wrap:nowrap}.affix-description,.affix-simple-description{font-size:13px}}