:root{--win-a:#4560d6;--win-b:#22349b;--win-c:#0b1550;--edge:#e3e6ef;--edge-shade:#8a92b4;--ink:#fff;--cyan:#8fd6ff;--gold:#ffd84a;--hp:#3fd27b;--hp-2:#b8f56a;--low:#ff5a4a;--mp:#4c94ff;--mp-2:#a8d8ff;--bad:#ff9c8f;--font:"Exo 2", ui-sans-serif, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#000;min-height:100%;margin:0}body{color:var(--ink);font:500 18px/1.35 var(--font);text-shadow:1px 1px #000;-webkit-font-smoothing:antialiased}a{color:var(--cyan)}.stage{place-items:center;min-height:100vh;padding:16px;display:grid}.screen{grid-template-columns:minmax(0,1fr) 200px;grid-template-areas:"main side""help help";gap:10px;width:min(960px,100%);display:grid}.win{background:linear-gradient(160deg, var(--win-a) 0%, var(--win-b) 48%, var(--win-c) 100%);border:2px solid var(--edge);border-right-color:var(--edge-shade);border-bottom-color:var(--edge-shade);color:var(--ink);border-radius:8px;box-shadow:inset 0 0 0 1px #080e3ce6,inset 0 0 0 2px #ffffff14}.main-win{grid-area:main;min-height:460px;padding:20px 24px;position:relative}.side{grid-area:side;align-content:start;gap:10px;display:grid}.help{grid-area:help;padding:8px 16px;font-size:17px}.pop{gap:16px;animation:.16s ease-out both unfold;display:grid}@keyframes unfold{0%{opacity:.6;transform:scaleY(.04)}to{opacity:1;transform:none}}.win-title{letter-spacing:.02em;margin:0;font-size:20px;font-weight:600}.label{color:var(--cyan);margin-right:6px;font-size:15px;font-weight:500}.lead{margin:0;font-size:19px}.blink{animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.menu{gap:2px 18px;display:grid}.menu-item{all:unset;cursor:pointer;font:inherit;color:var(--ink);text-shadow:1px 1px #000;border-radius:4px;align-items:baseline;gap:14px;padding:5px 8px 5px 44px;display:flex;position:relative}.menu-item:focus-visible{background:#ffffff14;outline:none}.menu-item.is-disabled{color:#8b93b8}.menu-aside{color:#b9c4ee;font-size:15px;font-weight:400}.glove{filter:drop-shadow(1px 1px #0009);animation:.5s ease-in-out infinite alternate bob;position:absolute;top:50%;left:0;translate:0 -50%}@keyframes bob{0%{transform:translate(-3px)}to{transform:translate(2px)}}.glove-inline{vertical-align:middle;margin-right:8px;animation:.5s ease-in-out infinite alternate bob}@media (prefers-reduced-motion:reduce){.glove,.glove-inline,.blink,.pop{animation:none}}.party-row{align-items:center;gap:16px;display:flex}.portrait{border:2px solid var(--edge);width:64px;height:64px;color:var(--gold);background:#0a1040;border-radius:6px;flex:none;place-items:center;font-size:30px;font-weight:600;display:grid}.portrait.hurt{color:#c9cfe6}.stats{flex:1;gap:2px;font-size:17px;display:grid}.stats .name{font-size:20px;font-weight:600}.bar-row{grid-template-columns:auto auto 1fr;align-items:center;gap:4px 8px;max-width:360px;display:grid}.bar{background:#1b1b1f;border-radius:2px;grid-column:1/-1;height:5px;overflow:hidden;box-shadow:0 1px #ffffff26}.bar i{background:linear-gradient(90deg, var(--hp), var(--hp-2));height:100%;transition:width .35s;display:block}.bar i.low{background:linear-gradient(90deg, #d8382a, var(--low))}.bar i.mp{background:linear-gradient(90deg, var(--mp), var(--mp-2))}.sub-win{border-top:1px solid #fff3;padding-top:14px}.time-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;display:grid}.form{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.field{gap:4px;display:grid}.field:last-of-type{grid-column:1/-1}.field input,.field textarea{font:500 17px var(--font);color:var(--ink);text-shadow:none;background:#05092899;border:1px solid #7f8bc4;border-radius:4px;width:100%;padding:9px 10px}.field textarea{resize:vertical}.field input:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.field ::placeholder{color:#6f78a8;font-style:italic;font-weight:400}.has-error input,.has-error textarea{border-color:var(--bad)}.field-error{color:var(--bad);font-size:15px}.cta{all:unset;cursor:pointer;border:2px solid var(--edge);font:600 18px var(--font);text-shadow:1px 1px #000;background:#ffffff14;border-radius:6px;grid-column:1/-1;justify-self:start;padding:8px 18px 8px 12px}.cta:hover,.cta:focus-visible{background:#ffffff29;outline:none}.summary{grid-template-columns:auto 1fr;gap:6px 18px;margin:0;font-size:18px;display:grid}.summary dt{color:var(--cyan);padding-top:2px;font-size:15px}.summary dd{overflow-wrap:anywhere;margin:0}.fanfare{color:var(--gold);letter-spacing:.02em;margin:0;font-size:34px;font-weight:600;animation:.5s ease-out both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.spoils{color:var(--gold);margin:0;font-size:16px}.msg{color:var(--bad);margin:16px 0 0;font-size:17px}.steps{gap:2px;padding:10px 8px;display:grid}.step{color:#aab4e0;padding:4px 8px 4px 44px;font-size:18px;position:relative}.step.is-on{color:var(--ink)}.clock{gap:2px;padding:8px 14px;font-size:17px;display:grid}.clock div{justify-content:space-between;gap:8px;display:flex}.sound{all:unset;cursor:pointer;font:500 16px var(--font);text-shadow:1px 1px #000;background:linear-gradient(160deg, var(--win-a) 0%, var(--win-b) 48%, var(--win-c) 100%);border:2px solid var(--edge);border-right-color:var(--edge-shade);border-bottom-color:var(--edge-shade);border-radius:8px;padding:7px 14px}.sound:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.brand{color:#7c84a8;text-align:center;text-shadow:none;margin:14px 0 0;font-size:14px}@media (width<=720px){body{font-size:17px}.screen{grid-template-columns:minmax(0,1fr);grid-template-areas:"side""main""help"}.side{grid-template-columns:1fr auto}.steps{grid-column:1/-1;grid-template-columns:repeat(4,auto);justify-content:start;gap:0 4px;padding:6px}.step{padding:4px 6px 4px 34px;font-size:15px}.step:not(.is-on){padding-left:6px}.main-win{min-height:0;padding:16px}.time-grid,.form{grid-template-columns:minmax(0,1fr)}.menu-aside{display:none}}.menu:not(:focus-within) .glove{opacity:.45;animation:none}.menu:not(:focus-within) .menu-item.is-focus{background:0 0}.menu-group{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;padding:10px 0 2px 8px;font-size:14px;font-weight:600}.menu-group:first-child{padding-top:0}.warn-title{color:var(--gold)}.warning{font-size:18px}.warning p{margin:0 0 8px}.warning ul{gap:6px;margin:0 0 10px;padding-left:20px;display:grid}.warning strong{color:var(--gold);font-weight:600}.menu-label{white-space:nowrap}.portrait-img{object-fit:cover;filter:drop-shadow(2px 2px #00000073);flex:none;width:116px;height:116px;margin:-10px -4px -10px -8px}@media (width<=720px){.portrait-img{width:92px;height:92px}}.portrait{margin:0 22px 0 18px}@media (width<=720px){.portrait{margin:0 8px 0 6px}}.device-img{width:100px;height:100px;margin:-6px 4px -6px 0}@media (width<=720px){.device-img{width:82px;height:82px}}.cta.ghost{background:0 0;border-color:#7f8bc4;font-weight:500}.history{gap:4px;margin:0;padding:0;font-size:17px;list-style:none;display:grid}.history li span:first-child{color:var(--cyan);margin-right:8px}.steps .menu-aside{color:var(--gold);font-weight:600}.lines{grid-column:1/-1;gap:8px;display:grid}.line{grid-template-columns:minmax(0,1fr) 64px 72px 92px 28px;align-items:center;gap:8px;display:grid}.line input{font:500 16px var(--font);color:var(--ink);width:100%;text-shadow:none;background:#05092899;border:1px solid #7f8bc4;border-radius:4px;padding:8px}.line input:focus{outline:2px solid var(--gold)}.line .amount{text-align:right}.line .x{all:unset;cursor:pointer;text-align:center;color:var(--bad);font-size:20px}.total{text-align:right;grid-column:1/-1;margin:0;font-size:18px}.total strong{color:var(--gold);margin-left:10px;font-size:22px}.hint{color:#b9c4ee;margin:0;font-size:15px}@media (width<=720px){.line{grid-template-columns:minmax(0,1fr) 56px 64px}.line .amount,.line .x{display:none}}