*{box-sizing:border-box}body{margin:0;background:#10110f;color:#eee;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.55}main{max-width:1180px;margin:auto;padding:24px 15px 60px}header small{color:#c8aa69}h1{font-size:38px;margin:4px 0}h1 i{font-size:16px;color:#aaa;font-style:normal}header p,.sub,footer,.desc{color:#aaa;font-size:13px}section{background:#191b18;border:1px solid #373a32;border-radius:14px;padding:18px;margin:14px 0}h2{font-size:18px;color:#dbc58e;margin:0 0 8px}h3{font-size:15px;color:#ccc}label{display:block}select,input,button{width:100%;padding:10px;margin:5px 0 10px;background:#11130f;color:#fff;border:1px solid #505348;border-radius:8px;font-size:14px}button{background:#66542e;cursor:pointer}.danger{background:#512b2b}.actions{display:flex;gap:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.slotline{display:flex;align-items:center;gap:9px;margin-top:8px}.slotline>b{width:30px}.slot{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;margin:3px;font-weight:bold;color:#111}.赤{background:#e58481}.青{background:#48a3c7}.黄{background:#ebc576}.緑{background:#84d3a6}.全{background:#cbcdcd}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.relic{background:#121411;border:1px solid #34372f;border-radius:10px;padding:11px}.relic h4{margin:0}.row{display:flex;gap:5px;align-items:center}.row select{flex:1;font-size:12px}.row input{width:17px;margin:0}.row label{font-size:11px;white-space:nowrap}.source{font-size:11px;color:#c8aa69}.myitem{border-top:1px solid #333;padding:7px 0}.myitem button{width:auto;padding:4px 8px;margin-left:8px}.result{border-color:#8a7445}.result strong{display:block;font-size:42px}.warn{color:#e8b779}.comparecheck{display:inline-block;margin:4px 10px 4px 0;padding:7px 10px;border:1px solid #444;border-radius:8px}.comparecheck input{width:auto;margin:0 6px 0 0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{border-bottom:1px solid #3a3d35;padding:10px;text-align:left;white-space:nowrap}td:last-child{white-space:normal;font-size:12px;color:#aaa}.positive{color:#a9d58c}.negative{color:#e79b91}@media(max-width:760px){.grid,.two,.three{grid-template-columns:1fr}.actions{display:grid;grid-template-columns:1fr 1fr}h1{font-size:30px}}.attrchecks{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.attrchecks label{display:inline-flex;align-items:center;gap:4px;background:#20242b;padding:7px 10px;border-radius:8px}.components{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.components b{background:#161a20;padding:8px 10px;border-radius:8px}.excluded{margin-top:10px;padding:10px;border-radius:8px;background:#2b2a20;color:#eadf9a} /* Ver.5.4 responsive / touch UI */ .affix-toggle{display:flex;align-items:center;gap:14px;padding:14px 15px;margin:10px 0 12px;border:1px solid #505348;border-radius:12px;background:#121411;cursor:pointer;user-select:none;transition:.18s ease} .affix-toggle:hover{border-color:#8a7445;background:#171911}.affix-toggle input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;margin:0}.affix-switch{position:relative;display:inline-flex;flex:0 0 54px;width:54px;height:30px;border-radius:999px;background:#3d4038;border:1px solid #5d6155;transition:.18s ease}.affix-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#bbb;transition:.18s ease}.affix-copy{display:flex;flex-direction:column;min-width:0}.affix-copy>b{font-size:15px}.affix-copy small{font-size:12px;color:#aaa;margin-top:2px}.state-on{display:none;color:#d9c27f;font-weight:700}.affix-toggle:has(input:checked){border-color:#b59852;background:#252116;box-shadow:0 0 0 1px rgba(219,197,142,.12) inset}.affix-toggle input:checked+.affix-switch{background:#9a7b37;border-color:#c7a95e}.affix-toggle input:checked+.affix-switch .affix-knob{left:27px;background:#fff}.affix-toggle:has(input:checked) .state-off{display:none}.affix-toggle:has(input:checked) .state-on{display:inline} @media(max-width:760px){ body{font-size:15px}main{padding:14px 10px 42px}header{padding:4px 2px 2px}h1{font-size:27px;line-height:1.25}h1 i{display:inline-block;font-size:13px}section{padding:14px 12px;margin:10px 0;border-radius:12px}h2{font-size:17px}.sub,header p,footer,.desc{font-size:12px} select,input,button{min-height:46px;font-size:16px;padding:10px 11px;margin-bottom:9px}button{touch-action:manipulation}.actions{grid-template-columns:1fr 1fr;gap:8px}.actions button{margin:0}.grid,.two,.three{grid-template-columns:minmax(0,1fr)} .relic{padding:12px}.relic h4{font-size:15px}.row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;align-items:center;margin-top:6px}.row select{font-size:14px;min-width:0;margin:0}.row label{display:flex;justify-content:center;align-items:center;gap:6px;height:46px;border:1px solid #44483e;border-radius:8px;background:#1d201b;font-size:12px}.row input{width:20px;height:20px;margin:0} .slotline{align-items:flex-start}.slotline>b{padding-top:8px}.slot{width:32px;height:32px}.attrchecks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.attrchecks label{min-height:44px;justify-content:flex-start}.attrchecks input{width:20px;height:20px;margin:0} .result strong{font-size:36px;line-height:1.2}.components{display:grid;grid-template-columns:1fr;gap:7px}.components b{font-size:13px} .affix-toggle{min-height:64px;padding:12px}.affix-copy>b{font-size:14px} .comparecheck{display:flex;align-items:center;min-height:44px;margin:5px 0;width:100%}.comparecheck input{width:20px;height:20px;flex:0 0 20px} .tablewrap{overflow:visible}table,thead,tbody,tr,th,td{display:block;width:100%}thead{display:none}tr{margin:10px 0;border:1px solid #3a3d35;border-radius:10px;background:#121411;padding:9px}td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;border:0;padding:6px 4px;white-space:normal}td:before{color:#8f9188;font-size:12px}td:nth-child(1):before{content:"ビルド"}td:nth-child(2):before{content:"共通倍率"}td:nth-child(3):before{content:"基準比"}td:nth-child(4):before{content:"構成"}td:last-child{font-size:13px} } @media(max-width:390px){.actions{grid-template-columns:1fr}.attrchecks{grid-template-columns:1fr 1fr}h1{font-size:24px}.affix-switch{flex-basis:50px;width:50px}.affix-toggle input:checked+.affix-switch .affix-knob{left:23px}} /* Ver.5.5: relic-first optional controls */ .optional-badge{display:inline-block;vertical-align:middle;margin-left:6px;padding:2px 7px;border:1px solid #696b62;border-radius:999px;color:#b8bab2;background:#242620;font-size:11px;font-weight:600} .optional-note{padding:9px 11px;border-left:3px solid #8a7445;background:#151712;border-radius:0 8px 8px 0}.optional-note b{color:#e2d19e} .optional-section details{margin:-2px}.optional-section summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;color:#dbc58e;font-size:18px;font-weight:700;padding:2px}.optional-section summary::-webkit-details-marker{display:none}.optional-section summary:after{content:"＋";flex:0 0 auto;color:#aaa;font-size:22px;font-weight:400}.optional-section details[open] summary:after{content:"−"}.optional-section summary small{margin-left:auto;color:#8f9188;font-size:12px;font-weight:400}.optional-body{padding-top:12px;border-top:1px solid #30332c;margin-top:10px} @media(max-width:760px){.optional-section summary{align-items:flex-start;font-size:17px}.optional-section summary small{display:none}.optional-badge{font-size:10px}.optional-note{font-size:12px}} /* Ver.5.6: align activation-condition controls on desktop */ @media(min-width:761px){ .condition-grid{align-items:stretch} .condition-grid label{display:flex;flex-direction:column;justify-content:flex-end;min-width:0} .condition-grid input,.condition-grid select{margin-top:auto;margin-bottom:10px} } /* Ver.5.7 Light Preview: light standalone theme */ body{background:#f4f2ed;color:#292a27} main{max-width:1180px} header{padding:10px 4px 8px} header small{color:#8b6d32;font-weight:700;letter-spacing:.04em} h1{color:#24251f} h1 i{color:#777970} header p,.sub,footer,.desc{color:#686b63} section{background:#fff;border-color:#ddd9cf;box-shadow:0 2px 10px rgba(39,35,27,.045)} h2{color:#735b29} h3{color:#4d4f49} select,input,button{background:#fff;color:#252621;border-color:#c9c7bf} select:focus,input:focus{outline:2px solid rgba(151,119,52,.22);border-color:#9b7b38} button{background:#80672f;color:#fff;border-color:#80672f} button:hover{background:#715a29} .danger{background:#8a4747;border-color:#8a4747} .relic{background:#faf9f6;border-color:#ddd9d0} .source{color:#896d34} .myitem{border-top-color:#e0ddd5} .result{border-color:#b79b5b;background:#fffdf7} .warn{color:#9a6425} .comparecheck{border-color:#d4d1c9;background:#faf9f6} th,td{border-bottom-color:#e3e0d8} td:last-child{color:#6d7068} .positive{color:#4d7c3d}.negative{color:#a24d45} .attrchecks label{background:#f2f1ed;border:1px solid #dedbd3} .components b{background:#f3f1eb;border:1px solid #e1ddd3} .excluded{background:#fff7d9;color:#725e1e;border:1px solid #eadb9b} .affix-toggle{border-color:#d0cdc5;background:#faf9f6} .affix-toggle:hover{border-color:#a98a48;background:#fffdf7} .affix-switch{background:#d8d7d1;border-color:#bbb9b0} .affix-knob{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18)} .affix-copy small{color:#777970}.state-on{color:#765d28} .affix-toggle:has(input:checked){border-color:#aa8a43;background:#fff8e7;box-shadow:0 0 0 1px rgba(170,138,67,.10) inset} .affix-toggle input:checked+.affix-switch{background:#9a7b37;border-color:#9a7b37} .optional-badge{border-color:#cbc8c0;color:#666960;background:#f2f1ed} .optional-note{border-left-color:#9a7b37;background:#faf7ef;color:#666960} .optional-note b{color:#715a29} .optional-section summary{color:#735b29}.optional-section summary:after{color:#777970}.optional-section summary small{color:#777970}.optional-body{border-top-color:#e1ded6} @media(max-width:760px){ .row label{border-color:#d6d3cb;background:#f5f4f0} .comparecheck{background:#faf9f6} tr{border-color:#ddd9d0;background:#faf9f6} td:before{color:#777970} } /* WordPress/SANGO integration: keep the light theme inside the calculator only. */ body{background:inherit;color:inherit} #nightreign-relic-calculator{background:#f4f2ed;color:#292a27;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.55;border-radius:16px;padding:1px 0} #nightreign-relic-calculator main{max-width:1180px;margin:auto;padding:24px 15px 60px} @media(max-width:760px){#nightreign-relic-calculator{font-size:15px}#nightreign-relic-calculator main{padding:14px 10px 42px}} /* Ver.5.7.2 SANGO fix: scoped light-theme overrides. */ #nightreign-relic-calculator.nightreign-relic-calculator{ background:#f4f2ed !important;color:#292a27 !important; } #nightreign-relic-calculator main{background:transparent !important;color:#292a27 !important;} #nightreign-relic-calculator header{background:transparent !important;color:#292a27 !important;} #nightreign-relic-calculator header small{color:#8b6d32 !important;} #nightreign-relic-calculator h1{color:#24251f !important;} #nightreign-relic-calculator h1 i{color:#777970 !important;} #nightreign-relic-calculator header p, #nightreign-relic-calculator .sub, #nightreign-relic-calculator footer, #nightreign-relic-calculator .desc{color:#686b63 !important;} #nightreign-relic-calculator section{ background:#fff !important;color:#292a27 !important;border-color:#ddd9cf !important; box-shadow:0 2px 10px rgba(39,35,27,.045) !important; } #nightreign-relic-calculator h2{color:#735b29 !important;} #nightreign-relic-calculator h3{color:#4d4f49 !important;} #nightreign-relic-calculator label{color:#292a27 !important;} #nightreign-relic-calculator select, #nightreign-relic-calculator input{ background:#fff !important;color:#252621 !important;border-color:#c9c7bf !important; } #nightreign-relic-calculator button{ background:#80672f !important;color:#fff !important;border-color:#80672f !important; } #nightreign-relic-calculator button.danger{background:#8a4747 !important;border-color:#8a4747 !important;} #nightreign-relic-calculator .relic{background:#faf9f6 !important;border-color:#ddd9d0 !important;color:#292a27 !important;} #nightreign-relic-calculator .result{background:#fffdf7 !important;border-color:#b79b5b !important;} #nightreign-relic-calculator .attrchecks label, #nightreign-relic-calculator .components b, #nightreign-relic-calculator .comparecheck{background:#f2f1ed !important;border-color:#dedbd3 !important;color:#292a27 !important;} #nightreign-relic-calculator .optional-note{background:#faf7ef !important;color:#666960 !important;border-left-color:#9a7b37 !important;} #nightreign-relic-calculator .optional-note b{color:#715a29 !important;} #nightreign-relic-calculator .optional-badge{background:#f2f1ed !important;color:#666960 !important;border-color:#cbc8c0 !important;} #nightreign-relic-calculator .optional-section summary{color:#735b29 !important;} #nightreign-relic-calculator .optional-body{border-top-color:#e1ded6 !important;} #nightreign-relic-calculator .affix-toggle{background:#faf9f6 !important;border-color:#d0cdc5 !important;color:#292a27 !important;} #nightreign-relic-calculator .affix-copy small{color:#777970 !important;} @media(max-width:760px){ #nightreign-relic-calculator .row label{background:#f5f4f0 !important;border-color:#d6d3cb !important;} #nightreign-relic-calculator tr{background:#faf9f6 !important;border-color:#ddd9d0 !important;} } /* Ver.5.7.3: light article content area only on pages containing the calculator. */ body.nr-relic-calc-page .entry-content, body.nr-relic-calc-page .article-content, body.nr-relic-calc-page .post_content, body.nr-relic-calc-page .post-content{ background:#f4f2ed !important; } body.nr-relic-calc-page #nightreign-relic-calculator{ width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important; border-radius:0 0 16px 16px; } body.nr-relic-calc-page #nightreign-relic-calculator main{ max-width:none !important;padding-left:18px !important;padding-right:18px !important; } @media(max-width:760px){ body.nr-relic-calc-page #nightreign-relic-calculator main{padding-left:10px !important;padding-right:10px !important;} } /* Ver.5.7.4: remove the SANGO dark outer canvas on calculator pages only. */ body.nr-relic-calc-page, body.nr-relic-calc-page #container, body.nr-relic-calc-page #wrapper, body.nr-relic-calc-page #content, body.nr-relic-calc-page .content, body.nr-relic-calc-page .main, body.nr-relic-calc-page main { background:#f3f3f1 !important; } /* Ver.5.7.5: clearer selects, damage-attribute chips and activation controls */ #nightreign-relic-calculator select{ -webkit-appearance:none !important; appearance:none !important; padding-right:48px !important; cursor:pointer; background-image: linear-gradient(45deg,transparent 50%,#715a29 50%), linear-gradient(135deg,#715a29 50%,transparent 50%), linear-gradient(to left,#f4f1e9,#f4f1e9) !important; background-position: calc(100% - 21px) 50%, calc(100% - 15px) 50%, 100% 0 !important; background-size:6px 6px,6px 6px,42px 100% !important; background-repeat:no-repeat !important; } #nightreign-relic-calculator select:hover{border-color:#9b7b38 !important;box-shadow:0 0 0 1px rgba(155,123,56,.10)} #nightreign-relic-calculator select:focus{border-color:#9b7b38 !important;box-shadow:0 0 0 3px rgba(151,119,52,.14)} #nightreign-relic-calculator .attrchecks{ display:grid !important; grid-template-columns:repeat(5,minmax(72px,1fr)) !important; gap:8px !important; } #nightreign-relic-calculator .attrchecks label{ position:relative;display:flex !important;align-items:center;justify-content:center !important; min-height:48px;padding:9px 10px !important;margin:0 !important;border:1px solid #d3d0c8 !important; border-radius:10px !important;background:#f7f6f2 !important;color:#4b4c47 !important; font-weight:700;white-space:nowrap;cursor:pointer;transition:.15s ease;overflow:hidden; } #nightreign-relic-calculator .attrchecks label:hover{border-color:#aaa69c !important;transform:translateY(-1px)} #nightreign-relic-calculator .attrchecks input{ position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;margin:0 !important;pointer-events:none; } #nightreign-relic-calculator .attrchecks label:has(input:checked)::before{content:"✓";font-weight:900;margin-right:6px} #nightreign-relic-calculator .attrchecks label:has(input[value="phys"]:checked){background:#e8e7e2 !important;border-color:#85867f !important;color:#292a27 !important;box-shadow:0 0 0 1px #85867f inset} #nightreign-relic-calculator .attrchecks label:has(input[value="magic"]:checked){background:#e5f0fa !important;border-color:#5793c3 !important;color:#285d88 !important;box-shadow:0 0 0 1px #5793c3 inset} #nightreign-relic-calculator .attrchecks label:has(input[value="fire"]:checked){background:#fff0e8 !important;border-color:#d9794c !important;color:#a44a25 !important;box-shadow:0 0 0 1px #d9794c inset} #nightreign-relic-calculator .attrchecks label:has(input[value="light"]:checked){background:#fff8d9 !important;border-color:#c9a83e !important;color:#79631b !important;box-shadow:0 0 0 1px #c9a83e inset} #nightreign-relic-calculator .attrchecks label:has(input[value="holy"]:checked){background:#fff5d9 !important;border-color:#b8953f !important;color:#735b22 !important;box-shadow:0 0 0 1px #b8953f inset} #nightreign-relic-calculator .condition-grid{gap:14px !important} #nightreign-relic-calculator .condition-grid label{font-weight:600;color:#34352f !important} #nightreign-relic-calculator .condition-grid input[type="number"], #nightreign-relic-calculator .condition-grid select{ min-height:48px !important;margin-top:9px !important;padding:10px 12px !important; border:1.5px solid #b9b6ad !important;border-radius:9px !important;background-color:#fff !important; box-shadow:0 1px 2px rgba(35,32,25,.04) inset !important;font-size:16px !important; } #nightreign-relic-calculator .condition-grid input[type="number"]:hover{border-color:#9b7b38 !important} #nightreign-relic-calculator .condition-grid input[type="number"]:focus{outline:none !important;border-color:#9b7b38 !important;box-shadow:0 0 0 3px rgba(151,119,52,.14) !important} @media(max-width:900px){ #nightreign-relic-calculator .attrchecks{grid-template-columns:repeat(3,minmax(0,1fr)) !important} } @media(max-width:480px){ #nightreign-relic-calculator .attrchecks{grid-template-columns:repeat(2,minmax(0,1fr)) !important} #nightreign-relic-calculator .attrchecks label{min-height:46px !important} } /* Ver.5.7.6: custom select indicator independent of SANGO/native appearance */ #nightreign-relic-calculator .nr-select-wrap{ position:relative; display:block; width:100%; margin:5px 0 10px; } #nightreign-relic-calculator .nr-select-wrap select{ width:100% !important; margin:0 !important; padding-right:52px !important; background-image:none !important; -webkit-appearance:none !important; appearance:none !important; } #nightreign-relic-calculator .nr-select-wrap::before{ content:""; position:absolute; z-index:2; pointer-events:none; top:1px; right:1px; bottom:1px; width:42px; border-left:1px solid #d5d0c5; border-radius:0 7px 7px 0; background:#f4f1e9; } #nightreign-relic-calculator .nr-select-wrap::after{ content:"▼"; position:absolute; z-index:3; pointer-events:none; right:14px; top:50%; transform:translateY(-52%); color:#765d27; font-size:13px; font-weight:800; line-height:1; } #nightreign-relic-calculator .nr-select-wrap:hover::before{background:#eee8da} #nightreign-relic-calculator .nr-select-wrap:focus-within::before{background:#ece3cf;border-left-color:#b89a59} #nightreign-relic-calculator .row .nr-select-wrap{margin:0;min-width:0} #nightreign-relic-calculator .condition-grid .nr-select-wrap{margin-top:auto;margin-bottom:10px} @media(max-width:700px){ #nightreign-relic-calculator .nr-select-wrap::before{width:46px} #nightreign-relic-calculator .nr-select-wrap::after{right:15px;font-size:14px} #nightreign-relic-calculator .nr-select-wrap select{padding-right:56px !important} } /* Ver.5.7.7: plain dropdown arrow; no colored arrow panel */ #nightreign-relic-calculator .nr-select-wrap{ position:relative; display:block; width:100%; min-width:0; margin:5px 0 10px; } #nightreign-relic-calculator .nr-select-wrap select{ display:block !important; width:100% !important; max-width:none !important; margin:0 !important; padding-right:40px !important; background:#fff !important; background-image:none !important; -webkit-appearance:none !important; appearance:none !important; } #nightreign-relic-calculator .nr-select-wrap::before{ content:none !important; display:none !important; } #nightreign-relic-calculator .nr-select-wrap::after{ content:"▼" !important; position:absolute; z-index:3; pointer-events:none; right:14px; top:50%; transform:translateY(-50%); color:#34352f; background:transparent !important; border:0 !important; font-size:12px; font-weight:700; line-height:1; } #nightreign-relic-calculator .nr-select-wrap:hover::before, #nightreign-relic-calculator .nr-select-wrap:focus-within::before{display:none !important;background:transparent !important;border:0 !important;} #nightreign-relic-calculator .row .nr-select-wrap{margin:0;min-width:0;width:100%;} #nightreign-relic-calculator .condition-grid .nr-select-wrap{ width:100% !important; margin-top:auto !important; margin-bottom:10px !important; } #nightreign-relic-calculator .condition-grid .nr-select-wrap select{ width:100% !important; min-height:48px !important; margin:0 !important; } @media(max-width:700px){ #nightreign-relic-calculator .nr-select-wrap::after{right:14px;font-size:12px;} #nightreign-relic-calculator .nr-select-wrap select{padding-right:40px !important;} } /* Ver.5.8 usability pass */ #nightreign-relic-calculator .compact-optional{padding:0 !important;overflow:hidden} #nightreign-relic-calculator .compact-optional details{padding:0} #nightreign-relic-calculator .compact-optional summary{padding:18px 20px} #nightreign-relic-calculator .compact-optional .optional-body{padding:18px 20px 20px} #nightreign-relic-calculator .advanced-stack{display:grid;gap:18px} #nightreign-relic-calculator .advanced-block{padding:16px;border:1px solid #e1ded6;border-radius:12px;background:#faf9f6} #nightreign-relic-calculator .advanced-block h3{margin:0 0 8px} #nightreign-relic-calculator .relic-search-label{display:block;margin:14px 0 18px;font-weight:700} #nightreign-relic-calculator .relic-search-label input{margin-top:7px;width:100%;min-height:46px;padding:10px 13px;border:1.5px solid #b9b6ad;border-radius:9px} #nightreign-relic-calculator .condition-grid [data-condition]{display:none;flex-direction:column;justify-content:flex-end;min-width:0} #nightreign-relic-calculator #conditionEmpty{margin:4px 0 0;padding:12px 14px;border-radius:9px;background:#f3f2ee;border:1px dashed #d2cfc6} #nightreign-relic-calculator .calc-breakdown{margin-top:18px;padding-top:14px;border-top:1px solid #e2ddd0} #nightreign-relic-calculator .calc-breakdown h3{margin:0 0 10px;font-size:15px;color:#735b29 !important} #nightreign-relic-calculator .breakdown-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;margin:5px 0;border-radius:8px;background:#f7f5ef;border:1px solid #e6e1d5} #nightreign-relic-calculator .breakdown-row span{min-width:0;overflow-wrap:anywhere} #nightreign-relic-calculator .breakdown-row b{white-space:nowrap;color:#715a29} #nightreign-relic-calculator .breakdown-row small{min-width:42px;text-align:center;padding:2px 6px;border-radius:999px;background:#ece9e1;color:#666960;font-weight:700} @media(max-width:600px){ #nightreign-relic-calculator .compact-optional summary,#nightreign-relic-calculator .compact-optional .optional-body{padding-left:14px;padding-right:14px} #nightreign-relic-calculator .advanced-block{padding:13px} #nightreign-relic-calculator .breakdown-row{grid-template-columns:minmax(0,1fr) auto} #nightreign-relic-calculator .breakdown-row small{grid-column:1/-1;justify-self:start} } #nightreign-relic-calculator .relic-titlebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px} #nightreign-relic-calculator .relic-titlebar h4{margin:0} #nightreign-relic-calculator .reset-one-relic{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0!important;min-height:32px!important;height:32px!important;margin:0!important;padding:4px 10px!important;font-size:12px!important;line-height:1!important;flex:0 0 auto!important}