:root{--bg: #1e1f22;--card: #2a2b2f;--input: #34353a;--fg: #e6e6e9;--muted: #9a9ba3;--border: #3d3e44;--pos: #22352a;--neg: #3b2627;--pos-text: #7fd69a;--neg-text: #ff8a80;--accent: #7aa2ff;--highlight: #f5c542;--card-none: #6b6c73;--card-silver: #c4c8d0;--card-gold: #e0b43a;--error: #ff7b6e;--warn: #ffa94d;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg);background:var(--bg)}body{margin:0;background:var(--bg)}main{box-sizing:border-box;width:95%;margin:0 auto;padding:24px 16px}@media(max-width:900px){main{width:100%}}a{color:var(--accent)}.muted{color:var(--muted)}.disclaimer{margin:0 0 16px;padding:8px 12px;border-left:3px solid var(--warn);border-radius:4px;background:var(--card);color:var(--muted);font-size:14px}.error{color:var(--error)}.crumbs{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;font-size:14px;margin-bottom:12px}.attribution{color:var(--muted);font-size:13px;text-align:right}.with-panel{display:flex;align-items:flex-start;gap:20px}.panel-page{flex:1;min-width:0}.stats-panel{flex:0 0 300px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;box-sizing:border-box;background:var(--card);border:1px solid var(--border);border-radius:12px}.stats-panel:not([open]){flex:0 0 auto}.stats-panel>summary{padding:10px 16px;cursor:pointer}.stats-panel>summary h2{display:inline;margin:0;font-size:18px}.stats-panel-body{padding:0 16px 16px}.stats-panel-body>.muted{margin:0 0 4px;font-size:13px}.stats-panel .inputs{grid-template-columns:1fr}.field-row{display:flex;align-items:center;gap:6px}.field-row input{flex:1;min-width:0}.field-reset{flex:none;padding:0 7px;font-size:12px;line-height:1.6;color:var(--muted)}@media(max-width:900px){.with-panel{flex-direction:column}.panel-page{order:1}.stats-panel,.stats-panel:not([open]){order:2;position:static;max-height:none;flex:1 1 auto;width:100%}}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.card,.tool,.save-bar{background:var(--card);border:1px solid var(--border);border-radius:12px}.tool-group{margin-top:28px}.tool-group-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px}.tool-group-head h2{margin:0;font-size:20px}.pick{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}@media(max-width:600px){.pick{width:100%}.pick select{flex:1;min-width:0;font-size:16px}}.card{display:block;padding:16px;color:inherit;text-decoration:none}.card:hover{border-color:var(--accent)}.card h2{margin:0 0 6px;font-size:18px}.card p{margin:0}.card .card-summary{margin-top:10px;font-weight:600}.card-summary .icon{margin:0 4px;vertical-align:middle}.icon{width:20px;height:20px;object-fit:contain;image-rendering:pixelated}.card-summary .positive{color:var(--pos-text)}.card-summary .negative{color:var(--neg-text)}.save-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;font-size:14px}.save-bar>span:first-child{flex:1 1 260px}.paste{flex:1 1 100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.paste textarea{box-sizing:border-box;width:100%;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--input);color:var(--fg);font:13px ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.paste textarea:focus{border-color:var(--accent);outline:none}button:disabled{opacity:.5;cursor:default}.tool{padding:20px}.inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-items:end}.inputs label{display:flex;flex-direction:column;gap:4px;font-size:14px}.inputs label.checkbox{flex-direction:row;align-items:center}.inputs input[type=number],.inputs input[type=text],.inputs select,td select,.pick select,button,.button{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--input);color:var(--fg);font:inherit;font-size:14px}button,.button{cursor:pointer}button:hover,.button:hover,.inputs select:focus,td select:focus,.pick select:focus,.inputs input[type=number]:focus,.inputs input[type=text]:focus{border-color:var(--accent);outline:none}.inputs input[type=checkbox]{accent-color:var(--accent)}.badge{display:inline-block;white-space:nowrap;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--card);font-size:11px;font-style:normal}.summary{font-weight:600;margin:20px 0 12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{padding:6px 10px;border-bottom:1px solid var(--border);text-align:right}th:first-child,td:first-child{text-align:left}td.positive{color:var(--pos-text)}td.negative{color:var(--neg-text)}tr.positive td{background:var(--pos)}tr.negative td{background:var(--neg)}tr.current td{font-weight:700;box-shadow:inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent)}.input-group h3{margin:24px 0 8px;font-size:15px;color:var(--muted)}.input-group summary{margin:12px 0 8px;cursor:pointer;color:var(--muted);font-size:14px}details.input-group>summary{margin:24px 0 8px;font-size:15px}details.input-group>summary h3{display:inline;margin:0}.group-controls{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0;font-size:13px}.group-controls+.group-controls{margin-top:-2px}.group-controls .link-btn.active{color:var(--fg);font-weight:600;text-decoration:none}.reset-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.warnings{margin:16px 0 0;padding:10px 10px 10px 28px;border:1px solid var(--border);border-radius:6px;background:var(--neg);color:var(--neg-text);font-size:14px}.how-it-works dl{margin:0;font-size:14px}.how-it-works dt{margin-top:10px;font-weight:600}.how-it-works dd{margin:2px 0 0;color:var(--muted)}.how-it-works code{padding:1px 5px;border-radius:4px;background:var(--input);color:var(--fg);font-size:13px;overflow-wrap:anywhere}.playstyle{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border)}.playstyle>summary{display:flex;align-items:baseline;gap:12px;cursor:pointer}.playstyle>summary .muted{margin-left:auto;font-size:14px}.playstyle-grid{display:grid;margin-top:12px;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:12px 24px}.playstyle-founder{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.playstyle-founder label{display:inline-flex;align-items:center;gap:6px}.playstyle h3{margin:0;font-size:16px}.playstyle-label{padding-top:6px;color:var(--muted)}.playstyle-label small{display:block;margin-top:4px;font-size:12px}.playstyle-checklist{display:flex;flex-direction:column;max-width:340px}.playstyle-checklist label{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--border);cursor:pointer}.playstyle-checklist label:last-child{border-bottom:none}.playstyle-checklist label .muted{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:600px){.playstyle-grid{grid-template-columns:minmax(0,1fr);gap:8px}.playstyle-label{padding-top:4px}}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.segmented button{border:none;border-radius:0;background:var(--input);color:var(--muted);padding:6px 12px}.segmented button+button{border-left:1px solid var(--border)}.segmented button.active{background:var(--accent);color:var(--bg);font-weight:600}.receipt-panel>summary{display:flex;align-items:baseline;gap:12px;margin-bottom:4px;cursor:pointer}.receipt-panel>summary h2{margin:0;cursor:pointer}.receipt-panel>summary .receipt-net{margin-left:auto;padding-right:4px;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.receipt-panel>summary .receipt-net.positive{color:var(--pos-text)}.receipt-panel>summary .receipt-net.negative{color:var(--neg-text)}.receipt-body{margin-top:8px}.receipt-wrap{max-width:560px;margin:16px 0}.receipt td:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.receipt tr.receipt-total td{border-bottom:none;border-top:1px solid var(--border);font-weight:700}.receipt td.receipt-child{padding-left:58px}.receipt-all{margin-bottom:6px;font-size:13px}.receipt-all:disabled{color:var(--muted);cursor:default;text-decoration:none}.receipt-toggle{display:inline-block;vertical-align:middle;width:20px;margin-right:4px;padding:0;border:none;background:none;color:var(--muted);cursor:pointer}.receipt tr.receipt-parent{cursor:pointer}.receipt tr.receipt-parent:hover .receipt-toggle{color:var(--fg)}.receipt tr.receipt-zero td{color:var(--muted)}.formula-wrap{position:relative;display:inline-block;margin-left:6px}.info-btn{width:16px;height:16px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--input);color:var(--muted);font:11px/1 system-ui,sans-serif;font-style:italic;cursor:pointer}.info-btn:hover,.info-btn[aria-expanded=true]{color:var(--fg);border-color:var(--accent)}.formula-pop{position:absolute;z-index:20;top:calc(100% + 6px);left:0;display:block;min-width:340px;max-width:460px;padding:12px 14px;border:1px solid var(--border);border-radius:6px;background:var(--card);box-shadow:0 6px 18px #0006;font-size:14px;font-weight:400}.formula-pop .formula-line{margin:2px 0 8px}.formula-pop .formula-term{font-style:normal;color:var(--accent)}.formula-pop .formula-num{color:var(--pos-text);font-variant-numeric:tabular-nums}.formula-pop .formula-result{margin-top:10px}.formula-pop .formula-toggle{display:block;margin:8px 0;padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--input);color:var(--fg);font-size:13px;cursor:pointer}.formula-pop .formula-toggle:hover{border-color:var(--accent)}.formula-pop p{margin:8px 0 0;font-size:13px}.stats-panel>summary,.input-group>summary,.playstyle>summary,.receipt-panel>summary{list-style:none}.stats-panel>summary::-webkit-details-marker,.input-group>summary::-webkit-details-marker,.playstyle>summary::-webkit-details-marker,.receipt-panel>summary::-webkit-details-marker{display:none}.stats-panel>summary:before,.input-group>summary:before,.playstyle>summary:before,.receipt-panel>summary:before{content:"+";display:inline-block;width:1em;margin-right:8px;color:var(--muted);font-weight:600;text-align:center}.stats-panel[open]>summary:before,.input-group[open]>summary:before,.playstyle[open]>summary:before,.receipt-panel[open]>summary:before{content:"−"}.playstyle>summary:before,.receipt-panel>summary:before{margin-right:-4px}.cards-btn{display:block;width:100%;margin-top:8px;border-color:var(--highlight);background:var(--highlight);color:var(--bg);font-weight:600}.cards-btn:hover{filter:brightness(1.1)}.cards-dialog{width:min(560px,calc(100vw - 32px));padding:16px 20px 20px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--fg)}.cards-dialog::backdrop{background:#0009}.cards-head{display:flex;align-items:center;justify-content:space-between}.cards-head h3{margin:0;font-size:18px}.cards-dialog h4{margin:16px 0 4px}.cards-grid{display:grid;gap:8px;margin-top:8px}.cards-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.segmented button.active.card-level-0{background:var(--card-none);color:var(--fg)}.segmented button.active.card-level-1{background:linear-gradient(135deg,var(--card-silver),#f2f4f8 50%,var(--card-silver));color:var(--bg)}.segmented button.active.card-level-2{background:linear-gradient(135deg,var(--card-gold),#ffe08a 50%,var(--card-gold));color:var(--bg)}.segmented button.active.card-level-3{background:linear-gradient(115deg,#362762,#3f92e7 22%,#74fbda 38%,#724ba0,#d6c463 74%,#288a8b 88%,#362762);background-size:200% 100%;animation:foil 9s ease-in-out infinite alternate;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}@keyframes foil{0%{background-position:0 0}to{background-position:100% 0}}@media(prefers-reduced-motion:reduce){.segmented button.active.card-level-3{animation:none}}.link-btn{padding:0;border:none;background:none;color:var(--accent);font-size:inherit;text-decoration:underline;cursor:pointer}.history-controls{margin-bottom:12px}.history-chart{margin:0;padding:14px 16px 8px;background:var(--card);border:1px solid var(--border);border-radius:10px}.history-chart figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px;font-size:15px;font-variant-numeric:tabular-nums}.history-name{font-weight:600;overflow-wrap:anywhere}.history-chart .positive{color:var(--pos-text)}.history-chart .negative{color:var(--neg-text)}.history-plot{position:relative}.history-plot svg{display:block;touch-action:pan-y}.history-grid{stroke:var(--border);stroke-width:1}.history-axis{fill:var(--muted);font-size:12px}.history-cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.history-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}.history-dot{fill:var(--accent);stroke:var(--card);stroke-width:2}.history-tooltip{position:absolute;top:0;display:flex;flex-direction:column;padding:4px 8px;background:var(--input);border:1px solid var(--border);border-radius:6px;font-size:13px;white-space:nowrap;pointer-events:none}.title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:.67em 0}.title-row h1{margin:0}.title-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--fg);font-size:14px;text-decoration:none}.title-link:hover,.title-link.current{border-color:var(--accent);color:var(--accent)}.title-icon{width:18px;height:18px}.combo{position:relative;min-width:min(260px,100%)}.combo input{width:100%;box-sizing:border-box}.combo-list{position:absolute;z-index:10;top:100%;left:0;right:0;max-height:280px;margin:4px 0 0;padding:4px 0;overflow-y:auto;list-style:none;background:var(--card);border:1px solid var(--border);border-radius:8px}.combo-list li{padding:6px 10px;cursor:pointer}.combo-list li.active{background:var(--input)}.combo-list li[aria-selected=true]{color:var(--accent)}.history-rate{fill:var(--muted);font-size:11px}.history-gems{width:130px;text-align:right}.save-gems{display:inline-flex;align-items:center;gap:8px}.history-actions{white-space:nowrap}.history-actions button+button{margin-left:6px}@media(max-width:600px){.history-extra{display:none}.history-gems{width:96px;font-size:16px}.history-actions button{display:block}.history-actions button+button{margin:6px 0 0}.history-chart{padding:10px 8px 6px}.combo input{font-size:16px}}@media(max-width:600px){.cards-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;padding:12px}.cards-row{flex-direction:column;align-items:stretch;gap:4px}.cards-row .segmented{display:flex}.cards-row .segmented button{flex:1 1 0;min-width:0;padding:8px 2px;font-size:13px}}.compact-toggle{display:none}@media(max-width:600px){.compact-toggle{display:flex;margin:0 0 8px auto;padding:6px}.compact .attribution,.compact .disclaimer,.compact .save-bar{display:none}}