html{font-size:20px}html[data-text=large]{font-size:23px}html[data-text=xl]{font-size:26px}:root{--font-ui:"Atkinson Hyperlegible Next", system-ui, sans-serif;--font-title:"Atkinson Hyperlegible Next", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--page);color:var(--ink);font:1rem/1.35 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{max-width:980px;height:100%;margin:0 auto}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:4px solid var(--focus);outline-offset:2px}h2,h3{margin:0;font-weight:700}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border:2px solid var(--btn-edge);background:var(--btn);width:100%;min-height:64px;color:var(--btn-ink);text-align:center;border-radius:18px;gap:2px;padding:10px 18px;font-size:1.05rem;font-weight:700;display:grid}.btn__title{font-size:1.1rem;font-weight:700}.btn__sub{font-size:1rem;font-weight:500}.btn--apart{margin-top:28px}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn--quiet{min-height:56px;font-size:1rem}.btn--huge{min-height:88px;font-size:1.4rem}.btn:active,.tool:active,.bar__btn:active,.box:active,.die:active{transform:scale(.97)}.home{max-width:520px;height:100%;padding:calc(var(--safe-top) + 14px) 16px calc(var(--safe-bottom) + 14px);flex-direction:column;justify-content:safe center;gap:32px;margin:0 auto;display:flex;overflow-y:auto}.home__brand{text-align:center;justify-items:center;gap:8px;display:grid}.home__art{width:min(56vw,240px,26vh)}.home__sun circle{fill:var(--primary)}.home__sun path{stroke:var(--primary)}.logo{font:700 2.1rem/1.05 var(--font-title);letter-spacing:.01em;margin:0}.logo span{font-size:1.2em;display:block}.home__tag{max-width:24em;color:var(--muted);margin:0}.home__menu{gap:10px;display:grid}.home__row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.home__art{justify-items:center;display:grid;position:relative}.home__sun{width:46%;margin-bottom:-18%}.home__sun svg{width:100%;fill:var(--primary);stroke:var(--primary);display:block}.home__dice{background:var(--felt);border:3px solid var(--felt-edge);border-radius:22px;justify-content:center;gap:10%;width:100%;padding:12px;display:flex}.die--art{width:38%}.die--art:first-child{transform:rotate(-8deg)}.die--art:nth-child(2){transform:rotate(6deg)}.play{--gap:6px;gap:var(--gap);height:100%;padding:calc(var(--safe-top) + 6px) 8px calc(var(--safe-bottom) + 8px);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.play.lay-all{grid-template-rows:auto auto auto auto auto;grid-template-areas:"info""status""dice""card""tools";align-content:space-between}.play.lay-tabs{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"info""status""main""tools"}.lay-tabs .panel{grid-area:main;align-self:safe center}.lay-tabs[data-view=dice] .panel--card,.lay-tabs[data-view=card] .panel--dice{display:none}.lay-all .panel--dice{grid-area:dice}.lay-all .panel--card{grid-area:card}@media (orientation:landscape) and (width>=700px){.play.lay-all{grid-template:"info info""status status""dice card"minmax(0,1fr)"tools tools"/minmax(0,1fr) minmax(0,1.25fr);column-gap:20px}.lay-all .panel{align-self:center}}.info{color:var(--muted);flex-wrap:wrap;grid-area:info;justify-content:center;gap:4px 14px;margin:0;font-size:.9rem;font-weight:700;display:flex}.info--btn{min-height:56px;color:var(--muted);background:0 0;border:0;border-radius:14px;align-content:center;align-items:center;padding:2px 4px}.info__more{text-underline-offset:3px;color:var(--ink);text-decoration:underline}.info b{color:var(--ink)}.chip{border:3px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.chip--turn{border-color:var(--turn);color:var(--ink)}.badge{fill:currentColor;width:.85em;height:.85em}.status{text-align:center;grid-area:status;min-height:2.7em;margin:0;padding:0 4px;font-size:1rem;font-weight:700;line-height:1.35}.panel--dice{gap:4px;display:grid;container-type:inline-size}.rowlabel{margin:4px 0 0;font-size:1rem;font-weight:800}.row{--dsz:min(88px, calc((100cqi - 16px - 4 * 10px) / 5));grid-template-columns:repeat(5, var(--dsz));border:3px solid var(--felt-edge);background:var(--felt);border-radius:16px;justify-content:center;gap:10px;padding:8px;display:grid}.row .die,.row .slot{width:var(--dsz)}.die{color:var(--ink);background:0 0;border:0;border-radius:14px;justify-items:center;gap:0;padding:0;display:grid}.die__face{width:100%;height:auto;filter:drop-shadow(0 2px 2px var(--shadow));display:block}.die__body{fill:var(--die);stroke:var(--die-edge);stroke-width:3px}.die__pips{fill:var(--pip)}.die__num{background:var(--page);color:var(--ink);border-radius:8px;margin-top:3px;padding:0 8px;font-size:1.05rem;font-weight:800;line-height:1.2}.slot{aspect-ratio:1;border:3px dashed var(--slot);border-radius:14px}.with-num .slot{aspect-ratio:auto;height:calc(var(--dsz) + 1.26rem + 3px)}.die--kept .die__face{outline:5px solid var(--kept);outline-offset:1px;border-radius:16px}.die--hint{outline:6px double var(--hint-felt);outline-offset:3px}.die:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.die--rolled .die__face{animation:.35s ease-out tumble}@keyframes tumble{0%{transform:rotate(-25deg)scale(.8)}60%{transform:rotate(8deg)scale(1.04)}}.roll{min-height:76px;margin-top:8px}.roll .btn__title{font-size:1.45rem}.roll[aria-disabled=true]{background:var(--btn);border-color:var(--btn-edge);color:var(--btn-ink);border-style:dashed}.roll--hint{outline:6px double var(--hint);outline-offset:3px}.scores-btn{margin-top:4px}.panel--card{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cardhead{grid-column:1/-1;margin:0;font-size:1rem;font-weight:800;line-height:1.2}.lay-all .cardhead{display:none}.col{grid-auto-rows:minmax(56px,auto);align-content:start;gap:4px;display:grid;container-type:inline-size}.box{border:3px solid var(--box-edge);background:var(--box);min-height:56px;color:var(--box-ink);text-align:left;border-radius:12px;align-content:center;padding:2px 10px;line-height:1.1;display:grid}.box__name{font-size:1rem;font-weight:800}.box__val{color:var(--box-sub);font-size:.95rem;font-weight:600}.box__val b{color:var(--box-ink);font-size:1.05rem}.box .long{display:none}@container (width>=260px){.box{grid-template-columns:1fr auto;align-items:center;gap:8px}.box .long{display:inline}.box .short{display:none}}.box--done{border:2px solid var(--done-edge);background:var(--done);color:var(--done-ink)}.box--done .box__name,.box--done .box__val,.box--done .box__val b{color:var(--done-ink)}.tick{font-weight:900}.box--hint{outline:6px double var(--hint);outline-offset:2px}.box:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.bonusline span{display:block}.bonusline{color:var(--ink);align-content:center;margin:0;padding:0 4px;font-size:.9rem;line-height:1.2;display:grid}.tools{grid-area:tools;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tool{border:2px solid var(--btn-edge);background:var(--btn);min-height:60px;color:var(--btn-ink);border-radius:16px;align-content:center;justify-items:center;gap:2px;padding:4px;font-size:.9rem;font-weight:700;line-height:1.1;display:grid;position:relative}.tool svg{width:24px;height:24px}.tool--off{border-style:dashed}.tool__tag{background:var(--primary);color:var(--primary-ink);white-space:nowrap;border-radius:99px;padding:0 7px;font-size:.9rem;font-weight:800;line-height:1.25;display:none}.tool--tagged .tool__tag{display:block}.lay-halves .rowlabel{margin:0;font-size:.9rem}.lay-halves .roll{min-height:60px;margin-top:4px}.lay-halves .roll .btn__title{font-size:1.2rem}.lay-halves .roll .btn__sub{font-size:.9rem}.lay-halves .row{padding:5px}.lay-halves .panel--card{grid-template-columns:1fr}.lay-halves[data-half=top] .col--bottom,.lay-halves[data-half=bottom] .col--top,.lay-halves .bonusline>b,.lay-halves[data-view=card] .info,html[data-text=xl] .box .long,html[data-text=xl] .tool svg{display:none}@media (height<=760px){html[data-text=xl] .play .status{font-size:22px}html[data-text=xl] .play .tool{font-size:21px}}html[data-text=xl] .box .short{display:none}.pagebar{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.pagebar h2{font:700 1.3rem/1.1 var(--font-title);text-align:center}.bar__spacer{width:64px}.bar__btn{border:2px solid var(--btn-edge);background:var(--btn);min-width:64px;min-height:56px;color:var(--btn-ink);border-radius:14px;align-content:center;justify-items:center;padding:4px 8px;font-size:.9rem;font-weight:700;line-height:1.1;display:grid}.bar__btn svg{width:24px;height:24px}.sheet{z-index:1000;background:#0009;place-items:center;padding:12px;animation:.2s fade;display:grid;position:fixed;inset:0}.sheet__card{width:100%;max-width:500px;max-height:calc(100% - var(--safe-top) - var(--safe-bottom));background:var(--sheet);color:var(--sheet-ink);border-radius:22px;gap:12px;padding:20px 16px 14px;animation:.25s cubic-bezier(.2,.7,.3,1) rise;display:grid;overflow:auto;box-shadow:0 20px 60px #0006}.sheet__card:focus{outline:none}.sheet__card h2{font:700 1.45rem/1.15 var(--font-title);text-align:center}.sheet__card h3{font:700 1.15rem/1.2 var(--font-title)}.sheet__card p{color:var(--sheet-ink);text-align:center;margin:0}.sheet__card .sheet__big{font-size:1.15rem;font-weight:700}.sheet__card .btn:not(.btn--primary){background:var(--sheet-btn);border-color:var(--sheet-muted);color:var(--sheet-ink)}.sheet__card .btn--primary:focus-visible,.sheet__card .btn:focus-visible,.sheet__card .opt:focus-visible{outline-color:var(--sheet-ink)}.sheet__card .quote{font-style:italic}.sheet__card .label{text-align:left}.sheet__card .about-opp,.sheet__card .note-in-sheet{color:var(--sheet-muted)}.opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.opt{border:3px solid var(--sheet-muted);background:var(--sheet-btn);min-height:64px;color:var(--sheet-ink);border-radius:14px;align-content:center;padding:6px 8px;line-height:1.15;display:grid}.opt b{font-size:1.05rem}.opt span{font-size:1rem}.opt--on{border-color:var(--sheet-ink);background:var(--primary);color:var(--primary-ink);box-shadow:inset 0 0 0 3px var(--sheet)}.opt--on b:before{content:"✓ "}.readout{gap:8px;display:grid}.sheet__card .readout p{text-align:left}.howto{--pw:calc(min(500px, 100vw - 24px) - 40px);grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.howto__aim,.howto__steps{grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.howto__steps{gap:22px}.sheet__card .howto p,.howto__more li{text-align:left}.howto__step{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pic pic""num text";align-items:center;gap:8px 10px;display:grid}.howto__step .howto__pic{grid-area:pic}.howto__step p{grid-area:text;font-weight:700}.howto__num{background:var(--page);width:1.9em;height:1.9em;color:var(--ink);border-radius:50%;grid-area:num;place-items:center;font-weight:800;display:grid}.howto__pic{background:var(--page);min-width:0;color:var(--ink);border-radius:18px;justify-items:center;gap:8px;padding:12px 4px;display:grid}.howto__more ul{gap:8px;margin:0;padding-left:1.2em;display:grid}.howto__more[hidden]{display:none}.howto .hp-row{--dsz:min(72px, calc((var(--pw) - 42px) / 5));gap:6px;padding:6px}.hp-row .die__num{font-size:1rem}.hp-rows{gap:4px;display:grid}.hp-label{font-size:1rem;font-weight:800}.hp-arrow{width:60px;height:48px}.hp-btn{width:min(100%,300px);min-height:64px}.hp-btn .btn__title{font-size:1.3rem}.hp-card{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:6px;width:100%;padding:0 4px;display:grid}.hp-box{padding:6px 10px}.hp-box.box--hint{margin:4px}.hp-tools{justify-content:center;align-items:center;gap:6px;max-width:100%;display:flex}.hp-tools .tool{min-width:0;padding:4px 10px;font-size:max(20px,.8rem)}.hp-tools .hp-arrow{flex:none;width:48px}.example{justify-self:center;width:min(100%,320px)}.ex__lab{fill:var(--sheet-ink);font:800 13px var(--font-ui);text-anchor:middle}.won{gap:12px;display:grid}.won__art{justify-self:center;width:84px;height:84px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.won__art svg{width:100%;height:100%}.credits{text-align:center;color:var(--muted);margin:8px 0 0;font-size:1rem}.sheet__card .credits{color:var(--sheet-muted)}.credits a{min-width:56px;min-height:56px;color:inherit;padding:0 8px;line-height:56px;display:inline-block}.page{max-width:640px;height:100%;padding:calc(var(--safe-top) + 6px) 16px calc(var(--safe-bottom) + 24px);flex-direction:column;gap:12px;margin:0 auto;display:flex;overflow-y:auto}.page>*{flex-shrink:0}.page h3{font:700 1.15rem/1.2 var(--font-title);color:var(--ink);margin-top:10px}.statset{gap:8px;display:grid}.statset dl{gap:8px;margin:0;display:grid}.statset dl div{border:2px solid var(--btn-edge);background:var(--btn);color:var(--btn-ink);border-radius:14px;padding:10px 14px;display:grid}.statset dt{font-weight:700}.statset dt small{font-size:1rem;font-weight:500}.statset dd{margin:0;font-size:1.15rem;font-weight:800}.toggle{border:2px solid var(--btn-edge);background:var(--btn);min-height:64px;color:var(--btn-ink);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 14px;font-weight:700;display:grid;position:relative}.toggle small{font-size:1rem;font-weight:500;display:block}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle i{border:2px solid var(--btn-ink);border-radius:99px;width:60px;height:36px;position:relative}.toggle i:after{content:"";background:var(--btn-ink);border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:var(--primary);border-color:var(--primary)}.toggle input:checked+i:after{background:var(--primary-ink);transform:translate(24px)}.toggle input:focus-visible+i{outline:4px solid var(--focus);outline-offset:2px}.choice-set{border:2px solid var(--btn-edge);background:var(--btn);border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;padding:6px;display:grid}.choice-set__opt{min-height:56px;color:var(--btn-ink);background:0 0;border:0;border-radius:12px;padding:4px;font-size:1rem;font-weight:700;line-height:1.15}.choice-set__opt--on{background:var(--primary);color:var(--primary-ink)}.label{margin:4px 0 -4px;font-weight:700}.note{color:var(--muted);margin:0}.looks{gap:8px;display:grid}.look{border:3px solid var(--btn-edge);background:var(--btn);min-height:72px;color:var(--btn-ink);text-align:left;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:10px 14px;display:grid}.look--on{border-color:var(--primary);box-shadow:inset 0 0 0 3px var(--primary)}.look__sw{grid-row:span 2;display:flex}.look__sw i{border:1px solid #7f7f7f99;width:22px;height:44px}.look__sw i:first-child{border-radius:8px 0 0 8px}.look__sw i:last-child{border-radius:0 8px 8px 0}.look__name{font-weight:700}.look__blurb{font-size:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.opt--friend{text-align:left;grid-template-columns:auto 1fr;column-gap:10px}.opt--friend .badge{grid-row:span 2;width:28px;height:28px}.sheet__card .opt{text-align:left}.opt span{font-weight:500}.field{gap:4px;font-weight:700;display:grid}.field input{border:3px solid var(--sheet-muted);background:var(--sheet);min-height:56px;color:var(--sheet-ink);font:inherit;-webkit-user-select:text;user-select:text;border-radius:12px;padding:6px 12px}.field input:focus-visible{outline:4px solid var(--sheet-ink)}.sheet__card .choice-set{background:var(--sheet-btn);border-color:var(--sheet-muted)}.sheet__card .choice-set__opt{color:var(--sheet-ink)}.sheet__card .choice-set__opt--on{color:var(--primary-ink)}.score{gap:6px;margin:0;display:grid}.score div{border:2px solid var(--sheet-muted);border-radius:12px;justify-content:space-between;padding:8px 14px;font-size:1.1rem;display:flex}.score dd{margin:0;font-weight:800}.score--win{font-weight:800;border-width:4px!important}.table{border-collapse:collapse;width:100%;font-size:.95rem}.table th,.table td{border-bottom:1px solid var(--sheet-muted);text-align:right;padding:5px 4px}.table th[scope=row]{text-align:left}.table thead th{overflow-wrap:anywhere}.table .empty{color:var(--sheet-muted)}.table .sub,.table .total{font-weight:800}.rules{gap:6px;margin:0;display:grid}.rules dt{font-weight:800}.rules dd{margin:0}.exdice{vertical-align:middle;background:var(--felt);border-radius:10px;gap:6px;padding:6px;display:inline-flex}.die--ex{width:48px}.die--ex .die__num{font-size:.8rem}.die--exkept .die__face{outline:4px solid var(--kept);border-radius:10px}.won__art svg{fill:var(--primary);stroke:var(--primary)}[data-theme=daylight] .won__art svg{fill:#c27a0e;stroke:#c27a0e}.sheet__card a{color:inherit;min-height:56px;padding:0 8px;line-height:56px;display:inline-block}*{overflow-anchor:none}:root,[data-theme=felt]{--page:#0b4f4f;--ink:#fffbea;--muted:#d4f0ea;--felt:#138a8a;--felt-edge:#8fd8cf;--slot:#0e6f6f;--die:#fffaf0;--die-edge:#2a2a24;--pip:#141414;--kept:#ffe59a;--btn:#0d5a5a;--btn-ink:#fffbea;--btn-edge:#8fd8cf;--primary:#ffd166;--primary-ink:#1b1300;--box:#fffaf0;--box-ink:#0b2b2b;--box-sub:#1d4a47;--box-edge:#ffd166;--done:#083b3b;--done-ink:#fffbea;--done-edge:#5fa9a1;--hint:#ffd166;--hint-felt:#fff;--turn:#ffd166;--focus:#fff;--sheet:#fffbf0;--sheet-ink:#10201f;--sheet-muted:#33504c;--sheet-btn:#e3f1ee;--shadow:#00000059}[data-theme=daylight]{--page:#f4f1e6;--ink:#10201f;--muted:#2f4a47;--felt:#138a8a;--felt-edge:#0b5f5f;--slot:#0f7a7a;--die:#fffdf6;--die-edge:#2a2a24;--pip:#111;--kept:#ffe59a;--btn:#fff;--btn-ink:#10201f;--btn-edge:#4b6b67;--primary:#0b5f5f;--primary-ink:#fff;--box:#fff;--box-ink:#10201f;--box-sub:#2f4a47;--box-edge:#0b5f5f;--done:#d5e8e3;--done-ink:#10201f;--done-edge:#6a8a85;--hint:#a8410a;--hint-felt:#fff;--turn:#0b5f5f;--focus:#1b4fae;--sheet:#fff;--sheet-ink:#10201f;--sheet-muted:#2f4a47;--sheet-btn:#e8f1ee;--shadow:#14282840}[data-theme=contrast]{--page:#000;--ink:#fff;--muted:#f0f0f0;--felt:#000;--felt-edge:#ffd23f;--slot:#777;--die:#fff;--die-edge:#fff;--pip:#000;--kept:#ffd23f;--btn:#000;--btn-ink:#fff;--btn-edge:#fff;--primary:#ffd23f;--primary-ink:#000;--box:#fff;--box-ink:#000;--box-sub:#000;--box-edge:#ffd23f;--done:#1a1a1a;--done-ink:#fff;--done-edge:#9a9a9a;--hint:#38d1ff;--hint-felt:#38d1ff;--turn:#ffd23f;--focus:#38d1ff;--sheet:#111;--sheet-ink:#fff;--sheet-muted:#f0f0f0;--sheet-btn:#2a2a2a;--shadow:#0000}