:root{--surface-1: rgba(80, 88, 96, .18);--surface-2: rgba(95, 105, 115, .22);--surface-3: rgba(110, 122, 132, .28);--surface-4: rgba(140, 152, 164, .16);--bg-base: #0f0f0f;--bg-deep: #080808;--bg-soft: #161616;--bg-glow: rgba(180, 195, 210, .07);--bg-warm: rgba(255, 214, 111, .05);--border-soft: rgba(200, 210, 220, .16);--border-strong: rgba(255, 214, 102, .35);--text-main: #f5f7fb;--text-soft: rgba(230, 236, 247, .72);--text-muted: rgba(194, 203, 220, .54);--accent: #ffd66f;--accent-2: #c0cdd8;--shadow-lg: 0 28px 80px rgba(0, 0, 0, .5);--shadow-md: 0 16px 36px rgba(0, 0, 0, .38);--nav-bg: rgba(12, 11, 10, .92);--nav-border: rgba(255, 214, 102, .12);--dropdown-bg: rgba(17, 18, 21, .96);--dropdown-border: rgba(255, 214, 102, .14);--link-color: rgba(209, 220, 238, .7);--link-color-hover: #fefcf5;--hamburger-color: rgba(190, 205, 228, .72);--highlight-gradient: linear-gradient(180deg, rgba(50, 55, 62, .52), rgba(35, 38, 44, .64));--highlight-fade: linear-gradient(to right, rgba(42, 46, 53, .65) 0%, transparent 100%);--panel-bg: rgba(20, 22, 26, .86);--panel-border: rgba(214, 227, 248, .1);--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(255, 255, 255, .1);--input-color: var(--text-main);--anchor-ad-height: 0px}:root[data-theme=light]{--surface-1: rgba(94, 115, 148, .18);--surface-2: rgba(108, 131, 166, .22);--surface-3: rgba(126, 150, 186, .28);--surface-4: rgba(160, 181, 213, .16);--bg-base: #141d2d;--bg-deep: #101827;--bg-soft: #1b2638;--bg-glow: rgba(111, 216, 255, .08);--bg-warm: rgba(255, 214, 111, .06);--border-soft: rgba(214, 227, 248, .18);--border-strong: rgba(255, 214, 102, .35);--text-main: #f5f7fb;--text-soft: rgba(230, 236, 247, .72);--text-muted: rgba(194, 203, 220, .54);--accent: #ffd66f;--accent-2: #6fd8ff;--shadow-lg: 0 28px 80px rgba(0, 0, 0, .34);--shadow-md: 0 16px 36px rgba(0, 0, 0, .24);--nav-bg: rgba(20, 29, 45, .84);--nav-border: rgba(214, 227, 248, .12);--dropdown-bg: rgba(20, 29, 45, .96);--dropdown-border: rgba(214, 227, 248, .12);--link-color: rgba(209, 220, 238, .7);--link-color-hover: #f4f8ff;--hamburger-color: rgba(190, 205, 228, .72);--highlight-gradient: linear-gradient(180deg, rgba(78, 97, 126, .52), rgba(56, 71, 96, .64));--highlight-fade: linear-gradient(to right, rgba(56, 71, 96, .7) 0%, transparent 100%);--panel-bg: rgba(28, 38, 56, .84);--panel-border: rgba(214, 227, 248, .14);--input-bg: rgba(160, 181, 213, .1);--input-border: rgba(214, 227, 248, .18);--input-color: var(--text-main)}*{scrollbar-width:thin;scrollbar-color:rgba(200,210,220,.22) transparent}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#c8d2dc38;border-radius:999px;transition:background .2s}*::-webkit-scrollbar-thumb:hover{background:#ffd66f73}*::-webkit-scrollbar-corner{background:transparent}body{font-family:Onest,sans-serif;margin:0;background-color:var(--bg-base);background-image:radial-gradient(circle at top left,var(--bg-glow),transparent 34%),radial-gradient(circle at top right,var(--bg-warm),transparent 28%),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg-base) 42%,var(--bg-deep) 100%);background-attachment:fixed;min-height:100vh;transition:background-color .3s ease,background-image .3s ease}a{text-decoration:none}a:link,a:visited{color:inherit}.bold{font-weight:700}.flex-row-center{display:flex;flex-direction:row;align-items:center}.flex-column-center{display:flex;flex-direction:column;align-items:center}.flex-start{align-items:flex-start}.gap-5{gap:5px}.gap-10{gap:10px}.gap-15{gap:15px}.gap-12{gap:12px}.gap-20{gap:20px}.gap-30{gap:30px}.gap-40{gap:40px}.gap-50{gap:50px}.gap-60{gap:60px}.gap-70{gap:70px}.gap-80{gap:80px}.gap-90{gap:90px}.m-top-10{margin-top:10px}.m-top-20{margin-top:20px}.m-top-30{margin-top:30px}.m-top-50{margin-top:50px}.m-left-10{margin-left:10px}.m-left-15{margin-left:15px}.m-left-20{margin-left:20px}.m-left-30{margin-left:30px}.m-left-40{margin-left:40px}.h-20{height:20px}.h-30{height:30px}.h-40{height:40px}.h-100{height:100px}.w-20{width:20px}.w-40{width:40px}.w-60{width:60px}.text-ssm{font-size:12px}.text-sm{font-size:14px}.text-md{font-size:16px}.text-lg{font-size:18px}.op-0{opacity:0}.rad-5{border-radius:5px}.rad-10{border-radius:10px}.description-value{color:#ffd12f}.global-link{color:#ffd12f!important}.pointer{cursor:pointer}.roll-value-legend-low{color:#91ffa5}.roll-value-legend-midlow{color:#00c7ff}.roll-value-legend-midhigh,.brant-passive-label{color:#c673ff}.roll-value-legend-high{color:#ffd473}.roll-value-legend-over{color:#f55}.underline{text-decoration:underline}.p-slider{height:6px;width:100%;background-color:#d3d3d3;border-radius:10px;position:relative}.detail-forte-skill .p-slider{width:50px;margin-left:20px}.p-slider .p-slider-range{background-color:#ffd12f;border-radius:10px;height:100%}.p-slider .p-slider-handle{width:10px;height:10px;background-color:#fff;border:1px solid black;transform:translateY(-6px) translate(-10px) rotate(45deg)}.detail-forte-skill .p-slider .p-slider-handle{width:10px;height:10px}.detail-forte-skill .p-slider-horizontal .p-slider-handle{top:70%}.p-paginator{display:flex;justify-content:center;align-items:center;margin-top:1rem}.p-paginator .p-paginator-pages{display:flex;gap:.5rem}.p-paginator .p-paginator-page{display:flex;justify-content:center;align-items:center;font-size:16px;height:2rem;border-radius:50%;color:#fff;background-color:transparent;border:none;transition:all .2s ease-in-out}.p-paginator .p-paginator-page.p-highlight{color:#ffe65a;background-color:transparent;border-color:#ffe65a}.p-paginator .p-paginator-page:hover{cursor:pointer;color:#ffe65a;border-color:#ffe65a}.p-paginator .p-paginator-prev,.p-paginator .p-paginator-next,.p-paginator .p-paginator-first,.p-paginator .p-paginator-last{color:#fff;font-size:1.2rem;transition:color .2s ease-in-out;background-color:transparent;border:none}.p-paginator .p-paginator-prev:hover,.p-paginator .p-paginator-next:hover,.p-paginator .p-paginator-first:hover,.p-paginator .p-paginator-last:hover{color:#ffe65a}.p-paginator .p-dropdown{font-size:.875rem;color:#fff;background-color:transparent;border:1px solid white}.main-container{max-width:1200px;margin:0 auto;padding-inline:1rem}#anchor-type-ad{background-color:transparent!important;font-size:0!important;padding:0!important}@media (max-width: 767px){:root{--anchor-ad-height: 50px}}@media (min-width: 768px){body{width:100%}.detail-forte-skill .p-slider{width:100%;margin-left:0}.detail-forte-skill .p-slider .p-slider-handle{width:12px;height:12px}.detail-forte-skill .p-slider-horizontal .p-slider-handle{top:50%}}@media (min-width: 1440px){.main-container{max-width:calc(100vw - 400px)}}@media (min-width: 1920px){.main-container{max-width:calc(100vw - 680px)}}.profile-feedback{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:12px;max-width:min(90vw,520px);padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:var(--bg-soft, #161616);color:var(--text-main, #f5f7fb);box-shadow:0 10px 30px #00000073;font-size:14px;line-height:1.4;animation:profileFeedbackIn .18s ease-out}.profile-feedback.is-success{border-color:#78c88c73;background:linear-gradient(180deg,#78c88c2e,#78c88c0f),var(--bg-soft, #161616)}.profile-feedback.is-error{border-color:#dc646480;background:linear-gradient(180deg,#dc64642e,#dc64640f),var(--bg-soft, #161616)}.profile-feedback .feedback-dismiss{background:transparent;border:0;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:0 4px;opacity:.75}.profile-feedback .feedback-dismiss:hover{opacity:1}@keyframes profileFeedbackIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}
