@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Source+Sans+3:wght@400;600&display=swap";:root,[data-theme=hot-metal]{--bg-0:#1a1612;--bg-1:#2a2218;--bg-2:#3a2e20;--ink:#f3e6c8;--ink-muted:#b8a88a;--pile:#c45c26;--face:#2f6f6a;--tranche:#c9a227;--panel:#fff4dc0f;--line:#f3e6c824;--danger:#a33b2b;--primary:#c9a227;--banner:#c9a2272e;--surface:#32271c;--field-bg:#1f1914;--field-ink:#f3e6c8;--font-display:"Fraunces", "Iowan Old Style", Palatino, serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--page-bg:radial-gradient(1200px 600px at 50% -10%, #4a3824 0%, transparent 55%), radial-gradient(800px 500px at 100% 100%, #1e3a38 0%, transparent 45%), linear-gradient(160deg, var(--bg-0), var(--bg-1) 45%, var(--bg-2))}[data-theme=light]{--bg-0:#f7f1e8;--bg-1:#efe6d8;--bg-2:#e4d7c4;--ink:#2a2118;--ink-muted:#6a5b4a;--pile:#c45c26;--face:#2f6f6a;--tranche:#a8871c;--panel:#2a21180d;--line:#2a21181f;--danger:#a33b2b;--primary:#8b6914;--banner:#c45c261f;--surface:#fffaf3;--field-bg:#fff;--field-ink:#2a2118;--page-bg:linear-gradient(180deg, #fbf7f0, #ebe1d0)}[data-theme=toy]{--bg-0:#1f2a44;--bg-1:#243556;--bg-2:#2e4570;--ink:#fff7e8;--ink-muted:#c9d4ef;--pile:#ff6b4a;--face:#3ecf8e;--tranche:#ffd166;--panel:#ffffff14;--line:#ffffff29;--danger:#ff5d7a;--primary:#ffd166;--banner:#ffd16633;--surface:#2b3f66;--field-bg:#18233a;--field-ink:#fff7e8;--page-bg:radial-gradient(circle at 20% 20%, #ff6b4a33, transparent 40%), radial-gradient(circle at 80% 0%, #3ecf8e33, transparent 35%), linear-gradient(160deg, var(--bg-0), var(--bg-2))}[data-theme=lab]{--bg-0:#0e1418;--bg-1:#152028;--bg-2:#1c2b36;--ink:#d7e6ef;--ink-muted:#8aa0ae;--pile:#4f8cff;--face:#2ec4b6;--tranche:#e9c46a;--panel:#d7e6ef0d;--line:#d7e6ef24;--danger:#e76f51;--primary:#4f8cff;--banner:#4f8cff29;--surface:#1a2832;--field-bg:#0c1216;--field-ink:#d7e6ef;--font-display:"Source Sans 3", "Segoe UI", sans-serif;--page-bg:linear-gradient(180deg, #0e1418, #1c2b36)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:var(--page-bg);-webkit-font-smoothing:antialiased;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--field-ink);background:var(--field-bg);border:1px solid var(--line);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:10px;padding:.45rem .6rem}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}select option{background:var(--field-bg);color:var(--field-ink)}input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--primary);padding:0}input[type=file]{color:var(--ink);background:0 0;border:none;padding:0}.page{gap:1.25rem;width:min(1100px,100% - 2rem);margin:0 auto;padding:1.5rem 0 7.5rem;display:grid}.header__top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.header__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.brand{font-family:var(--font-display);margin:0;font-size:clamp(2rem,7vw,3.4rem);font-weight:700}.tagline{color:var(--ink-muted);margin:.35rem 0 0}.banner{background:var(--banner);border:1px solid var(--line);border-radius:12px;margin:0;padding:.65rem .85rem}.playfield{grid-template-columns:1fr;align-items:start;gap:1rem;display:grid}@media (width>=860px){.playfield{grid-template-columns:minmax(240px,1fr) minmax(280px,1.1fr);gap:1.5rem}}.stage{perspective:1000px;perspective-origin:50% 40%;place-items:center;gap:.75rem;min-height:320px;padding-top:1.5rem;display:grid}.playfield .panel{max-height:min(70vh,560px);overflow:auto}.coin{color:#5c4508;width:148px;height:148px;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;position:relative}.coin:hover:not(:disabled):not(.coin--edge) .coin__toss{transform:translateY(-3px)scale(1.03)}.coin:disabled{cursor:wait}.coin__shadow{opacity:.85;pointer-events:none;background:radial-gradient(#0006,#0000 70%);border-radius:50%;width:78%;height:18px;transition:transform .55s cubic-bezier(.22,.8,.28,1),opacity .55s;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.coin__toss{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,.8,.28,1);display:block}.coin__spinner{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.3s cubic-bezier(.18,.7,.2,1);display:block;position:relative}.coin__rim{background:linear-gradient(160deg,#e6c65a 0%,#a67c1a 40%,#6e5310 100%);border-radius:50%;position:absolute;inset:1px;transform:translateZ(0)}.coin__side{backface-visibility:hidden;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 4px #5b450866,inset 0 10px 24px #ffffff2e,inset 0 -14px 22px #00000038}.coin__side--pile{background:radial-gradient(circle at 30% 25%, #f0a06a, var(--pile) 55%, #7a3514);color:#3d1808;transform:translateZ(4px)}.coin__side--face{background:radial-gradient(circle at 30% 25%, #7fd0c8, var(--face) 55%, #184844);color:#062422;transform:rotateY(180deg)translateZ(4px)}.coin__label{font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 1px #fff3;-webkit-user-select:none;user-select:none;font-size:1.45rem;font-weight:700}.coin__img{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%}.coin--snap .coin__spinner,.coin--snap .coin__toss,.coin--snap .coin__shadow{transition:none!important}.coin--flying .coin__toss{animation:1.3s ease-in-out coin-wobble}.coin--air .coin__toss{transition-timing-function:cubic-bezier(.2,.85,.3,1);transform:translateY(-128px)scale(1.08)}.coin--air .coin__shadow{opacity:.28;transform:translate(-50%)scaleX(.45)}.coin--land .coin__toss{transition-timing-function:cubic-bezier(.33,1.2,.4,1);transform:translateY(0)scale(1)}.coin--land .coin__shadow{opacity:.85;transform:translate(-50%)scaleX(1)}.coin--edge.coin--air .coin__toss{transform:translateY(-128px)scale(1.08)rotateX(12deg)}.coin--edge.coin--land .coin__toss,.coin--edge:not(.coin--flying) .coin__toss{transform:translateY(8px)rotateX(84deg)scaleX(1.04)}.coin--edge:not(.coin--air) .coin__shadow{opacity:.5;transform:translate(-50%)scaleX(.35)translateY(-4px)}.coin--flying .coin__spinner{transition-duration:1.3s}.hint,.meta{color:var(--ink-muted);margin:0}.btn,.btn-reset{border:1px solid var(--line);background:0 0;border-radius:999px;padding:.4rem .9rem}.btn--primary{background:color-mix(in srgb, var(--primary) 28%, transparent);border-color:var(--primary)}.btn--danger{border-color:var(--danger);color:color-mix(in srgb, var(--danger) 70%, white)}.btn-reset:disabled{opacity:.4;cursor:not-allowed}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1rem 1.1rem 1.15rem}.panel h2,.settings h2,.modal h2{font-family:var(--font-display);margin:0 0 .75rem;font-size:1.25rem}.panel__count{font-family:var(--font-body);color:var(--ink-muted);font-size:.85rem;font-weight:400}.toasts{z-index:60;gap:.5rem;width:min(320px,100% - 2rem);display:grid;position:fixed;top:1rem;right:1rem}.toast{background:var(--bg-1);border:1px solid var(--primary);border-radius:12px;padding:.75rem .9rem;animation:.25s toast-in;box-shadow:0 10px 30px #00000040}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel__count--alone{margin:0 0 .75rem}.event-list,.achievement-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.event{text-align:left;border:1px solid #0000;border-top:1px solid var(--line);background:0 0;border-radius:8px;width:100%;padding:.65rem .35rem .2rem;display:block}.event--active{border-color:var(--tranche);background:color-mix(in srgb, var(--tranche) 12%, transparent)}.event p,.achievement p{color:var(--ink-muted);margin:.2rem 0 0;font-size:.92rem}.event__prob,.achievement span{opacity:.85;margin-top:.35rem;font-size:.8rem;display:inline-block}.event--rare,.event--epic,.event--legendary{border-left:3px solid var(--tranche);padding-left:.65rem}.achievement{border-top:1px solid var(--line);padding-top:.65rem}.achievement--locked{opacity:.55}.frieze-panel{background:color-mix(in srgb, var(--bg-0) 88%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.65rem 1rem .85rem;position:fixed;bottom:0;left:0;right:0}.frieze{margin:0;gap:.35rem;width:min(960px,100%);min-height:1.6rem;margin-inline:auto;padding:.25rem 0;list-style:none;display:flex;overflow-x:auto}.frieze__item{border-radius:3px;flex:none;width:1.1rem;height:1.1rem}.frieze__item--pile{background:var(--pile)}.frieze__item--face{background:var(--face)}.frieze__item--tranche{background:var(--tranche);width:.45rem}.frieze__item--hot{outline:2px solid var(--ink);outline-offset:2px}.frieze__empty{color:var(--ink-muted);font-size:.9rem}.legend{width:min(960px,100%);color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin:.35rem auto 0;font-size:.85rem;display:flex}.legend__title{color:var(--ink);font-weight:600}.legend__item{align-items:center;gap:.35rem;display:inline-flex}.legend__swatch{border-radius:2px;width:.85rem;height:.85rem;display:inline-block}.legend__swatch--pile{background:var(--pile)}.legend__swatch--face{background:var(--face)}.legend__swatch--tranche{background:var(--tranche);width:.35rem}.settings-backdrop,.modal-backdrop{z-index:40;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.settings{background:var(--surface);width:min(440px,100%);max-height:min(90vh,720px);color:var(--ink);border:1px solid var(--line);border-radius:16px;gap:.65rem;padding:1rem 1.1rem 1.25rem;display:grid;overflow:auto}.settings--achievements{width:min(520px,100%)}.settings h2,.settings h3,.settings label,.settings summary,.settings p{color:var(--ink)}.settings__hint{color:var(--ink-muted)}.settings__head,.settings__row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.settings__col{flex-direction:column;align-items:stretch}.settings__hint{color:var(--ink-muted);margin:0;font-size:.85rem}.settings__actions{flex-wrap:wrap;gap:.5rem;display:flex}.settings__token{border:1px solid var(--line);background:var(--field-bg);width:100%;color:var(--field-ink);resize:vertical;border-radius:10px;padding:.55rem}.settings__hard{margin-top:.5rem}.settings__details summary{cursor:pointer}.modal{background:var(--surface);width:min(420px,100%);color:var(--ink);border:1px solid var(--line);z-index:50;border-radius:16px;padding:1rem 1.1rem}.modal__actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}@keyframes coin-wobble{0%,to{rotate:0deg}25%{rotate:-9deg}55%{rotate:7deg}80%{rotate:-3deg}}@media (prefers-reduced-motion:reduce){.coin__toss,.coin__spinner,.coin__shadow{transition:none!important}.coin--flying .coin__toss{animation:none}}