@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer theme{:root,:host{--font-mono:"Geist Mono", "Geist Mono Fallback", ui-monospace, monospace;--default-font-family:"Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:"Geist Mono", "Geist Mono Fallback", ui-monospace, monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.flex{display:flex}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--background:#e4e9f7;--foreground:#707070}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}body{background:var(--background);color:var(--foreground)}button,input{font:inherit}.kyomu-shell{--body-color:#e4e9f7;--sidebar-color:#fff;--primary-color:#695cfe;--primary-color-light:#f6f5ff;--active-text-color:#fff;--toggle-color:#ddd;--text-color:#707070;--card-shadow:#01010173;background:var(--body-color);min-height:100vh;color:var(--text-color);transition:background-color .2s,color .2s}.kyomu-shell.dark-mode{--body-color:#18191a;--sidebar-color:#242526;--primary-color:#3a3b3c;--primary-color-light:#3a3b3c;--toggle-color:#fff;--text-color:#ccc;--card-shadow:#000000bf}.kyomu-sidebar{background:var(--sidebar-color);z-index:100;width:250px;height:100vh;padding:10px 14px;transition:width .2s,transform .2s;position:fixed;top:0;left:0}.sidebar-state{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.sidebar-state:checked~.kyomu-sidebar,.sidebar-closed .kyomu-sidebar{width:88px}.sidebar-header{justify-content:space-between;align-items:center;min-height:48px;display:flex;position:relative}.logo-block{align-items:center;min-width:0;display:flex}.logo-image{border-radius:6px;min-width:40px;height:40px;display:inline-block}.logo-text{white-space:nowrap;flex-direction:column;margin-left:10px;transition:opacity .15s;display:flex;overflow:hidden}.logo-name{color:var(--text-color);font-size:18px;font-weight:700}.logo-subtitle{color:var(--text-color);opacity:.65;font-size:13px}.sidebar-toggle{background:var(--primary-color);color:var(--sidebar-color);cursor:pointer;z-index:150;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .2s;display:flex;position:absolute;top:50%;right:-22px;transform:translateY(-50%)rotate(180deg)}.sidebar-toggle svg,.sidebar-open-button svg{pointer-events:none}.sidebar-closed .sidebar-toggle{transform:translateY(-50%)rotate(0)}.sidebar-menu{margin-top:35px}.search-box,.sidebar-links a,.mode-toggle{color:var(--text-color);border-radius:6px;align-items:center;min-width:0;height:50px;text-decoration:none;transition:background-color .15s,color .15s;display:flex;overflow:hidden}.search-box{background:var(--primary-color-light);cursor:text;margin-bottom:10px}.search-box input{color:var(--text-color);background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%}.search-box input::placeholder{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.search-box input::placeholder{color:color-mix(in srgb, var(--text-color) 70%, transparent)}}.sidebar-links{gap:10px;display:grid}.sidebar-links a:hover,.sidebar-links a.active{background:var(--primary-color);color:var(--active-text-color)}.sidebar-icon{flex:none;min-width:20px;margin:0 20px}.sidebar-text{white-space:nowrap;font-size:17px;font-weight:500;transition:opacity .15s;overflow:hidden}.sidebar-closed .sidebar-text,.sidebar-closed .logo-text,.sidebar-closed .search-box input,.sidebar-state:checked~.kyomu-sidebar .sidebar-text,.sidebar-state:checked~.kyomu-sidebar .logo-text,.sidebar-state:checked~.kyomu-sidebar .search-box input{opacity:0;pointer-events:none}.sidebar-closed .search-box,.sidebar-closed .sidebar-links a,.sidebar-closed .mode-toggle,.sidebar-state:checked~.kyomu-sidebar .search-box,.sidebar-state:checked~.kyomu-sidebar .sidebar-links a,.sidebar-state:checked~.kyomu-sidebar .mode-toggle{justify-content:center}.sidebar-closed .sidebar-icon,.sidebar-closed .sun-moon,.sidebar-state:checked~.kyomu-sidebar .sidebar-icon,.sidebar-state:checked~.kyomu-sidebar .sun-moon{margin:0}.sidebar-closed .sidebar-text,.sidebar-closed .search-box input,.sidebar-closed .switch,.sidebar-state:checked~.kyomu-sidebar .sidebar-text,.sidebar-state:checked~.kyomu-sidebar .search-box input,.sidebar-state:checked~.kyomu-sidebar .switch{width:0}.sidebar-closed .switch,.sidebar-state:checked~.kyomu-sidebar .switch{opacity:0;margin:0}.mode-toggle{background:var(--primary-color-light);cursor:pointer;border:0;padding:0;position:absolute;bottom:16px;left:14px;right:14px}.sun-moon{justify-content:center;align-items:center;min-width:20px;height:50px;margin:0 20px;display:flex;position:relative}.sun-moon .sun{opacity:0;position:absolute}.sun-moon .moon{opacity:1;position:absolute}.light-mode .sun-moon .sun{opacity:1}.light-mode .sun-moon .moon{opacity:0}.switch{background:var(--toggle-color);border-radius:25px;width:40px;height:22px;margin-left:auto;margin-right:12px;position:relative}.switch:before{background:var(--sidebar-color);content:"";border-radius:50%;width:15px;height:15px;transition:left .2s;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.light-mode .switch:before{left:5px}.kyomu-content{width:calc(100% - 250px);min-width:0;min-height:100vh;margin-left:250px;transition:margin-left .2s}.sidebar-closed .kyomu-content,.sidebar-state:checked~.kyomu-content{width:calc(100% - 88px);margin-left:88px}.kyomu-page{min-height:100vh;padding:10px 48px 56px 80px}.kyomu-last-updated{color:var(--text-color);padding-top:10px;font-size:14px}.kyomu-title{color:var(--text-color);text-align:center;margin-bottom:25px;padding:50px 0;font-size:clamp(42px,6vw,65px);font-weight:900;line-height:1.45}.character-grid{grid-template-columns:repeat(auto-fit,minmax(137px,150px));justify-content:start;gap:13px 9px;display:grid}.character-card{text-align:center;display:inline-block;position:relative;overflow:hidden}.character-card-image{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto;transition:transform .3s;display:block}.rarity-5 .character-card-image,.rarity-5.character-detail-card{background:linear-gradient(to bottom right,gold,#fc0)}.rarity-4 .character-card-image,.rarity-4.character-detail-card{background:linear-gradient(to bottom right,#ff00bf,#e701dc)}.character-card-link{box-sizing:border-box;color:#fff;text-shadow:2px 2px 4px var(--card-shadow);justify-content:center;align-items:flex-end;padding:10px;font-size:20px;text-decoration:none;transition:background-color .3s;display:flex;position:absolute;inset:0}.rarity-5 .character-card-link{border:2px solid #deff25}.rarity-4 .character-card-link{border:2px solid #ff20cf}.character-card:hover .character-card-image{transform:scale(1.1)}.character-card:hover .character-card-link{background:#00000080}.character-detail,.section-placeholder{grid-template-columns:minmax(220px,340px) minmax(0,1fr);align-items:center;gap:32px;min-height:calc(100vh - 96px);display:grid}.character-detail-card{border-radius:3px;overflow:hidden}.character-detail-image{width:100%;height:auto;display:block}.character-detail-copy,.section-placeholder{max-width:720px}.back-link,.eyebrow{color:var(--text-color);letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:700}.back-link{margin-bottom:28px;text-decoration:none;display:inline-block}.detail-title{color:var(--text-color);margin:16px 0;font-size:clamp(42px,7vw,82px);font-weight:900;line-height:1.05}.detail-text{color:var(--text-color);max-width:650px;font-size:18px;line-height:1.8}.section-placeholder{padding-top:120px;display:block}.section-count{background:var(--sidebar-color);border-radius:6px;align-items:center;gap:14px;margin-top:32px;padding:18px 22px;display:inline-flex}.section-count span{color:var(--text-color);font-family:var(--font-mono);font-size:34px;font-weight:800}.section-count p{color:var(--text-color);font-size:14px}.page-header{width:100%;max-width:1120px;margin:0 auto 34px;padding-top:32px}.page-kicker{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.page-kicker{color:color-mix(in srgb, var(--text-color) 66%, var(--primary-color))}}.page-kicker{letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:850}.page-header h1,.character-hero-copy h1{color:var(--text-color);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(46px,7vw,76px);font-weight:900;line-height:.98}.page-summary,.character-hero-copy>p{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.page-summary,.character-hero-copy>p{color:color-mix(in srgb, var(--text-color) 78%, #111)}}.page-summary,.character-hero-copy>p{max-width:760px;margin-top:18px;font-size:clamp(16px,2vw,19px);line-height:1.7}.dark-mode .page-summary,.dark-mode .character-hero-copy>p{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.dark-mode .page-summary,.dark-mode .character-hero-copy>p{color:color-mix(in srgb, var(--text-color) 88%, #fff)}}.home-page{min-height:100vh;padding:22px clamp(18px,4vw,48px) 72px clamp(18px,5vw,80px)}.home-stats-grid,.home-route-grid,.home-bottom-grid{gap:18px;width:100%;max-width:1120px;margin:0 auto 22px;display:grid}.home-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-stat-card,.home-route-card{background:var(--sidebar-color)}@supports (color:color-mix(in lab, red, red)){.home-stat-card,.home-route-card{background:color-mix(in srgb, var(--sidebar-color) 86%, var(--body-color))}}.home-stat-card,.home-route-card{border:1px solid var(--text-color)}@supports (color:color-mix(in lab, red, red)){.home-stat-card,.home-route-card{border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent)}}.home-stat-card,.home-route-card{color:var(--text-color);border-radius:8px}.home-stat-card{gap:8px;min-width:0;padding:18px;display:grid}.home-stat-card span{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.home-stat-card span{color:color-mix(in srgb, var(--text-color) 62%, transparent)}}.home-stat-card span{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:850}.home-stat-card strong{color:var(--text-color);font-size:clamp(34px,5vw,52px);font-weight:950;line-height:.95}.home-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-route-card{grid-template-columns:48px minmax(0,1fr) auto;gap:16px;min-height:170px;padding:18px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.home-route-card:hover{border-color:var(--primary-color)}@supports (color:color-mix(in lab, red, red)){.home-route-card:hover{border-color:color-mix(in srgb, var(--primary-color) 52%, transparent)}}.home-route-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px #0000001f}.home-route-icon{background:var(--primary-color);align-items:center}@supports (color:color-mix(in lab, red, red)){.home-route-icon{background:color-mix(in srgb, var(--primary-color) 12%, var(--sidebar-color))}}.home-route-icon{border:1px solid var(--primary-color)}@supports (color:color-mix(in lab, red, red)){.home-route-icon{border:1px solid color-mix(in srgb, var(--primary-color) 20%, transparent)}}.home-route-icon{color:var(--primary-color);border-radius:8px;justify-content:center;width:48px;height:48px;display:inline-flex}.home-route-card h2{color:var(--text-color);overflow-wrap:anywhere;margin:14px 0 8px;font-size:25px;font-weight:900;line-height:1.05}.home-route-card p{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.home-route-card p{color:color-mix(in srgb, var(--text-color) 78%, #111)}}.home-route-card p{margin:0;line-height:1.55}.dark-mode .home-route-card p{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.dark-mode .home-route-card p{color:color-mix(in srgb, var(--text-color) 90%, #fff)}}.home-route-arrow{color:var(--text-color);align-self:start}@supports (color:color-mix(in lab, red, red)){.home-route-arrow{color:color-mix(in srgb, var(--text-color) 58%, transparent)}}.home-bottom-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.home-character-list{gap:10px;display:grid}.home-character-link{background:radial-gradient(circle at 100% 0%, var(--element-color), transparent 44%), var(--body-color)}@supports (color:color-mix(in lab, red, red)){.home-character-link{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--element-color) 22%, transparent), transparent 44%), color-mix(in srgb, var(--body-color) 70%, var(--sidebar-color))}}.home-character-link{border:1px solid var(--text-color)}@supports (color:color-mix(in lab, red, red)){.home-character-link{border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent)}}.home-character-link{color:var(--text-color);border-radius:8px;gap:6px;padding:14px;text-decoration:none;transition:border-color .16s,transform .16s;display:grid}.home-character-link:hover{border-color:var(--element-color)}@supports (color:color-mix(in lab, red, red)){.home-character-link:hover{border-color:color-mix(in srgb, var(--element-color) 55%, transparent)}}.home-character-link:hover{transform:translateY(-2px)}.home-character-link span{color:var(--text-color);font-size:20px;font-weight:900;line-height:1.05}.home-character-link small{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.home-character-link small{color:color-mix(in srgb, var(--text-color) 68%, transparent)}}.home-character-link small{font-size:12px;font-weight:800}.teams-page-v2,.relics-page-v2,.relic-detail-page-v2,.light-cones-page,.light-cone-detail-page,.items-page-v2,.tier-list-page-v2{min-height:100vh;padding:22px clamp(18px,4vw,48px) 72px clamp(18px,5vw,80px)}.teams-grid-v2,.relics-grid-v2,.relic-detail-grid-v2,.light-cones-grid,.light-cone-detail-grid,.items-grid-v2,.tier-stack-v2{gap:18px;width:100%;max-width:1120px;margin:0 auto;display:grid}.teams-grid-v2{grid-template-columns:1fr}.team-card-v2{background:var(--sidebar-color)}@supports (color:color-mix(in lab, red, red)){.team-card-v2{background:color-mix(in srgb, var(--sidebar-color) 86%, var(--body-color))}}.team-card-v2{border:1px solid var(--text-color)}@supports (color:color-mix(in lab, red, red)){.team-card-v2{border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent)}}.team-card-v2{border-radius:8px;padding:22px;scroll-margin-top:22px}.team-card-v2-header{justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.team-card-v2 h2,.relic-card-v2 h2{color:var(--text-color);letter-spacing:0;overflow-wrap:anywhere;min-width:0;margin:14px 0 10px;font-size:clamp(23px,2.4vw,30px);font-weight:900;line-height:1.05}.team-card-v2-header p,.relic-card-v2 p,.muted-copy{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.team-card-v2-header p,.relic-card-v2 p,.muted-copy{color:color-mix(in srgb, var(--text-color) 80%, #111)}}.team-card-v2-header p,.relic-card-v2 p,.muted-copy{overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.65}.dark-mode .team-card-v2-header p,.dark-mode .relic-card-v2 p,.dark-mode .muted-copy{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.dark-mode .team-card-v2-header p,.dark-mode .relic-card-v2 p,.dark-mode .muted-copy{color:color-mix(in srgb, var(--text-color) 90%, #fff)}}.team-members-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.team-member-card{background:radial-gradient(circle at 50% 0%, var(--element-color), transparent 46%), var(--body-color)}@supports (color:color-mix(in lab, red, red)){.team-member-card{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--element-color) 26%, transparent), transparent 46%), color-mix(in srgb, var(--body-color) 70%, var(--sidebar-color))}}.team-member-card{border:1px solid var(--text-color)}@supports (color:color-mix(in lab, red, red)){.team-member-card{border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent)}}.team-member-card{color:var(--text-color);border-radius:8px;min-width:0;text-decoration:none;transition:border-color .16s,transform .16s;overflow:hidden}.team-member-card:hover{border-color:var(--element-color)}@supports (color:color-mix(in lab, red, red)){.team-member-card:hover{border-color:color-mix(in srgb, var(--element-color) 55%, transparent)}}.team-member-card:hover{transform:translateY(-2px)}.team-member-art{justify-content:center;align-items:end;height:170px;display:flex;overflow:hidden}.team-member-art img{object-fit:cover;object-position:top center;width:100%;height:100%}.team-member-copy{gap:8px;padding:14px;display:grid}.team-member-copy span,.team-member-copy small,.relic-tag-row span{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.team-member-copy span,.team-member-copy small,.relic-tag-row span{color:color-mix(in srgb, var(--text-color) 64%, transparent)}}.team-member-copy span,.team-member-copy small,.relic-tag-row span{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:850}.team-member-copy h3{color:var(--text-color);overflow-wrap:anywhere;margin:0;font-size:21px;font-weight:900;line-height:1.05}.team-member-copy p{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.team-member-copy p{color:color-mix(in srgb, var(--text-color) 78%, #111)}}.team-member-copy p{margin:0;font-size:14px;line-height:1.45}.dark-mode .team-member-copy p{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.dark-mode .team-member-copy p{color:color-mix(in srgb, var(--text-color) 90%, #fff)}}.team-note-list{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.team-note-list{color:color-mix(in srgb, var(--text-color) 82%, #111)}}.team-note-list{gap:8px;margin:18px 0 0;padding-left:20px;line-height:1.55;display:grid}.dark-mode .team-note-list{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.dark-mode .team-note-list{color:color-mix(in srgb, var(--text-color) 90%, #fff)}}.compact-toolbar{background:var(--sidebar-color);align-items:end}@supports (color:color-mix(in lab, red, red)){.compact-toolbar{background:color-mix(in srgb, var(--sidebar-color) 82%, var(--body-color))}}.compact-toolbar{border:1px solid var(--text-color)}@supports (color:color-mix(in lab, red, red)){.compact-toolbar{border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent)}}.compact-toolbar{border-radius:8px;grid-template-columns:minmax(220px,1fr) minmax(180px,260px);gap:14px;width:100%;max-width:1120px;margin:0 auto 18px;padding:14px;display:grid}.compact-toolbar label{gap:7px;min-width:0;display:grid}.compact-toolbar span{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.compact-toolbar span{color:color-mix(in srgb, var(--text-color) 70%, transparent)}}.compact-toolbar span{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.compact-toolbar input,.compact-toolbar select{background:var(--body-color);border:1px solid var(--text-color)}@supports (color:color-mix(in lab, red, red)){.compact-toolbar input,.compact-toolbar select{border:1px solid color-mix(in srgb, var(--text-color) 18%, transparent)}}.compact-toolbar input,.compact-toolbar select{color:var(--text-color);border-radius:6px;outline:none;width:100%;min-width:0;height:44px;padding:0 12px}.compact-toolbar input:focus,.compact-toolbar select:focus{border-color:var(--primary-color)}@supports (color:color-mix(in lab, red, red)){.compact-toolbar input:focus,.compact-toolbar select:focus{border-color:color-mix(in srgb, var(--primary-color) 64%, transparent)}}.compact-toolbar input:focus,.compact-toolbar select:focus{box-shadow:0 0 0 3px var(--primary-color)}@supports (color:color-mix(in lab, red, red)){.compact-toolbar input:focus,.compact-toolbar select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 16%, transparent)}}.items-grid-v2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.item-card-v2{background:var(--sidebar-color)}@supports (color:color-mix(in lab, red, red)){.item-card-v2{background:color-mix(in srgb, var(--sidebar-color) 86%, var(--body-color))}}.item-card-v2{border:1px solid var(--text-color)}@supports (color:color-mix(in lab, red, red)){.item-card-v2{border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent)}}.item-card-v2{border-radius:8px;grid-template-columns:84px minmax(0,1fr);gap:16px;min-width:0;padding:18px;display:grid}.item-card-art{background:var(--primary-color);align-items:center}@supports (color:color-mix(in lab, red, red)){.item-card-art{background:color-mix(in srgb, var(--primary-color) 9%, var(--body-color))}}.item-card-art{border:1px solid var(--text-color)}@supports (color:color-mix(in lab, red, red)){.item-card-art{border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent)}}.item-card-art{border-radius:8px;justify-content:center;width:84px;height:84px;display:flex;overflow:hidden}.item-card-art img{object-fit:contain;width:100%;height:100%;padding:8px}.item-card-copy{min-width:0}.item-card-copy h2{color:var(--text-color);margin:12px 0 8px;font-size:24px;font-weight:900;line-height:1.08}.item-card-copy p{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.item-card-copy p{color:color-mix(in srgb, var(--text-color) 80%, #111)}}.item-card-copy p{margin:0;line-height:1.55}.dark-mode .item-card-copy p{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.dark-mode .item-card-copy p{color:color-mix(in srgb, var(--text-color) 90%, #fff)}}.tier-stack-v2{gap:22px}.tier-row-v2{background:var(--sidebar-color)}@supports (color:color-mix(in lab, red, red)){.tier-row-v2{background:color-mix(in srgb, var(--sidebar-color) 86%, var(--body-color))}}.tier-row-v2{border:1px solid var(--text-color)}@supports (color:color-mix(in lab, red, red)){.tier-row-v2{border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent)}}.tier-row-v2{border-radius:8px;gap:18px;padding:18px;display:grid}.tier-row-v2>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.tier-row-v2>header span{color:var(--tier-color,var(--primary-color));font-size:clamp(32px,5vw,52px);font-weight:950;line-height:.95}.tier-row-v2>header p{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.tier-row-v2>header p{color:color-mix(in srgb, var(--text-color) 78%, #111)}}.tier-row-v2>header p{text-align:right;max-width:520px;margin:0;line-height:1.55}.dark-mode .tier-row-v2>header p{color:var(--text-color)}@supports (color:color-mix(in lab, red, red)){.dark-mode .tier-row-v2>header p{color:color-mix(in srgb, var(--text-color) 90%, #fff)}}.tier-s{--tier-color:#23b866}.tier-a{--tier-color:#6c63ff}.tier-b{--tier-color:#3a74d8}.tier-c{--tier-color:#c08a2c}.tier-d{--tier-color:#d65f2a}.tier-character-grid-v2{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.tier-character-card-v2{background:radial-gradient(circle at 50% 0%, var(--element-color), transparent 48%), var(--body-color)}@supports (color:color-mix(in lab, red, red)){.tier-character-card-v2{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--element-color) 22%, transparent), transparent 48%), color-mix(in srgb, var(--body-color) 70%, var(--sidebar-color))}}.tier-character-card-v2{border:1px solid var(--text-color)}@supports (color:color-mix(in lab, red, red)){.tier-character-card-v2{border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent)}}.tier-character-card-v2{color:var(--text-color);border-radius:8px;gap:12px;min-width:0;padding:12px;text-decoration:none;display:grid;overflow:hidden}.tier-character-art-v2{background:var(--element-color);align-items:end}@supports (color:color-mix(in lab, red, red)){.tier-character-art-v2{background:color-mix(in srgb, var(--element-color) 18%, var(--sidebar-color))}}.tier-character-art-v2{border-radius:8px;justify-content:center;height:118px;display:flex;overflow:hidden}.tier-character-art-v2 img{object-fit:cover;object-position:top center;width:100%;height:100%}.tier-character-art-v2 span{background:var(--sidebar-color);align-self:center;align-items:center}@supports (color:color-mix(in lab, red, red)){.tier-character-art-v2 span{background:color-mix(in srgb, var(--sidebar-color) 72%, transparent)}}.tier-character-art-v2 span{border-radius:8px;justify-content:center;width:58px;height:58px;font-size:34px;font-weight:950;display:inline-flex}.tier-character-card-v2 h2{color:var(--text-color);overflow-wrap:anywhere;margin:0 0 8px;font-size:18px;font-weight:900;line-height:1.1}.element-physical{--element-color:#9a8068}.element-fire{--element-color:#d65f2a}.element-ice{--element-color:#62a8d7}.element-lightning{--element-color:#7b62d7}.element-wind{--element-color:#4fa978}.element-quantum{--element-color:#4e65c8}.element-imaginary{--element-color:#c7a846}.element-destruction{--element-color:#d65f2a}.element-hunt{--element-color:#4fa978}.element-erudition{--element-color:#4e65c8}.element-harmony{--element-color:#c7a846}.element-nihility{--element-color:#7c5bd6}.element-preservation{--element-color:#3a74d8}.element-abundance{--element-color:#35a58a}.element-remembrance{--element-color:#7ca7d9}.element-elation{--element-color:#d86bae}.sidebar-open-button,.sidebar-overlay{display:none}@media (max-width:980px){.kyomu-sidebar{width:260px;transform:translate(-100%);box-shadow:0 10px 30px #00000040}.sidebar-mobile-open .kyomu-sidebar{transform:translate(0)}.sidebar-closed .kyomu-sidebar,.sidebar-state:checked~.kyomu-sidebar{width:260px}.kyomu-content,.sidebar-closed .kyomu-content,.sidebar-state:checked~.kyomu-content{width:100%;max-width:100%;margin-left:0}.sidebar-open-button{background:var(--primary-color);color:var(--sidebar-color);cursor:pointer;z-index:95;border:0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:fixed;bottom:16px;left:16px}.sidebar-overlay{opacity:0;pointer-events:none;visibility:hidden;z-index:90;background:#00000059;border:0;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-mobile-open .sidebar-overlay{opacity:1;pointer-events:auto;visibility:visible}.home-stats-grid,.home-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-bottom-grid,.character-hero,.light-cone-hero,.relic-hero-v2{grid-template-columns:1fr}.character-hero-art,.character-hero-placeholder{min-height:380px}.character-hero-copy,.relic-hero-copy{padding:clamp(22px,4vw,34px)}.character-detail-grid,.relic-detail-grid-v2{grid-template-columns:1fr}.character-detail-grid .data-card:first-child,.relic-detail-grid-v2 .data-card:first-child{grid-row:auto}}@media (max-width:768px){.kyomu-sidebar{width:260px;transform:translate(-100%);box-shadow:0 10px 30px #00000040}.sidebar-mobile-open .kyomu-sidebar{transform:translate(0)}.sidebar-closed .kyomu-sidebar,.sidebar-state:checked~.kyomu-sidebar{width:260px}.kyomu-content,.sidebar-closed .kyomu-content,.sidebar-state:checked~.kyomu-content{margin-left:0}.kyomu-page{padding:14px 16px 56px}.kyomu-title{padding:28px 0}.character-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.home-page,.characters-page,.character-detail-page,.teams-page-v2,.relics-page-v2,.relic-detail-page-v2,.light-cones-page,.light-cone-detail-page,.items-page-v2,.tier-list-page-v2{padding:16px 16px 72px}.page-header{padding-top:54px}.characters-toolbar,.compact-toolbar,.home-route-grid,.character-hero,.light-cone-hero,.relic-hero-v2,.relic-usage-category-grid,.character-detail-grid,.relic-detail-grid-v2,.stat-grid,.build-section-grid{grid-template-columns:1fr}.characters-results{flex-direction:column;align-items:flex-start;gap:6px}.characters-grid-v2{grid-template-columns:1fr}.home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-members-grid,.relics-grid-v2,.light-cones-grid,.light-cone-detail-grid,.items-grid-v2,.tier-character-grid-v2{grid-template-columns:1fr}.tier-row-v2>header,.relic-category-header,.relic-usage-ranking-header{flex-direction:column;align-items:flex-start}.relic-effects-card,.relic-main-stats-card,.relic-substats-card,.relic-characters-card,.relic-usage-criteria-card{grid-column:auto}.tier-row-v2>header p{text-align:left}.character-hero-art,.character-hero-placeholder{min-height:360px}.relic-hero-mark{min-height:180px}.character-detail-grid .data-card:first-child,.relic-detail-grid-v2 .data-card:first-child{grid-row:auto}.character-detail{grid-template-columns:1fr;align-items:start;padding-top:32px}.sidebar-open-button{background:var(--primary-color);color:var(--sidebar-color);cursor:pointer;z-index:95;border:0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:fixed;bottom:16px;left:16px}.sidebar-overlay{opacity:0;pointer-events:none;visibility:hidden;z-index:90;background:#00000059;border:0;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-mobile-open .sidebar-overlay{opacity:1;pointer-events:auto;visibility:visible}}
.characters-page,.character-detail-page{min-height:100vh;padding:22px clamp(18px,4vw,48px) 72px clamp(18px,5vw,80px)}.character-detail-page{padding-inline:clamp(16px,3vw,44px);overflow-x:hidden}.characters-toolbar{background:color-mix(in srgb, var(--sidebar-color) 82%, var(--body-color));border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));align-items:end;gap:14px;width:100%;max-width:1120px;margin:0 auto 18px;padding:14px;display:grid}.characters-toolbar label{gap:7px;min-width:0;display:grid}.characters-toolbar span{color:color-mix(in srgb, var(--text-color) 70%, transparent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.characters-toolbar input,.characters-toolbar select{background:var(--body-color);border:1px solid color-mix(in srgb, var(--text-color) 18%, transparent);color:var(--text-color);border-radius:6px;outline:none;width:100%;min-width:0;height:44px;padding:0 12px}.characters-toolbar input:focus,.characters-toolbar select:focus{border-color:color-mix(in srgb, var(--primary-color) 64%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 16%, transparent)}.characters-results{color:color-mix(in srgb, var(--text-color) 72%, transparent);justify-content:space-between;width:100%;max-width:1120px;margin:0 auto 18px;font-size:14px;font-weight:700;display:flex}.characters-grid-v2{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:stretch;gap:18px;width:100%;max-width:1120px;margin:0 auto;display:grid}.character-card-v2{min-width:0;height:100%}.character-card-v2-link{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--element-color,var(--primary-color)) 12%, transparent), transparent 48%), color-mix(in srgb, var(--sidebar-color) 90%, var(--body-color));border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);color:var(--text-color);border-radius:8px;grid-template-columns:108px minmax(0,1fr);height:172px;text-decoration:none;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;overflow:hidden}.character-card-v2-link:hover{border-color:color-mix(in srgb, var(--element-color,var(--primary-color)) 56%, transparent);transform:translateY(-2px);box-shadow:0 18px 34px #0000001f}.character-card-v2-art{background:radial-gradient(circle at 50% 15%, color-mix(in srgb, var(--element-color) 38%, transparent), transparent 52%), linear-gradient(160deg, color-mix(in srgb, var(--element-color) 28%, #f6f7fb), var(--sidebar-color));justify-content:center;align-items:end;min-height:172px;display:flex;overflow:hidden}.character-card-v2-image{object-fit:cover;object-position:top center;width:100%;max-width:none;height:100%}.character-image-placeholder,.team-member-placeholder{color:color-mix(in srgb, var(--text-color) 76%, transparent);height:100%;min-height:inherit;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.character-image-placeholder span,.team-member-placeholder span{background:color-mix(in srgb, var(--sidebar-color) 70%, transparent);border:1px solid color-mix(in srgb, var(--text-color) 16%, transparent);border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;font-size:30px;font-weight:900;display:inline-flex}.character-image-placeholder small{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.character-card-v2-body{background:linear-gradient(90deg, color-mix(in srgb, var(--sidebar-color) 94%, transparent), color-mix(in srgb, var(--sidebar-color) 82%, var(--body-color)));flex-direction:column;justify-content:center;gap:12px;min-width:0;padding:14px 16px;display:flex;overflow:hidden}.character-hero-badges,.pill-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.character-card-v2-meta{flex-direction:column;align-items:start;gap:5px;min-width:0;display:flex}.character-card-v2-role{color:color-mix(in srgb, var(--text-color) 64%, transparent);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;min-width:0;font-size:11px;font-weight:850;line-height:1;overflow:hidden}.character-card-v2-info{flex-direction:column;gap:7px;min-width:0;display:flex}.character-card-v2 h2{color:var(--text-color);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:21px;font-weight:900;line-height:1.08;display:-webkit-box;overflow:hidden}.character-card-v2 p{color:color-mix(in srgb, var(--text-color) 72%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:650;line-height:1.4;display:-webkit-box;overflow:hidden}.kyomu-badge{background:color-mix(in srgb, var(--primary-color) 12%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--primary-color) 24%, transparent);color:var(--text-color);white-space:nowrap;border-radius:999px;width:max-content;max-width:100%;height:23px;padding:7px 10px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.kyomu-badge-gold{background:color-mix(in srgb, #d79d28 22%, var(--sidebar-color));border-color:#d79d286b}.kyomu-badge-muted{background:color-mix(in srgb, var(--text-color) 9%, var(--sidebar-color));border-color:color-mix(in srgb, var(--text-color) 16%, transparent)}.relic-character-link{background:color-mix(in srgb, var(--text-color) 9%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--text-color) 16%, transparent);color:var(--text-color);overflow-wrap:anywhere;white-space:normal;border-radius:999px;min-width:0;max-width:100%;padding:7px 10px;font-size:12px;font-weight:800;line-height:1;text-decoration:none;transition:border-color .16s,background-color .16s;display:inline-flex}.relic-character-link:hover{background:color-mix(in srgb, var(--primary-color) 12%, var(--sidebar-color));border-color:color-mix(in srgb, var(--primary-color) 32%, transparent)}.linked-pill{background:color-mix(in srgb, var(--primary-color) 10%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--primary-color) 22%, transparent);color:var(--text-color);overflow-wrap:anywhere;white-space:normal;border-radius:999px;min-width:0;max-width:100%;padding:7px 10px;font-size:12px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.linked-resource-list{gap:10px;display:grid}.linked-resource-list.compact{gap:8px}.linked-resource-card{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--element-color,var(--primary-color)) 16%, transparent), transparent 48%), color-mix(in srgb, var(--body-color) 68%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);color:var(--text-color);border-radius:8px;gap:5px;min-width:0;padding:12px;text-decoration:none;display:grid}.linked-resource-card span{color:var(--text-color);overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:900;line-height:1.2}.linked-resource-card small{color:color-mix(in srgb, var(--text-color) 68%, transparent);overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:800}.back-link-v2{color:color-mix(in srgb, var(--text-color) 72%, var(--primary-color));margin:10px 0 28px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.character-hero{border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);border-radius:8px;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);align-items:stretch;gap:0;width:100%;min-width:0;max-width:1120px;margin:0 auto 28px;display:grid;overflow:hidden}.character-hero-art{background:radial-gradient(circle at 50% 10%, color-mix(in srgb, var(--element-color) 42%, transparent), transparent 55%), linear-gradient(160deg, color-mix(in srgb, var(--element-color) 30%, #f6f7fb), var(--sidebar-color));border:0;border-radius:0;justify-content:center;align-items:end;min-height:clamp(390px,48vw,520px);display:flex;position:relative;overflow:hidden}.character-hero-art:after{background:linear-gradient(0deg, color-mix(in srgb, var(--sidebar-color) 38%, transparent), transparent 38%);content:"";pointer-events:none;height:34%;position:absolute;inset:auto 0 0}.character-hero-image{filter:drop-shadow(0 22px 28px #00000029);object-fit:contain;object-position:center bottom;z-index:1;align-self:end;width:100%;height:100%;max-height:520px;position:relative}.character-hero-placeholder{color:var(--text-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:430px;padding:28px;display:flex}.character-hero-placeholder span{background:color-mix(in srgb, var(--sidebar-color) 78%, transparent);border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);border-radius:8px;justify-content:center;align-items:center;width:128px;height:128px;font-size:clamp(54px,8vw,84px);font-weight:950;display:inline-flex}.character-hero-placeholder strong{overflow-wrap:anywhere;font-size:clamp(28px,4vw,48px);font-weight:950;line-height:1}.character-hero-placeholder small{color:color-mix(in srgb, var(--text-color) 68%, transparent);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:850}.character-hero-copy{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--element-color,var(--primary-color)) 10%, transparent), transparent 50%), linear-gradient(135deg, color-mix(in srgb, var(--sidebar-color) 96%, transparent), color-mix(in srgb, var(--sidebar-color) 82%, var(--body-color)));border:0;border-radius:0;flex-direction:column;justify-content:center;min-width:0;padding:clamp(28px,4.4vw,56px);display:flex}.character-detail-page .character-hero-copy h1{overflow-wrap:normal;word-break:normal;max-width:11ch;font-size:clamp(42px,5.2vw,68px)}.character-detail-page .character-hero-copy>p{max-width:620px}.character-hero-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,126px),1fr));gap:10px;min-width:0;margin-top:24px;display:grid}.character-hero-facts div{background:color-mix(in srgb, var(--body-color) 55%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--text-color) 11%, transparent);border-radius:8px;gap:6px;min-width:0;padding:12px;display:grid}.character-hero-facts span{color:color-mix(in srgb, var(--text-color) 58%, transparent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.1}.character-hero-facts strong{color:var(--text-color);overflow-wrap:anywhere;font-size:14px;font-weight:900;line-height:1.25}.character-detail-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:start;gap:18px;width:100%;max-width:1120px;margin:0 auto;display:grid}.character-detail-main,.character-detail-sidebar{align-content:start;gap:18px;min-width:0;display:grid}.data-card{background:color-mix(in srgb, var(--sidebar-color) 86%, var(--body-color));border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);border-radius:8px;min-width:0;padding:22px}.data-card h2{color:var(--text-color);overflow-wrap:anywhere;margin:0 0 18px;font-size:clamp(24px,3vw,34px);font-weight:900;line-height:1.05}.build-section{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--primary-color) 11%, transparent), transparent 45%), color-mix(in srgb, var(--sidebar-color) 88%, var(--body-color))}.build-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.build-source-heading,.secondary-build-header{background:color-mix(in srgb, var(--body-color) 54%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--text-color) 10%, transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:14px;padding:12px 14px;display:flex}.build-source-heading span,.secondary-build-header span{color:color-mix(in srgb, var(--text-color) 60%, transparent);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:850;line-height:1.2;display:block}.build-source-heading strong,.secondary-build-header strong{color:var(--text-color);margin-top:4px;font-size:22px;font-weight:950;line-height:1.05;display:block}.secondary-build-card{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--primary-color) 13%, transparent), transparent 52%), color-mix(in srgb, var(--body-color) 54%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--primary-color) 22%, transparent);border-radius:8px;min-width:0;margin-top:20px;padding:16px}.secondary-build-card .build-section-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.secondary-build-header a{background:color-mix(in srgb, var(--primary-color) 12%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);color:var(--text-color);border-radius:999px;flex:none;padding:8px 10px;font-size:12px;font-weight:900;line-height:1;text-decoration:none}.secondary-build-empty{gap:8px;display:grid}.build-section-grid>div,.priority-block{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 6%, transparent), transparent 55%), color-mix(in srgb, var(--body-color) 50%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--text-color) 11%, transparent);border-radius:8px;gap:8px;min-width:0;padding:14px;display:grid}.build-section h3,.priority-block h3{color:color-mix(in srgb, var(--text-color) 68%, transparent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:850}.build-section .pill-list{grid-template-columns:1fr;align-items:flex-start;gap:7px;display:grid}.build-section .linked-pill{border-radius:8px;justify-content:flex-start;align-items:center;width:100%;min-height:34px}.build-inline-notes{color:color-mix(in srgb, var(--text-color) 72%, #111);gap:6px;margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.45;display:grid}.dark-mode .build-inline-notes{color:color-mix(in srgb, var(--text-color) 84%, #fff)}.build-flex-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin-top:10px;display:flex}.build-flex-trigger{background:color-mix(in srgb, var(--primary-color) 13%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--primary-color) 32%, transparent);color:var(--text-color);cursor:help;text-align:left;border-radius:999px;max-width:100%;padding:7px 10px;font-size:12px;font-weight:900;line-height:1.2;display:inline-flex;position:relative}.build-flex-row small{color:color-mix(in srgb, var(--text-color) 66%, transparent);min-width:0;font-size:12px;font-weight:760;line-height:1.35}.build-flex-tooltip{background:var(--sidebar-color);border:1px solid color-mix(in srgb, var(--text-color) 16%, transparent);color:var(--text-color);opacity:0;overflow-wrap:anywhere;pointer-events:none;visibility:hidden;z-index:20;border-radius:8px;gap:6px;width:min(320px,100vw - 48px);padding:12px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px);box-shadow:0 16px 34px #0000002e}.build-flex-tooltip strong,.build-flex-tooltip span{line-height:1.35}.build-flex-trigger:hover .build-flex-tooltip,.build-flex-trigger:focus-visible .build-flex-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.build-section .linked-resource-card{min-height:58px;padding:10px 12px}.build-section .kyomu-badge,.character-hero-badges .kyomu-badge,.pill-list .kyomu-badge{white-space:normal;width:auto;height:auto;line-height:1.2}.build-section p,.priority-block p,.status-panel p{color:color-mix(in srgb, var(--text-color) 82%, #111);margin:0;line-height:1.65}.dark-mode .build-section p,.dark-mode .priority-block p,.dark-mode .status-panel p{color:color-mix(in srgb, var(--text-color) 90%, #fff)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;margin:18px 0;display:grid}.stat-row{background:color-mix(in srgb, var(--body-color) 62%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--text-color) 11%, transparent);border-radius:8px;gap:7px;min-height:92px;padding:13px;display:grid}.stat-row span{color:color-mix(in srgb, var(--text-color) 62%, transparent);font-size:14px;font-weight:800}.stat-row strong{color:var(--text-color);text-align:left;font-size:15px;line-height:1.35}.note-list{background:color-mix(in srgb, var(--body-color) 58%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--text-color) 11%, transparent);color:color-mix(in srgb, var(--text-color) 82%, #111);border-radius:8px;gap:8px;margin:18px 0 0;padding:14px 16px 14px 34px;line-height:1.55;display:grid}.dark-mode .note-list{color:color-mix(in srgb, var(--text-color) 90%, #fff)}@media (max-width:760px){.character-detail-page{overflow-x:hidden}.character-detail-page .character-hero,.character-detail-grid{inline-size:calc(100vw - 32px);max-inline-size:calc(100vw - 32px);grid-template-columns:1fr;width:calc(100vw - 32px);overflow:hidden}.character-hero-art{inline-size:100%;max-inline-size:100%;min-height:330px}.character-hero-image{max-height:330px}.character-hero-copy{inline-size:100%;max-inline-size:100%;min-width:0;padding:22px}.character-detail-page .character-hero-copy h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(34px,12vw,46px)}.character-detail-page .character-hero-copy>p{overflow-wrap:anywhere;max-width:100%;font-size:16px}.character-hero-facts{grid-template-columns:1fr}.character-detail-grid .data-card{padding:18px;overflow:hidden}.character-detail-grid .data-card h2{font-size:clamp(25px,8vw,32px)}.build-section-grid,.secondary-build-card .build-section-grid,.stat-grid{grid-template-columns:1fr}.build-source-heading,.secondary-build-header{flex-direction:column;align-items:flex-start}}.ability-list{gap:10px;display:grid}.ability-card{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 7%, transparent), transparent 54%), color-mix(in srgb, var(--body-color) 70%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);border-left:3px solid color-mix(in srgb, var(--primary-color) 36%, transparent);border-radius:8px;gap:9px;padding:14px;display:grid}.ability-card h3{color:var(--text-color);margin:9px 0 0;font-size:19px;font-weight:900;line-height:1.12}.ability-card p{color:color-mix(in srgb, var(--text-color) 82%, #111);margin:0;line-height:1.5}.dark-mode .ability-card p{color:color-mix(in srgb, var(--text-color) 90%, #fff)}.ability-card>span{color:color-mix(in srgb, var(--text-color) 64%, var(--primary-color));letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:850}.status-panel strong{color:var(--text-color);margin-bottom:10px;font-size:22px;font-weight:900;display:block}.priority-card{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--primary-color) 12%, transparent), transparent 48%), color-mix(in srgb, var(--sidebar-color) 86%, var(--body-color))}
.relic-usage-ranking{gap:20px;width:100%;min-width:0;max-width:1120px;margin:0 auto 28px;display:grid}.relic-usage-ranking-header{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, transparent), transparent 42%), color-mix(in srgb, var(--sidebar-color) 78%, var(--body-color));border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);border-radius:8px;justify-content:space-between;align-items:end;gap:20px;min-width:0;padding:18px;display:flex}.relic-usage-ranking-header span,.relic-usage-category>header span{color:color-mix(in srgb, var(--text-color) 62%, var(--primary-color));letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:850}.relic-usage-ranking-header h2{color:var(--text-color);letter-spacing:0;overflow-wrap:anywhere;margin:6px 0 0;font-size:clamp(26px,3.2vw,36px);font-weight:950;line-height:1.04}.relic-usage-ranking-header p{color:color-mix(in srgb, var(--text-color) 70%, #111);max-width:470px;margin:0;font-size:14px;line-height:1.5}.dark-mode .relic-usage-ranking-header p{color:color-mix(in srgb, var(--text-color) 88%, #fff)}.relic-usage-category-grid{grid-template-columns:1fr;gap:22px;min-width:0;display:grid}.relic-usage-category{gap:12px;min-width:0;display:grid}.relic-usage-category>header{border-bottom:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);justify-content:space-between;align-items:center;gap:14px;min-width:0;padding-bottom:10px;display:flex}.relic-usage-category>header strong{background:color-mix(in srgb, var(--primary-color) 10%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--primary-color) 22%, transparent);color:color-mix(in srgb, var(--text-color) 74%, transparent);border-radius:999px;flex:none;padding:5px 9px;font-size:12px;font-weight:850}.relic-usage-tier-stack{gap:10px;min-width:0;display:grid}.relic-usage-tier-row{background:linear-gradient(90deg, color-mix(in srgb, var(--tier-accent) 13%, transparent), transparent 34%), color-mix(in srgb, var(--sidebar-color) 72%, var(--body-color));border:1px solid color-mix(in srgb, var(--tier-accent) 20%, transparent);border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:10px;display:grid}.relic-tier-row-S{--tier-accent:#6c63ff}.relic-tier-row-A{--tier-accent:#3478d8}.relic-tier-row-B{--tier-accent:#2f9c7f}.relic-tier-row-C{--tier-accent:#8b8f99}.relic-usage-tier{aspect-ratio:1;background:var(--tier-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--tier-accent) 22%, transparent);color:#fff;border-radius:7px;justify-content:center;align-items:center;font-size:20px;font-weight:950;display:flex}.relic-tier-S{background:#6c63ff}.relic-tier-A{background:#3478d8}.relic-tier-B{background:#2f9c7f}.relic-tier-C{background:#8b8f99}.relic-usage-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px;min-width:0;display:grid}.relic-usage-card{background:color-mix(in srgb, var(--sidebar-color) 88%, var(--body-color));border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);color:var(--text-color);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 11px 10px 12px;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:flex;position:relative}.relic-usage-card:before{background:var(--tier-accent);content:"";opacity:.72;border-radius:999px;width:3px;height:62%;position:absolute;top:19%;left:0}.relic-usage-card:hover{background:color-mix(in srgb, var(--tier-accent) 8%, var(--sidebar-color));border-color:color-mix(in srgb, var(--tier-accent) 45%, transparent);transform:translateY(-1px)}.relic-usage-card-name{align-items:center;gap:9px;min-width:0;display:flex}.relic-usage-card-icon{filter:drop-shadow(0 6px 8px #00000029);object-fit:contain;flex:none;width:34px;height:34px}.relic-usage-card-name>span{overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:850;line-height:1.25}.relic-usage-card strong{background:color-mix(in srgb, var(--tier-accent) 12%, var(--body-color));border:1px solid color-mix(in srgb, var(--tier-accent) 28%, transparent);color:color-mix(in srgb, var(--text-color) 74%, transparent);white-space:nowrap;border-radius:999px;flex:none;padding:5px 8px;font-size:11px;font-weight:800}.relics-grid-v2{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:stretch;min-width:0}.relic-category-stack{gap:34px;width:100%;min-width:0;max-width:1120px;margin:0 auto;display:grid}.relic-category-section{gap:14px;min-width:0;display:grid}.relic-category-header{border-bottom:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);justify-content:space-between;align-items:end;gap:18px;padding-bottom:12px;display:flex}.relic-category-header span{color:color-mix(in srgb, var(--text-color) 62%, var(--primary-color));letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:850}.relic-category-header h2{color:var(--text-color);overflow-wrap:anywhere;margin:6px 0 0;font-size:clamp(28px,4vw,42px);font-weight:950;line-height:1}.relic-category-header strong{color:color-mix(in srgb, var(--text-color) 66%, transparent);flex:none;padding-bottom:3px;font-size:14px;font-weight:850}.relic-card-v2{min-width:0;height:100%}.relic-card-v2-link{background:color-mix(in srgb, var(--sidebar-color) 86%, var(--body-color));border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);color:var(--text-color);border-radius:8px;grid-template-columns:58px minmax(0,1fr);gap:14px;min-width:0;height:100%;min-height:292px;padding:18px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden}.relic-card-v2-link:hover{border-color:color-mix(in srgb, var(--primary-color) 48%, transparent);transform:translateY(-2px);box-shadow:0 18px 34px #0000001f}.relic-card-v2-body{flex-direction:column;min-width:0;min-height:0;display:flex}.relic-card-v2 h2{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:14px 0 12px;display:-webkit-box;overflow:hidden}.relic-effect-preview{gap:8px;min-width:0;display:grid}.relic-effect-preview p{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-width:0;font-size:14px;line-height:1.42;display:-webkit-box;overflow:hidden}.relic-card-v2 .relic-mark{width:58px;height:58px;font-size:26px}.relic-mark,.relic-hero-mark{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--text-color) 16%, transparent);color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff52,#0000 38%),linear-gradient(145deg,#6c63ff,#35a58a);border-radius:8px;justify-content:center;align-items:center;font-size:28px;font-weight:900;display:flex;overflow:hidden}.relic-mark-planar,.relic-hero-mark.relic-mark-planar{background:radial-gradient(circle at 30% 20%,#ffffff52,#0000 38%),linear-gradient(145deg,#c09b2f,#6c63ff)}.relic-mark-image,.relic-hero-image{filter:drop-shadow(0 12px 16px #0000003d);object-fit:contain;width:82%;height:82%;display:block}.relic-hero-image{width:min(70%,180px);max-width:calc(100% - 44px);height:auto;max-height:180px}.relic-card-v2-body{min-width:0}.relic-card-v2-topline{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.relic-card-v2-topline .kyomu-badge{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.relic-tag-row{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;display:flex}.relic-tag-row span{background:color-mix(in srgb, var(--text-color) 8%, transparent);overflow-wrap:anywhere;border-radius:999px;max-width:100%;padding:6px 8px;line-height:1.15}.relic-hero-v2{border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);border-radius:8px;grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:stretch;gap:0;width:100%;max-width:1120px;margin:0 auto 28px;display:grid;overflow:hidden}.relic-hero-mark{aspect-ratio:auto;z-index:0;border:0;border-radius:0;width:100%;min-width:0;min-height:260px;position:relative}.relic-hero-copy{background:linear-gradient(135deg, color-mix(in srgb, var(--sidebar-color) 92%, transparent), color-mix(in srgb, var(--sidebar-color) 78%, var(--body-color))), var(--sidebar-color);z-index:1;border:0;border-radius:0;flex-direction:column;justify-content:center;padding:clamp(28px,4.5vw,50px);display:flex;position:relative}.relic-hero-copy h1{color:var(--text-color);letter-spacing:0;overflow-wrap:normal;word-break:normal;max-width:15ch;margin:0;font-size:clamp(34px,4.3vw,52px);font-weight:900;line-height:1.02}.relic-hero-copy>p{color:color-mix(in srgb, var(--text-color) 78%, #111);max-width:680px;margin-top:16px;font-size:clamp(16px,1.8vw,18px);line-height:1.62}.dark-mode .relic-hero-copy>p{color:color-mix(in srgb, var(--text-color) 90%, #fff)}.relic-detail-grid-v2{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:start}.relic-detail-grid-v2 .data-card{padding:clamp(18px,2.4vw,26px)}.relic-detail-grid-v2 .data-card h2{margin-bottom:16px;font-size:clamp(25px,2.8vw,34px)}.relic-build-card{grid-column:1/-1}.relic-substats-card{grid-column:1}.relic-characters-card{grid-column:2}.relic-usage-criteria-card{grid-column:1/-1}.relic-build-card-grid{grid-template-columns:minmax(260px,.86fr) minmax(0,1.14fr);gap:18px;min-width:0;display:grid}.relic-build-panel{align-content:start;gap:12px;min-width:0;display:grid}.relic-build-panel>h3{color:color-mix(in srgb, var(--text-color) 66%, var(--primary-color));letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px;font-weight:950;line-height:1.2}.relic-usage-note{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, transparent), transparent 54%), color-mix(in srgb, var(--body-color) 70%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--text-color) 11%, transparent);border-radius:8px;gap:8px;min-width:0;margin-top:2px;padding:15px 16px;display:grid}.relic-usage-note h4{color:color-mix(in srgb, var(--text-color) 72%, var(--primary-color));letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px;font-weight:950;line-height:1.2}.relic-usage-note p{color:color-mix(in srgb, var(--text-color) 78%, #111);margin:0;line-height:1.58}.dark-mode .relic-usage-note p{color:color-mix(in srgb, var(--text-color) 90%, #fff)}.relic-effect-list{gap:12px;display:grid}.relic-effect-item{background:linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 10%, transparent), transparent 52%), color-mix(in srgb, var(--body-color) 74%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);border-radius:8px;gap:8px;min-width:0;padding:15px 16px 16px;display:grid}.relic-effect-item span{color:color-mix(in srgb, var(--primary-color) 70%, var(--text-color));letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:950;line-height:1.15}.relic-effect-item p{color:color-mix(in srgb, var(--text-color) 84%, #111);overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.65}.dark-mode .relic-effect-item p{color:color-mix(in srgb, var(--text-color) 90%, #fff)}.relic-stat-slot-list{gap:12px;display:grid}.relic-build-card .relic-stat-slot-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.relic-stat-slot{background:color-mix(in srgb, var(--body-color) 72%, var(--sidebar-color));border:1px solid color-mix(in srgb, var(--primary-color) 18%, transparent);border-radius:8px;gap:12px;min-width:0;padding:16px;display:grid}.relic-stat-slot h3,.relic-stat-slot h4{color:color-mix(in srgb, var(--text-color) 70%, var(--primary-color));letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900;line-height:1.2}.relic-stat-option-list{flex-wrap:wrap;gap:9px;min-width:0;display:flex}.relic-stat-option{background:color-mix(in srgb, var(--sidebar-color) 88%, var(--body-color));border:1px solid color-mix(in srgb, var(--primary-color) 24%, transparent);color:var(--text-color);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;max-width:100%;padding:9px 10px;display:inline-flex}.relic-stat-option strong,.relic-stat-option small{overflow-wrap:normal;word-break:normal;line-height:1.2}.relic-stat-option strong{white-space:nowrap;font-size:13px;font-weight:900}.relic-stat-option small{background:color-mix(in srgb, var(--primary-color) 10%, var(--body-color));color:color-mix(in srgb, var(--text-color) 66%, transparent);white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:800}@media (max-width:768px){.relics-page-v2 .page-header{max-width:calc(100vw - 32px)}.relic-detail-page-v2{overflow-x:hidden}.relic-detail-page-v2 .relic-hero-v2,.relic-detail-page-v2 .relic-detail-grid-v2{grid-template-columns:1fr;width:100%;max-width:min(100%,100vw - 32px);overflow:hidden}.relic-detail-grid-v2 .data-card{padding:18px;overflow:hidden}.relic-detail-grid-v2 .data-card h2{overflow-wrap:anywhere;max-width:100%;font-size:clamp(24px,7vw,30px)}.relic-hero-mark{min-height:220px}.relic-hero-image{width:min(68%,150px);max-height:150px}.relic-hero-copy{padding:22px}.relic-hero-copy,.relic-hero-copy>p{overflow-wrap:anywhere;min-width:0;max-width:100%}.relic-hero-copy h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(30px,9vw,38px)}.relic-usage-ranking{gap:16px;max-width:calc(100vw - 32px);margin-bottom:22px}.relics-page-v2 .page-header h1{font-size:clamp(30px,8vw,36px)}.relic-usage-ranking-header{padding:16px}.relic-usage-ranking-header>div{width:100%;min-width:0}.relic-usage-ranking-header h2{max-width:100%;font-size:clamp(24px,7vw,30px)}.relic-usage-ranking-header p{max-width:100%}.relic-usage-category>header{flex-direction:column;align-items:flex-start;gap:8px}.relic-usage-tier-row{grid-template-columns:40px minmax(0,1fr);gap:9px;padding:8px;overflow:hidden}.relic-usage-tier{font-size:17px;position:static}.relic-usage-card{flex-direction:column;align-items:flex-start;gap:7px}.relic-usage-card strong{white-space:normal}.relic-substats-card,.relic-characters-card{grid-area:auto}.relic-build-card-grid,.relic-build-card .relic-stat-slot-list{grid-template-columns:1fr}.relic-stat-option{justify-content:flex-start}.relic-stat-option strong{white-space:normal}}
.light-cones-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.light-cone-card{min-width:0}.light-cone-card-link{background:color-mix(in srgb, var(--sidebar-color) 86%, var(--body-color));border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);color:var(--text-color);border-radius:8px;grid-template-columns:72px minmax(0,1fr);gap:16px;min-height:220px;padding:18px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.light-cone-card-link:hover{border-color:color-mix(in srgb, var(--element-color,var(--primary-color)) 52%, transparent);transform:translateY(-2px);box-shadow:0 18px 34px #0000001f}.light-cone-mark,.light-cone-hero-mark{aspect-ratio:1;background:radial-gradient(circle at 30% 20%, #ffffff57, transparent 38%), linear-gradient(145deg, color-mix(in srgb, var(--element-color,var(--primary-color)) 82%, #fff), #2f3340);border:1px solid color-mix(in srgb, var(--text-color) 16%, transparent);color:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:30px;font-weight:950;display:flex}.light-cone-card-body{min-width:0}.light-cone-card-body h2{color:var(--text-color);overflow-wrap:anywhere;margin:14px 0 10px;font-size:clamp(23px,3vw,32px);font-weight:900;line-height:1.05}.light-cone-card-body p{color:color-mix(in srgb, var(--text-color) 80%, #111);margin:0;line-height:1.55}.dark-mode .light-cone-card-body p{color:color-mix(in srgb, var(--text-color) 90%, #fff)}.light-cone-hero{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:stretch;gap:28px;width:100%;max-width:1120px;margin:0 auto 28px;display:grid}.light-cone-hero-mark{min-height:240px}.light-cone-detail-grid{grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr)}