/* Anime Dice: sky and aura colors, clear player tools, quiet reading surfaces. */
:root{--paper:#f1f6fc;--ink:#192c45;--muted:#536780;--line:#cfddeb;--navy:#101e35;--cyan:#51e4f5;--blue:#1168a9;--gold:#ffd36a;--green:#17674b;--orange:var(--gold)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.7}a{color:var(--blue);text-underline-offset:4px}a:hover{color:#094674}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}:focus-visible{outline:3px solid #157cba;outline-offset:4px}h1,h2,h3,p,ul,ol,figure{margin-top:0}h1,h2,h3{font-family:'Trebuchet MS','Segoe UI',sans-serif;line-height:1.15;letter-spacing:-.035em;font-weight:800}h2{font-size:32px;margin:48px 0 20px}h3{font-size:23px;margin:30px 0 14px}p{margin-bottom:22px}li{margin-bottom:10px}strong{font-weight:750}main{max-width:1360px;margin:auto;padding:0 40px}section,article,.reading-layout,.home-answers{min-width:0}
.site-header{display:flex;align-items:center;gap:28px;padding:18px max(28px,calc((100vw - 1280px)/2));min-height:86px;background:var(--navy);color:#fff;border-bottom:1px solid #293b54}.brand{display:flex;align-items:center;gap:11px;font-size:19px;line-height:1.1;font-weight:900;text-decoration:none;color:#fff;white-space:nowrap;letter-spacing:-.03em}.brand:hover{color:var(--cyan)}.brand img{width:40px;height:40px;flex-shrink:0}.brand small{display:block;color:#a7bfd7;font-size:9px;font-weight:600;letter-spacing:.16em;margin-top:6px}.site-header nav{display:flex;flex:1;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 12px;line-height:1.25}.site-header nav a{padding:8px 0;font-size:13px;font-weight:600;text-decoration:none;color:#d3dfef;white-space:nowrap}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--cyan)}.site-header nav a[aria-current=page]{box-shadow:0 2px 0 var(--cyan)}.play-link{border:1px solid #4d647d;border-radius:8px;color:#fff;text-decoration:none;font-size:12px;font-weight:700;padding:10px 13px;white-space:nowrap}.play-link:hover{color:var(--cyan);border-color:var(--cyan)}.menu-toggle{display:none}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:var(--navy);color:#fff;padding:12px}.skip-link:focus{top:12px}
.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:455px;margin:28px 0 0;border-radius:24px;background:var(--navy);color:#fff;border:1px solid #28496a}.hero-copy{position:relative;z-index:2;padding:46px 0 42px 42px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.11em;line-height:1.5;margin-bottom:20px}.hero .eyebrow{color:var(--cyan)}.status-dot{display:inline-block;width:7px;height:7px;background:currentColor;border-radius:50%;flex-shrink:0}.hero h1{font-size:clamp(48px,4.7vw,66px);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px;max-width:540px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-intro{max-width:390px;color:#d4e3f4;font-size:17px;line-height:1.65;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:12px 19px;border:1px solid #edb948;border-radius:9px;background:var(--gold);color:var(--navy);font-size:14px;font-weight:800;line-height:1.35;text-decoration:none;box-shadow:0 3px 0 #bd8925;transition:background .15s,transform .15s}.button:hover{background:#ffe3a0;color:var(--navy);transform:translateY(-1px)}.button.ink{background:var(--gold);color:var(--navy)}.button span{font-size:21px;font-weight:400}.hero-secondary{display:inline-flex;align-items:center;min-height:44px;margin-left:20px;color:#eef7ff;font-size:13px;font-weight:650}.hero-secondary:hover{color:var(--cyan)}.hero-art{position:absolute;inset:0 0 0 42%;margin:0;z-index:-1}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101e35 0%,#101e357a 21%,transparent 48%),linear-gradient(0deg,#101e35b3,transparent 33%);pointer-events:none}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:57% center}.hero-art figcaption{position:absolute;bottom:13px;right:17px;left:70px;color:#fff;font-size:10px;text-align:right;z-index:1;line-height:1.5;text-shadow:0 1px 3px #000}.art-tag{position:absolute;right:22px;top:22px;background:#101e35e8;border:1px solid #51e4f580;border-radius:6px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.12em;padding:7px 11px;z-index:1}
.quick-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.quick-paths a{display:flex;align-items:center;gap:13px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;box-shadow:0 3px 8px #16345504}.quick-paths a:hover{border-color:#2aa8c1;background:#f9fdff}.quick-paths svg{width:24px;height:24px;flex-shrink:0;color:var(--blue)}.quick-paths strong{display:block;font-size:14px;line-height:1.4}.quick-paths small{display:block;font-size:11px;color:var(--muted);margin-top:3px;line-height:1.4}.quick-paths .path-arrow{margin-left:auto;font-size:18px;color:#6985a1}.update-strip{display:flex;align-items:center;gap:22px;padding:14px 18px;border:1px solid #c4dceb;border-radius:10px;background:#e7f1fa;font-size:12px}.update-strip strong{font-size:11px;letter-spacing:.04em;display:flex;gap:8px;align-items:center;white-space:nowrap;color:#11627c}.update-strip>span{flex:1;color:var(--muted)}.update-strip a{font-weight:700;white-space:nowrap}
.home-answers{max-width:1120px;margin:45px auto 70px}.home-answers>h2:first-child{margin-top:0;font-size:34px}.home-answers>p{max-width:940px}.home-answers h2:before{content:'';display:inline-block;width:6px;height:.75em;border-radius:4px;background:#23adc5;margin-right:12px}.calculator{background:#fff;border:1px solid #bed4e8;border-radius:16px;padding:28px;margin:26px 0 32px;box-shadow:0 8px 25px #18365108;border-top:4px solid #248dae}.calculator.upgrade{padding:30px;background:#fff}.form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px}.field{display:flex;flex-direction:column;gap:8px;min-width:0;line-height:1.4}.field>span{font-size:13px;font-weight:750}.field input,.field select,.filter-bar input{width:100%;min-width:0;min-height:48px;padding:11px 12px;border:1px solid #a5bcd2;border-radius:8px;color:var(--ink);background:#f8fbff;font-size:16px;font-variant-numeric:tabular-nums}.field small{font-size:12px;line-height:1.5;color:var(--muted)}.wide{grid-column:1/-1;border:0;border-top:1px solid var(--line);padding:18px 0 0;margin:0;min-width:0;min-inline-size:0}.wide legend{font-size:13px;font-weight:750;padding:0 12px 0 0}.wide legend span{font-size:12px;font-weight:400;color:var(--muted);margin-left:7px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:26px}.form-actions{display:flex;align-items:center;gap:24px;margin-top:25px}.text-button{border:0;background:transparent;color:var(--blue);padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:13px}.result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;padding:26px;background:var(--navy);border:1px solid #254561;border-radius:12px;color:#fff;font-variant-numeric:tabular-nums}.result>div{min-width:0}.result span{display:block;color:#bacfe2;font-size:12px;line-height:1.45}.result strong{display:block;color:var(--cyan);font-size:clamp(24px,2.5vw,35px);line-height:1.15;margin-top:9px;letter-spacing:-.03em;overflow-wrap:anywhere}.result p{grid-column:1/-1;margin:0;font-size:13px}.result p.comparison{border-top:1px solid #38506b;padding-top:18px;line-height:1.7;color:#e0eafa}.result .risk-bar{grid-column:1/-1;height:9px;background:#bd6370;border-radius:5px;overflow:hidden}.risk-bar span{height:100%;background:#6cddaf}.form-error{margin:20px 0 0;border:1px solid #e5a5ab;border-left:4px solid #ac303f;border-radius:8px;padding:12px 16px;background:#fff2f3;color:#8c2633;font-size:14px}.form-error[hidden]{display:none}
.home-answers h2#spend-checks{border-top:1px solid var(--line);padding-top:34px}.home-answers h2#reroll-warning{background:#fff3d9;border:1px solid #e5c98e;border-bottom:0;border-radius:14px 14px 0 0;padding:25px 28px 0;margin-bottom:0;color:#65430e}.home-answers h2#reroll-warning:before{background:#ad7511}.home-answers h2#reroll-warning+p{max-width:none;background:#fff3d9;border:1px solid #e5c98e;border-top:0;border-radius:0 0 14px 14px;padding:17px 28px 26px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:24px 0 40px}.guide-grid li{position:relative;padding:23px;margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:14px;line-height:1.65}.guide-grid li:hover{border-color:#409bbe}.guide-grid a{display:block;font-size:19px;line-height:1.3;font-weight:750;text-decoration:none;margin-bottom:12px;color:var(--ink)}.guide-grid a:after{content:' →';color:#147d9f}
.page-head{position:relative;padding:28px 0 32px;border-bottom:1px solid var(--line)}.breadcrumb,.breadcrumb-current,.crumb-separator{font-size:12px}.breadcrumb{text-decoration:none}.crumb-separator{margin:0 12px;color:#66819a}.page-head .eyebrow{display:table;margin-top:27px;margin-bottom:16px;padding:5px 10px;border-radius:5px;background:#ddecf8;color:#17617c;font-size:10px;letter-spacing:.09em}.page-head h1{font-size:clamp(36px,4vw,55px);max-width:930px;line-height:1.08;margin-bottom:20px}.page-deck{max-width:810px;font-size:18px;line-height:1.65;margin-bottom:21px;color:#405a76}.review-date{font-size:11px;font-weight:700;margin:0}.review-date span{font-weight:400;margin-left:16px;color:var(--muted)}.reading-layout{display:grid;grid-template-columns:minmax(0,870px) minmax(170px,1fr);gap:40px;align-items:start;margin:35px 0 70px}.reading-layout article{padding:32px;background:#fff;border:1px solid var(--line);border-radius:16px}.reading-layout article>h2:first-child{margin-top:0;border:0;padding-top:0}.reading-layout article>h2{border-top:1px solid var(--line);padding-top:28px}.contents{position:sticky;top:25px;padding:18px 0;font-size:13px}.contents>p{font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:17px;color:var(--ink)}.contents nav{display:grid;gap:12px}.contents nav a{border-left:2px solid #cadae9;padding-left:13px;line-height:1.5;text-decoration:none;color:#496680}.contents nav a:hover{border-color:#19a8c0;color:#0d688d}.aside-next{display:block;margin-top:24px;border-top:1px solid var(--line);padding-top:18px;font-weight:700}
.table-scroll{overflow:auto;max-width:100%;margin:24px 0 30px;background:#fff;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}thead{background:#172d49;color:#f0f7ff}th{text-align:left;padding:14px;font-size:11px;letter-spacing:.035em;text-transform:uppercase;white-space:normal}td{padding:13px 14px;border-top:1px solid #dee7f1;font-variant-numeric:tabular-nums}td:first-child{font-weight:700}tbody tr:nth-child(even){background:#f1f7fd}tbody tr:hover{background:#e6f5fa}tr[hidden]{display:none}.filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px 22px;border:1px solid #c9dfec;border-radius:12px;background:#eef7fb;padding:20px;margin:24px 0 10px}.filter-bar label{flex:1;min-width:170px;display:grid;gap:7px;font-size:13px;font-weight:750}.filter-bar>p{width:100%;margin:0;color:var(--muted);font-size:12px}.copy-code{display:block;padding:8px 12px;margin-top:9px;min-height:44px;background:#e2f5fb;border:1px solid #94c7d8;border-radius:7px;color:#115570;font-size:12px;font-weight:700;white-space:nowrap}.copy-code:hover{background:#c8eff8}.empty-result{text-align:center;font-size:14px;padding:20px}.source-notes{border-top:1px solid var(--line);padding:22px 0 0;margin-top:45px;color:var(--muted);font-size:12px}.source-notes summary{cursor:pointer;font-size:13px;font-weight:750;color:var(--ink)}.source-notes summary span{display:inline-block;margin-left:15px;font-size:11px;font-weight:400}.source-notes[open] summary{margin-bottom:18px}.source-notes p{margin:0 0 12px}.source-notes ul{padding-left:20px;columns:2;column-gap:30px}.source-notes li{break-inside:avoid;overflow-wrap:anywhere}
.site-footer{padding:38px 40px 25px;background:var(--navy);border-top:3px solid #248fab;color:#f0f7ff}.site-footer a{color:#d0e4f5}.site-footer a:hover{color:var(--cyan)}.footer-top,.footer-bottom{max-width:1280px;margin:auto;display:flex;justify-content:space-between;gap:35px}.footer-top{align-items:start;padding-bottom:32px}.footer-top>p{font-size:25px;font-weight:750;line-height:1.25;margin:0}.footer-top nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px;font-size:13px}.footer-top nav a{text-decoration:none}.footer-bottom{border-top:1px solid #354962;padding-top:20px;font-size:11px;color:#b9cce0}.toast{position:fixed;z-index:90;bottom:22px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--navy);border:1px solid var(--cyan);border-radius:10px;color:#fff;font-size:14px;padding:13px 20px;box-shadow:0 5px 22px #101e3533}.toast:empty{display:none}.noscript-note{background:#fff0cf;margin:0;padding:20px}.menu-toggle span{margin-left:12px}
@media(max-width:1180px){.site-header{padding-inline:25px;gap:22px}.play-link{display:none}.site-header nav{gap:2px 13px}main{padding-inline:28px}.hero-copy{padding-left:30px}.hero h1{font-size:54px}.hero-secondary{display:flex;margin:12px 0 0}.hero{min-height:440px}.quick-paths a{gap:10px;padding:14px}.quick-paths small{font-size:10px}.quick-paths .path-arrow{display:none}.reading-layout{gap:28px;grid-template-columns:minmax(0,1fr) 175px}.reading-layout article{padding:26px}.result strong{font-size:27px}}
@media(max-width:850px){.site-header{position:relative;flex-wrap:wrap;justify-content:space-between;min-height:76px;padding:15px 24px;gap:15px}.menu-toggle{display:block;color:#eaf4ff;background:#1b314c;border:1px solid #546e89;border-radius:8px;font-size:13px;padding:10px 14px;min-height:44px}.site-header nav{display:none;width:100%;flex:auto;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #344b65;padding-top:8px}.site-header nav.open{display:grid}.site-header nav a{padding:14px 6px;font-size:14px}.site-header nav a[aria-current=page]{box-shadow:none;color:var(--cyan)}.hero h1{font-size:46px}.hero-intro{font-size:16px;max-width:300px}.hero{grid-template-columns:1.1fr 1fr;min-height:415px}.hero-copy{padding:30px 0 30px 26px}.hero .eyebrow{font-size:9px}.hero-art{left:38%}.hero-art figcaption{font-size:8px}.quick-paths{grid-template-columns:repeat(2,1fr)}.quick-paths small{font-size:12px}.quick-paths .path-arrow{display:block}.update-strip{gap:14px;font-size:11px}.update-strip strong{font-size:10px}.reading-layout{display:flex;flex-direction:column;gap:24px;margin-top:0}.reading-layout article{width:100%}.contents{position:static;order:-1;width:100%;padding:22px 0 0}.contents nav{grid-template-columns:1fr 1fr;gap:11px 18px}.contents .aside-next{display:none}.guide-grid{grid-template-columns:repeat(2,1fr)}.footer-top{flex-wrap:wrap}.footer-top nav{width:100%}}
@media(max-width:600px){body{font-size:16px;line-height:1.7}main{padding:0 16px}.site-header{padding:12px 18px;min-height:70px}.brand{font-size:17px}.brand img{width:36px;height:36px}.brand small{font-size:8px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;margin-top:18px;border-radius:17px}.hero-copy{padding:24px 23px 18px}.hero .eyebrow{font-size:9px;letter-spacing:.07em;margin-bottom:15px}.hero h1{font-size:40px;line-height:1.05;margin-bottom:16px}.hero-intro{font-size:15px;line-height:1.6;max-width:100%;margin-bottom:18px}.hero-secondary{display:inline-flex;min-height:44px;font-size:12px;margin:6px 0 0 14px}.hero .button{padding:11px 14px;gap:13px;font-size:12px;min-height:46px}.hero-art{position:relative;inset:auto;z-index:0;height:176px}.hero-art img{object-position:50% 46%;height:100%;width:100%}.hero-art:after{background:linear-gradient(180deg,#101e35,transparent 27%),linear-gradient(0deg,#101e35bd,transparent 35%)}.hero-art figcaption{font-size:8px;bottom:8px;left:12px;right:12px}.art-tag{top:auto;bottom:30px;right:12px;font-size:8px;padding:5px 8px}.desktop-break{display:none}.quick-paths{gap:9px;margin:13px 0}.quick-paths a{gap:9px;padding:13px 10px;border-radius:10px;min-height:75px}.quick-paths svg{width:21px;height:21px}.quick-paths strong{font-size:13px}.quick-paths small{font-size:10px}.quick-paths .path-arrow{display:none}.update-strip{display:grid;grid-template-columns:1fr auto;gap:7px 10px;padding:12px;font-size:11px}.update-strip>span{grid-row:2;grid-column:1/-1}.update-strip strong{font-size:9px}.update-strip a{font-size:10px}.home-answers{margin:30px 0 50px}.home-answers>h2:first-child{font-size:29px}h2{font-size:27px;margin:36px 0 18px}h3{font-size:21px;line-height:1.25}.calculator,.calculator.upgrade{padding:18px 15px;border-radius:12px;margin:22px 0 28px}.form-fields,.two-fields{grid-template-columns:1fr;gap:18px}.field>span{font-size:13px}.field small{font-size:11px}.wide legend{font-size:12px}.wide legend span{display:block;margin:5px 0 0;font-size:11px}.form-actions{flex-wrap:wrap;gap:10px 20px;margin-top:22px}.form-actions .button{width:100%}.result{grid-template-columns:1fr 1fr;gap:21px 12px;padding:20px 15px;margin-top:20px}.result strong{font-size:25px}.result span{font-size:11px}.result p.comparison{font-size:12px}.home-answers h2#spend-checks{padding-top:28px}.home-answers h2#reroll-warning{padding:21px 19px 0;font-size:25px}.home-answers h2#reroll-warning+p{padding:16px 19px 22px}.guide-grid{grid-template-columns:1fr;gap:11px}.guide-grid li{padding:19px}.guide-grid a{font-size:20px;margin-bottom:8px}.page-head{padding:23px 2px 25px}.page-head .eyebrow{margin-top:25px}.page-head h1{font-size:37px;line-height:1.1;margin-bottom:19px}.page-deck{font-size:16px;line-height:1.65}.review-date{font-size:10px}.review-date span{display:block;margin:6px 0 0}.contents nav a{font-size:12px}.reading-layout{gap:23px;margin-bottom:45px}.reading-layout article{padding:23px 15px;border-radius:12px}.reading-layout article>h2{padding-top:24px}.reading-layout article>h2:first-child{padding-top:0}.table-scroll{margin:21px 0 26px}table{font-size:12px}th{font-size:10px;padding:12px}td{padding:12px;min-width:82px}td:first-child{min-width:108px}.filter-bar{padding:14px;gap:10px 18px}.filter-bar label{min-width:150px}.source-notes{margin-top:32px;padding-top:18px}.source-notes summary span{display:block;margin:7px 0 0 16px}.source-notes ul{columns:1}.site-footer{padding:30px 20px 23px}.footer-top{gap:25px;padding-bottom:27px}.footer-top>p{font-size:23px}.footer-top nav{gap:13px;font-size:12px}.footer-bottom{flex-direction:column;gap:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}