.riftbound-page-wrapper{--background-dark:#212121;--surface-dark:#2a2a2a;--surface-lighter:#333333;--primary:#c3ab71;--text-dark:#f9fafb;--subtle-dark:#9ca3af;--border-color:rgba(255,255,255,0.08);background-color:var(--background-dark);color:var(--text-dark);min-height:100vh}.riftbound-page-wrapper .modern-panel{background-color:var(--surface-dark);border:1px solid var(--border-color);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.riftbound-page-wrapper .radio-inputs{position:relative;display:flex;flex-wrap:wrap;background-color:var(--surface-dark);box-sizing:border-box;border:1px solid var(--border-color);padding:.25rem;font-size:14px;border-radius:.5rem}.riftbound-page-wrapper .radio-inputs .radio{flex:1 1 auto;text-align:center}.riftbound-page-wrapper .radio-inputs .radio input{display:none}.riftbound-page-wrapper .radio-inputs .radio .name{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.375rem;border:1px solid transparent;padding:.5rem 1rem;color:var(--subtle-dark);transition:all .2s ease;font-weight:500;letter-spacing:.01em}.riftbound-page-wrapper .radio-inputs .radio input:checked+.name{background-color:var(--primary);color:#0f172a;font-weight:600}.riftbound-page-wrapper .radio-inputs .radio .name:hover{color:var(--text-dark);background-color:var(--surface-lighter)}.riftbound-page-wrapper .radio-inputs .radio input:checked+.name:hover{background-color:#d4bc82}.riftbound-page-wrapper .card-hover-effect{transition:transform .2s ease,box-shadow .2s ease}.riftbound-page-wrapper .card-hover-effect:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.25);z-index:10}.riftbound-page-wrapper ::-webkit-scrollbar{width:6px;height:6px}.riftbound-page-wrapper ::-webkit-scrollbar-track{background:transparent}.riftbound-page-wrapper ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.riftbound-page-wrapper ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}