:root{--bg-0: #d6e8e6;--bg-1: #e8f1e1;--bg-2: #faf1da;--navy: #e2eedf;--ink: #2b4536;--ink-dim: #557362;--logo-edge: #2f5a45;--hi: 28 92 60;--edge: 79 125 98;--gloss: linear-gradient(115deg, transparent 0 56%, rgb(255 255 255 / .26) 56% 63%, transparent 63% 68%, rgb(255 255 255 / .14) 68% 71%, transparent 71%), linear-gradient(180deg, rgb(255 255 255 / .62), rgb(255 255 255 / 0) 26%);--gloss-btn: linear-gradient(180deg, rgb(255 255 255 / .5) 0, rgb(255 255 255 / .16) 46%, rgb(255 255 255 / 0) 50%);--gloss-soft: linear-gradient(180deg, rgb(255 255 255 / .45), rgb(255 255 255 / 0) 40%);--panel-a: 252 249 238;--panel-b: 216 232 211;--scrim: 118 158 134;--sel: #f5adc7;--cyan: #4aaed6;--mint: #58bb8d;--pink: #ee7ba7;--violet: #9a82e6;--gold: #eebd3a;--orange: #f0995a;--red: #e86c6c;--blue: #5ba3e4;--cyan-ink: #0f6f96;--mint-ink: #1b7a49;--pink-ink: #b52a66;--violet-ink: #5a3cc0;--gold-ink: #8a5a00;--orange-ink: #a84c0c;--red-ink: #bf2a30;--blue-ink: #1a62b0;--font-title: "Fredoka", "Nunito", "Noto Sans Thai", system-ui, sans-serif;--font-body: "Nunito", system-ui, "Noto Sans Thai", sans-serif;--stars: none;--rune-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100' fill='none' stroke='%231e9ccc'%3E%3Ccircle r='48' stroke-width='.4'/%3E%3Ccircle r='47.2' stroke-width='1.2' stroke-dasharray='.35 5.8'/%3E%3Ccircle r='46' stroke-width='.4'/%3E%3Ccircle r='41' stroke='%23e8508f' stroke-width='3' stroke-dasharray='2 1 .6 1 3.2 1.4 .8 2' opacity='.8'/%3E%3Ccircle r='36' stroke-width='.4'/%3E%3Ccircle r='34.6' stroke-width='.3' stroke-dasharray='1 1.5'/%3E%3Cpath stroke='%237c5cdc' stroke-width='.5' d='M0-34.6 30 17.3H-30zM0 34.6 30-17.3H-30z'/%3E%3Ccircle r='17.3' stroke-width='.4'/%3E%3Ccircle r='8' stroke='%232a9d63' stroke-width='.4'/%3E%3C/svg%3E");color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--stars) 0 0 / 320px 320px,radial-gradient(ellipse at 50% 18%,var(--bg-2) 0%,var(--bg-1) 45%,var(--bg-0) 100%) fixed,var(--bg-0);color:var(--ink);font:15px/1.5 var(--font-body)}#app{display:grid;place-items:start center;padding:max(24px,env(safe-area-inset-top)) 16px 48px}h1,h2,h3{font-weight:700;letter-spacing:.04em;margin:0}p{margin:4px 0}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-dim)}.small{font-size:12px}.center{text-align:center}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sprite{image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}label,.field-label{font-size:13px;color:var(--ink-dim);margin-top:4px}button{position:relative;min-height:44px;padding:2px 14px 2px 26px;font:16px/1.1 var(--font-body);letter-spacing:.03em;color:var(--ink);background:none;border:8px solid transparent;border-radius:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{opacity:.35;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--ink);width:100%;min-height:44px;padding:8px 10px;background:#ffffffe6;border:2px solid rgb(var(--edge) / .7);border-radius:2px}textarea{resize:vertical;min-height:96px}input::placeholder,textarea::placeholder{color:#7a9a86}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px #1e9ccc4d,0 0 12px #1e9ccc40}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{margin:4px;border-radius:999px;background:rgb(var(--hi) / .08);box-shadow:inset 0 0 0 2px rgb(var(--edge) / .35)}::-webkit-scrollbar-thumb{min-height:44px;min-width:44px;border-radius:999px;border:3px solid transparent;background:rgb(var(--edge) / .85) padding-box;box-shadow:inset 0 0 0 1px #ffffff59}::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{background:var(--mint) padding-box}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:rgb(var(--edge) / .85) rgb(var(--hi) / .08)}}.key-art{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;display:grid;place-items:center;overflow:hidden;pointer-events:none}.key-art:before{content:"";width:min(96vmin,820px);aspect-ratio:1;background:var(--rune-circle) center / contain no-repeat;opacity:.3;animation:au-spin 240s linear infinite}.key-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 35%,rgb(var(--scrim) / .85) 100%)}@keyframes au-spin{to{transform:rotate(1turn)}}body.calm .key-art:before{animation:none}.au-screen,.au-modal{color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5}.au-screen svg,.au-modal svg{filter:none}.au-window{position:relative;width:100%;min-width:0;min-height:0;max-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--gloss),linear-gradient(160deg,rgb(var(--panel-a) / .92),rgb(var(--panel-b) / .96));border:2px solid rgb(var(--edge) / .5);border-radius:20px;box-shadow:0 18px 60px rgb(var(--hi) / .3);animation:au-in .16s ease-out}@keyframes au-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}body.calm .au-window,.au-modal.calm .au-window{animation:none}.au-head{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 20px 12px;border-bottom:1px solid rgb(var(--hi) / .16)}.au-title{flex:1 1 auto;display:flex;align-items:center;gap:10px;min-width:0;margin:0;font-size:1em}.au-title-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#4a3a12;background:linear-gradient(160deg,#ffe9a8,#e8c36a);box-shadow:0 0 0 2px rgb(var(--hi) / .55),0 3px 10px rgb(var(--hi) / .21)}.au-title-icon svg{width:26px;height:26px}.au-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25em;font-weight:700;letter-spacing:.04em}.au-body{min-height:0;padding:18px 20px}.au-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:14px 20px 18px;border-top:1px solid rgb(var(--hi) / .12)}button.au-close{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;color:#fff;border-radius:12px;background:var(--gloss-btn),linear-gradient(180deg,#f08a8a,#d4616b);border:2px solid rgb(var(--hi) / .85);box-shadow:0 3px 10px rgb(var(--hi) / .24)}button.au-close:hover:not(:disabled){background:var(--gloss-btn),linear-gradient(180deg,#f59c9c,#dd7078)}.au-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font:800 15px/1.1 var(--font-body);letter-spacing:.02em;white-space:nowrap;color:var(--ink);background:rgb(var(--hi) / .1);border:2px solid rgb(var(--edge) / .7);touch-action:manipulation;transition:background .12s,border-color .12s,transform 80ms}.au-btn:hover:not(:disabled){background:rgb(var(--hi) / .2);border-color:rgb(var(--hi) / .5)}.au-btn:active:not(:disabled){transform:scale(.97)}.au-btn:disabled{opacity:.4}.au-btn:focus-visible,button.au-close:focus-visible,.au-seg-btn:focus-visible,button.cs-step:focus-visible,.sl-new:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.au-btn.primary{color:#10281e;background:var(--gloss-btn),linear-gradient(180deg,#93dcb9,#5bb98c);border:2px solid rgb(var(--hi) / .8);box-shadow:0 3px 10px rgb(var(--hi) / .24)}.au-btn.primary:hover:not(:disabled){background:var(--gloss-btn),linear-gradient(180deg,#93dcb9,#5bb98c);border-color:#fff;filter:brightness(1.08)}.au-btn.primary:disabled{opacity:1;color:rgb(var(--hi) / .55);background:rgb(var(--hi) / .1);border-color:rgb(var(--hi) / .2);box-shadow:none}.au-btn.danger{color:var(--red-ink);background:#ff5a7a24;border-color:#ff78968c}.au-btn.danger:hover:not(:disabled){color:var(--ink);background:#ff5a7a52;border-color:#ff96aacc}.au-btn.danger.solid{color:#fff;background:var(--gloss-btn),linear-gradient(180deg,#f08a8a,#d4616b);border:2px solid rgb(var(--hi) / .8);box-shadow:0 3px 10px rgb(var(--hi) / .24)}.au-btn.danger.solid:hover:not(:disabled){background:var(--gloss-btn),linear-gradient(180deg,#f59c9c,#dd7078)}.au-btn.danger.solid:disabled{opacity:1;color:rgb(var(--hi) / .5);background:rgb(var(--hi) / .1);border-color:rgb(var(--hi) / .2);box-shadow:none}.au-btn.sm{min-height:36px;padding:0 14px;font-size:13px}.au-btn.sm:after{content:"";position:absolute;top:-6px;right:-2px;bottom:-6px;left:-2px}.au-btn.round{width:48px;min-width:48px;padding:0;background:rgb(var(--panel-b) / .55);border-color:rgb(var(--hi) / .5);box-shadow:0 6px 18px rgb(var(--hi) / .17)}.au-btn.round:hover:not(:disabled){background:rgb(var(--hi) / .22);border-color:#fff}.au-btn.round svg{width:22px;height:22px}.au-btn.flip svg{transform:scaleX(-1)}.au-btn.start{min-width:min(300px,100%);min-height:60px;font-size:18px;letter-spacing:.03em}.au-input{width:100%;min-height:48px;padding:0 16px;font:600 16px var(--font-body);color:var(--ink);background:rgb(var(--hi) / .08);border:2px solid rgb(var(--edge) / .7);border-radius:14px;outline:none;user-select:text;-webkit-user-select:text;transition:border-color .12s,background .12s}.au-input:focus{border-color:var(--cyan);background:rgb(var(--hi) / .12);box-shadow:0 0 0 2px #4ff0ff38}.au-label{display:block;margin:0 0 6px;color:var(--ink-dim);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.au-hint{margin:6px 0 0;color:var(--ink-dim);font-size:12px}.au-muted{color:var(--ink-dim)}.au-lead{margin:0 0 14px;color:var(--ink-dim)}.au-error{min-height:1.5em;margin:8px 0 0;color:var(--red-ink);font-weight:600}.au-error:empty{display:none}.au-danger-text{color:var(--red-ink)}.au-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:20px;white-space:nowrap;color:var(--ink);background:rgb(var(--hi) / .12);box-shadow:inset 0 0 0 1.5px rgb(var(--edge) / .45)}.au-chip b{color:var(--ink)}.au-chip.lv{color:var(--gold-ink);background:#ffd84d29}.au-chip.joblv{color:var(--mint-ink);background:#5cffb824}.au-chip.dev{color:var(--gold-ink);background:#ffd84d1f}.au-chip.early{color:var(--gold-ink);background:#ffd84d33;font-weight:800;letter-spacing:.04em}.au-bar{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px}.au-bar-label{font-weight:800;color:var(--g1)}.au-bar-track{height:8px;border-radius:999px;background:rgb(var(--hi) / .14);overflow:hidden;box-shadow:inset 0 0 0 1.5px rgb(var(--edge) / .45)}.au-bar.sp .au-bar-track{height:6px}.au-bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--g0),var(--g1));box-shadow:inset 0 1px rgb(var(--hi) / .35)}.au-bar.hp{--g0: var(--red);--g1: var(--orange)}.au-bar.sp{--g0: var(--blue);--g1: var(--violet)}.au-bar-value{min-width:6ch;text-align:right;color:var(--ink)}.au-footer{flex:none;width:100%;display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 12px 2px;border:solid transparent;border-width:1px 0 0;border-image:linear-gradient(90deg,transparent,rgb(var(--hi) / .22),transparent) 1;font-size:12px;color:var(--ink-dim);text-align:center}.au-foot-about{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 18px}.au-brand{color:var(--ink);font-weight:700;letter-spacing:.08em}.au-legal{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:0 14px}.au-community{display:inline-flex;align-items:center;gap:6px}.au-community-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:2px solid rgb(var(--edge) / .6);color:var(--ink);background:rgb(var(--hi) / .04)}.au-community-icon{display:inline-flex}.au-community-icon svg{width:18px;height:18px}a.au-community-link:hover{border-color:var(--mint);color:var(--mint-ink)}a.au-community-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.au-community-link.off{opacity:.45;cursor:default}@media (pointer: coarse){.au-community-link{width:44px;height:44px}}.au-link{display:inline-flex;align-items:center;min-height:32px;padding:0 2px;color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:rgb(var(--hi) / .35);text-underline-offset:3px}.au-link:hover,.au-early:hover .au-early-more{text-decoration-color:currentColor}.au-link:focus-visible,.au-early:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}.au-link.inline{display:inline;position:relative;min-height:0;padding:0}.au-link.inline:after{content:"";position:absolute;top:-14px;right:-4px;bottom:-14px;left:-4px}.au-early{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 8px;min-height:32px;padding:2px 8px;color:var(--ink);font-weight:600;text-decoration:none}.au-early-more{font-weight:700;text-decoration:underline;text-decoration-color:rgb(var(--hi) / .35);text-underline-offset:3px}@media (pointer: coarse){.au-link,.au-early{min-height:44px}.au-link.inline{min-height:0}}.lg-main{margin:auto 0;width:100%;display:grid;justify-items:center;gap:26px}.lg-logo{text-align:center}.lg-logo h1{margin:0;letter-spacing:0}.lg-mark{display:block;width:210px;max-width:100%;height:auto;aspect-ratio:1;margin:0 auto;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 8px 14px rgb(var(--hi) / .3))}.lg-early{position:relative;display:flex;width:fit-content;margin:-8px auto 0;padding:3px 16px;font-size:13px;line-height:20px;text-decoration:none;cursor:pointer}.lg-early:hover{background:#ffd84d57}.lg-early:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.lg-early:after{content:"";position:absolute;top:-12px;right:-8px;bottom:-12px;left:-8px}.lg-screen .au-early .au-chip{display:none}@media (max-height: 520px){.lg-mark{width:120px}.lg-main{gap:12px}.au-footer{padding-top:6px}.au-link:not(.inline),.au-early{position:relative;min-height:26px}.au-link:not(.inline):after,.au-early:after{content:"";position:absolute;top:-9px;right:-4px;bottom:-9px;left:-4px}}.lg-card{width:min(420px,100%)}.lg-lead{margin:0 0 6px;color:var(--ink-dim);font-size:14px;text-align:center;text-wrap:balance}.lg-google{display:flex;justify-content:center;min-height:44px;margin:14px 0 4px}.lg-dev{display:grid;gap:6px;margin-top:14px;padding-top:16px;border-top:1px solid rgb(var(--hi) / .12)}.lg-dev .au-btn{width:100%;margin-top:8px}.lg-card .au-error:empty{min-height:0;margin:0}.sl-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:8px 12px 8px 16px;background:rgb(var(--panel-b) / .55);border:2px solid rgb(var(--edge) / .5);border-radius:16px;box-shadow:0 6px 18px rgb(var(--hi) / .17)}.sl-who{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0}.sl-email{min-width:0;overflow-wrap:anywhere;font-size:13px;color:var(--ink-dim)}.sl-gem{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 10px;border-radius:999px;font-size:14px;color:var(--cyan-ink);background:rgb(var(--hi) / .08);border:2px solid rgb(var(--edge) / .7)}.sl-gem svg{flex:none;width:20px;height:20px}.sl-gem b{color:var(--ink);font-weight:700}.sl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sl-screen{width:min(860px,100%);display:grid;gap:14px}.sl-window{width:100%}.sl-slots{flex:none;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;color:var(--ink-dim);background:rgb(var(--hi) / .08);border:2px solid rgb(var(--edge) / .5)}.sl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px 16px;padding-top:6px}.sl-card{position:relative;min-width:0;display:flex;flex-direction:column;gap:12px;padding:14px;cursor:pointer;border-radius:16px;background:rgb(var(--hi) / .06);border:2px solid rgb(var(--edge) / .5);transition:background .14s,border-color .14s,box-shadow .14s}.sl-card:hover{background:rgb(var(--hi) / .1);border-color:rgb(var(--hi) / .3)}.sl-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sl-card.selected{background:#5cffb814;border-color:var(--mint);box-shadow:0 0 0 1px #5cffb84d,0 0 26px #5cffb829}.sl-badge{display:none;position:absolute;z-index:1;top:-12px;right:12px;align-items:center;gap:4px;padding:2px 11px 2px 8px;border-radius:999px;font-size:12px;font-weight:800;color:#06281c;background:var(--mint);box-shadow:0 2px 8px rgb(var(--hi) / .21)}.sl-badge svg{width:14px;height:14px;stroke-width:3}.sl-card.selected .sl-badge{display:inline-flex}.sl-top{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.sl-portrait{position:relative;width:62px;height:62px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,#9fe0bd,#5fba8c 75%);box-shadow:0 0 0 2px rgb(var(--hi) / .5),0 2px 8px rgb(var(--hi) / .24)}.sl-portrait .sprite{position:absolute;left:50%;top:0;max-width:none;transform:translate(-50%,1px)}.sl-name{font:800 18px/1.2 var(--font-body);letter-spacing:.01em;overflow-wrap:anywhere}.sl-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.sl-chips .au-chip{padding:0 8px;font-size:11.5px}.sl-bars{display:grid;gap:7px}.sl-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid rgb(var(--hi) / .12);font-size:13px;color:var(--ink-dim)}.sl-where{display:inline-flex;align-items:center;gap:6px;min-width:0}.sl-where svg{flex:none}.sl-where span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-card.pending{cursor:default;opacity:.75}.sl-card.pending:hover{background:rgb(var(--hi) / .06);border-color:rgb(var(--hi) / .14)}.sl-card.pending .sl-portrait{filter:grayscale(1) brightness(.75)}.sl-pending{width:fit-content;margin:0;padding:2px 12px;border-radius:999px;font-size:12px;font-weight:800;color:var(--red-ink);background:#ff5a7a33;border:1px solid rgba(255,120,150,.55)}.sl-new{min-height:188px;padding:0;display:grid;place-content:center;justify-items:center;gap:10px;border-radius:16px;font-weight:700;color:var(--ink-dim);background:rgb(var(--hi) / .03);border:2px dashed rgb(var(--hi) / .26);transition:background .14s,border-color .14s,color .14s}.sl-plus{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--mint-ink);background:rgb(var(--hi) / .1);border:2px solid rgb(var(--edge) / .7);transition:background .14s,border-color .14s}.sl-new:hover{color:var(--ink);background:#5cffb80f;border-color:var(--mint)}.sl-new:hover .sl-plus{background:#5cffb833;border-color:var(--mint)}.sl-card.closed{cursor:default;opacity:.7}.sl-card.closed:hover{background:rgb(var(--hi) / .06);border-color:rgb(var(--edge) / .5)}.sl-card.closed .sl-portrait{filter:grayscale(1) brightness(.75)}.sl-closed{display:inline-flex;align-items:center;gap:5px;width:fit-content;margin:0;padding:2px 12px;border-radius:999px;font-size:12px;font-weight:800;color:var(--gold-ink);background:rgb(var(--hi) / .08);border:2px solid rgb(var(--edge) / .6)}.sl-new small{font-size:12px;font-weight:600;opacity:.8}.sl-slot-locked{min-height:188px;display:grid;place-content:center;justify-items:center;gap:6px;padding:12px;text-align:center;border-radius:16px;color:var(--ink-dim);background:rgb(var(--hi) / .04);border:2px dashed rgb(var(--edge) / .5)}.sl-slot-locked b{font-size:15px;color:var(--ink)}.sl-slot-locked span{font-size:12.5px;font-weight:700}.sl-slot-locked svg{color:var(--gold-ink)}.sl-pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px}.sl-pager .au-btn{min-width:44px}.sl-pager .sl-page.on{color:#06281c;background:var(--mint);border-color:var(--mint)}.sl-hint{margin:16px 0 0;text-align:center;font-size:13px;color:var(--ink-dim)}.sl-chosen{color:var(--mint-ink);font-weight:700}.sl-window .au-error:empty{min-height:0;margin:0}body.fit{height:100vh;height:100dvh;min-height:0;overflow:hidden}body.fit #app{height:100%;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));grid-template-rows:minmax(0,1fr);place-items:stretch center;overflow:hidden}body.fit .lg-screen,body.fit .sl-screen{--fit: 1;--design-w: 860px;width:var(--design-w);height:calc(100% / var(--fit));min-height:0;align-self:start;justify-self:start;margin-left:calc((100% - var(--design-w)) / 2);display:flex;flex-direction:column;align-items:center;transform:scale(var(--fit));transform-origin:top center}.sl-screen{gap:14px}.sl-screen .sl-bar{flex:none;width:100%}.sl-main{flex:1 0 auto;width:100%;display:grid;align-content:center}.au-foot .au-btn.start{margin:0 auto}body.au-fixed{height:100vh;height:100dvh;min-height:0;overflow:hidden}body.au-fixed #app{height:100%;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));grid-template-rows:minmax(0,1fr);place-items:center;overflow:hidden}.cs-screen{width:100%;height:100%;min-height:0;display:grid;place-items:center}.cs-window{width:min(1000px,100%);font-size:clamp(14px,2.2vh,16px)}.cs-window .au-body{overflow-y:auto;overscroll-behavior:contain}.cs-window .au-foot{justify-content:flex-end}.cs-window .au-foot .au-btn{min-width:260px}.cs-errors{flex:1 1 100%;margin:0;text-align:right}.cs-errors:empty{display:none}.cs-errors p{margin:0}.cs-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}.cs-side{display:grid;gap:16px;min-width:0}.cs-panel{min-width:0;display:grid;gap:10px;padding:14px;border-radius:16px;background:rgb(var(--hi) / .05);border:2px solid rgb(var(--edge) / .5)}.cs-h{font:800 1.08em var(--font-body);letter-spacing:.04em}.cs-h-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cs-points{color:var(--ink-dim);font-size:.95em;white-space:nowrap}.cs-points b{margin-left:4px;font-size:1.35em;color:var(--gold-ink)}.cs-look{grid-template-columns:minmax(0,1fr);justify-items:stretch}.cs-stage{position:relative;justify-self:center;width:calc(64px * var(--k, 4) + 24px);max-width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:20px;border:2px solid rgb(var(--edge) / .5);background:radial-gradient(circle at 50% 62%,rgba(166,120,255,.35),transparent 66%)}.cs-stage:before{content:"";position:absolute;top:3%;right:3%;bottom:3%;left:3%;background:var(--rune-circle) center / contain no-repeat;opacity:.45}.cs-stage .sprite{position:relative;z-index:1;animation:au-bob 1.2s steps(2) infinite}.cs-shadow{position:absolute;left:50%;bottom:17%;width:40%;height:7%;transform:translate(-50%);border-radius:50%;background:rgb(var(--scrim) / .55)}@keyframes au-bob{50%{transform:translateY(-4px)}}body.calm .cs-stage .sprite{animation:none}.cs-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.cs-field{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.cs-field .au-label{margin:0}.au-seg{display:flex;padding:3px;gap:3px;border-radius:999px;background:rgb(var(--hi) / .08);border:2px solid rgb(var(--edge) / .5)}.au-seg-btn{min-width:78px;min-height:44px;padding:0 16px;border:0;border-radius:999px;font-weight:800;color:var(--ink-dim);transition:background .12s,color .12s}.au-seg-btn:hover{color:var(--ink);background:rgb(var(--hi) / .1)}.au-seg-btn[aria-pressed=true],.au-seg-btn[aria-pressed=true]:hover{color:#1a1030;background:var(--sel)}.cs-turn{display:flex;gap:8px}.cs-rows{display:grid;gap:8px}.cs-row{display:grid;grid-template-columns:3.1em 44px 64px 44px 3.2em minmax(0,1fr);align-items:center;gap:8px}.cs-stat{font-weight:800;font-size:1.05em;letter-spacing:.04em}button.cs-step{display:grid;place-items:center;width:44px;height:44px;padding:0;color:#fff;border-radius:50%;background:var(--gloss-btn),linear-gradient(180deg,#86bbea,#5f93d8);border:2px solid rgb(var(--hi) / .85);box-shadow:0 3px 8px rgb(var(--hi) / .21);touch-action:manipulation}button.cs-step.minus{background:var(--gloss-btn),linear-gradient(180deg,#8aa0c8,#5d78a8)}button.cs-step:hover:not(:disabled){filter:brightness(1.12)}button.cs-step:active:not(:disabled){transform:scale(.92)}button.cs-step:disabled{color:rgb(var(--hi) / .4);background:rgb(var(--hi) / .12);border-color:rgb(var(--hi) / .2);box-shadow:none;cursor:not-allowed}input.cs-value{width:100%;min-width:0;height:44px;padding:0 6px;text-align:center;font:800 1.1em var(--font-body);color:var(--ink);background:rgb(var(--hi) / .1);border:2px solid rgb(var(--edge) / .5);border-radius:999px;outline:none;user-select:text;-webkit-user-select:text;caret-color:var(--gold)}input.cs-value:focus{background:rgb(var(--hi) / .18);border-color:var(--gold);box-shadow:0 0 0 2px #ffd84d40}.cs-cost{color:var(--ink-dim);font-size:.9em;white-space:nowrap}.cs-hint{color:var(--ink-dim);font-size:.82em;line-height:1.3}.cs-derived{display:flex;flex-wrap:wrap;gap:8px}dialog.au-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:transparent;color:var(--ink)}dialog.au-modal[open]{display:grid;place-items:center;padding:16px}dialog.au-modal::backdrop{background:rgb(var(--scrim) / .62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog.au-modal .au-window{width:min(460px,100%)}dialog.au-modal .au-body{overflow-y:auto;overscroll-behavior:contain}.au-danger{border-color:#ff5a7ab3;box-shadow:0 18px 50px rgb(var(--hi) / .3),0 0 0 1px #ff5a7a33}.au-danger .au-title-icon{color:#fff;background:linear-gradient(160deg,#f29aa6,#d4616b)}.au-danger .au-body{display:grid;gap:6px}.au-danger .au-foot{justify-content:flex-end}@media (max-width: 760px){.cs-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 760px) and (min-height: 461px){.cs-window .au-foot .au-btn{min-width:0;width:100%}.cs-errors{text-align:left}}@media (max-width: 560px){.au-head{padding:12px 14px 10px}.au-body{padding:14px}.au-foot{padding:12px 14px 14px}.cs-row{grid-template-columns:3em 44px minmax(0,1fr) 44px 3em}.cs-hint{grid-column:1 / -1;margin-top:-4px}}@media (max-height: 820px) and (min-width: 761px){.cs-window .au-head{padding:8px 20px 6px}.cs-window .au-body{padding:12px 20px}.cs-window .au-foot{padding:8px 20px 10px}.cs-grid,.cs-side{gap:12px}.cs-panel{padding:12px;gap:8px}.cs-rows{gap:6px}}@media (max-height: 460px){.cs-window .au-head{padding:8px 14px 6px}.cs-window .au-title-icon{width:36px;height:36px}.cs-window .au-title-icon svg{width:22px;height:22px}.cs-window .au-body{padding:10px 14px}.cs-grid{gap:10px}.cs-panel{padding:10px;gap:8px}.cs-window .au-foot{flex-wrap:nowrap;justify-content:space-between;gap:12px;padding:8px 14px 10px}.cs-errors{flex:1 1 auto;order:-1;text-align:left;font-size:12px}.cs-window .au-foot .au-btn{flex:none;min-width:0;min-height:44px;padding:0 20px}.au-danger .au-head{padding:8px 14px 6px}.au-danger .au-title-icon{width:36px;height:36px}.au-danger .au-title-icon svg{width:22px;height:22px}.au-danger .au-body{gap:4px;padding:8px 14px}.au-danger .au-lead,.au-danger .au-hint,.au-danger .au-label{margin:0}.au-danger .au-input{min-height:44px}.au-danger .au-foot{padding:8px 14px 10px}}.cs-points{display:inline-flex;align-items:center;gap:10px}.au-btn.cs-reset{min-height:36px;padding:0 14px;font-size:13px}.sl-deleting{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;margin:0 auto 10px;max-width:760px;padding:8px 14px;border-radius:14px;border:2px solid var(--red);background:#ff5a7a1f;color:var(--red-ink);font-weight:700;text-align:center}.sl-deleting[hidden]{display:none}.lg-guest{display:block;width:280px;max-width:100%;margin:6px auto 4px}svg.px-icon{overflow:visible}svg.px-icon image{image-rendering:pixelated}svg.px-icon.px16{width:16px;height:16px}.sx-icon svg.px-icon image{image-rendering:auto}svg.px-icon.px-soft image{image-rendering:auto}