@import "https://fonts.googleapis.com/css2?family=Lilita+One&family=National+Park:wght@400;600;800&display=swap";:root{--pf-teal:#1a9bb5;--pf-teal-dark:#0f6f82;--pf-teal-ink:#0b5767;--pf-teal-soft:#d8f1f5;--pf-gold:#f5b946;--pf-gold-dark:#c98f1f;--pf-gold-soft:#fff0cf;--pf-cream:#fff8ec;--pf-paper:#fffdf8;--pf-ink:#2c3638;--pf-ink-soft:#56666a;--pf-line:#e6dcc8;--pf-green:#3f9a5f;--pf-green-soft:#e3f5e6;--pf-amber-soft:#fff3d6;--pf-amber-line:#f0c96b;--pf-coral:#f08a7a;--pf-grey:#9aa3a5;--pf-font:"National Park", "Nunito", ui-rounded, "SF Pro Rounded", "Trebuchet MS", system-ui, -apple-system, "Segoe UI", sans-serif;--pf-font-logo:"Lilita One", "Titan One", var(--pf-font);--pf-logo-ink:var(--pf-teal-ink);--pf-touch:44px;--pf-radius:20px;--pf-radius-sm:14px;--pf-shadow:0 10px 30px #143c462e, 0 2px 6px #143c461f;--pf-ledge:0 4px 0;--pf-safe-t:max(12px, env(safe-area-inset-top));--pf-safe-r:max(12px, env(safe-area-inset-right));--pf-safe-b:max(12px, env(safe-area-inset-bottom));--pf-safe-l:max(12px, env(safe-area-inset-left));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--pf-font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.4}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--pf-ink);overscroll-behavior:none;background:#9fdbe6;margin:0}.pf-root{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.pf-world,.pf-hud,.pf-screen,.pf-overlay{position:absolute;inset:0}.pf-hud,.pf-screen,.pf-overlay{pointer-events:none}.pf-screen>*,.pf-overlay>*{pointer-events:auto}.pf-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:where(.pf-root) :focus-visible{outline:3px solid var(--pf-teal-dark);outline-offset:3px;box-shadow:0 0 0 6px #ffffffd9}.pf-card{background:var(--pf-paper);border-radius:var(--pf-radius);box-shadow:var(--pf-ledge) #e3d6bd, var(--pf-shadow);padding:24px 20px;position:relative}.pf-heading{color:var(--pf-teal-ink);margin:0;font-size:clamp(1.45rem,5.5vw,1.9rem);font-weight:800;line-height:1.15}.pf-lead{color:var(--pf-ink-soft);margin:0}.pf-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pf-actions>.pf-btn{flex:140px}.pf-actions--end{justify-content:flex-end}.pf-actions--end>.pf-btn{flex:0 auto}.pf-btn{min-height:48px;min-width:var(--pf-touch);font:inherit;letter-spacing:.01em;color:var(--pf-ink);background:var(--pf-cream);cursor:pointer;touch-action:manipulation;box-shadow:var(--pf-ledge) var(--pf-line);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;padding:8px 20px;font-size:1.05rem;font-weight:800;line-height:1.15;transition:transform 80ms,box-shadow 80ms,filter .12s;display:inline-flex}.pf-btn:hover:not(:disabled){filter:brightness(1.04)}.pf-btn:active:not(:disabled){box-shadow:0 1px 0 var(--pf-line);transform:translateY(3px)}.pf-btn:disabled{cursor:default;opacity:.55;filter:saturate(.4)}.pf-btn--primary{background:var(--pf-gold);color:#3a2a0c;box-shadow:var(--pf-ledge) var(--pf-gold-dark)}.pf-btn--primary:active:not(:disabled){box-shadow:0 1px 0 var(--pf-gold-dark)}.pf-btn--secondary{color:var(--pf-teal-ink);box-shadow:inset 0 0 0 2px var(--pf-teal-soft), var(--pf-ledge) #cfe7ec;background:#fff}.pf-btn--ghost{box-shadow:none;color:var(--pf-teal-ink);text-underline-offset:3px;background:0 0;margin-bottom:0;text-decoration:underline}.pf-btn--big{min-height:56px;padding-inline:28px;font-size:1.2rem}.pf-btn--small{min-height:var(--pf-touch);padding:4px 14px;font-size:.95rem}.pf-icon-btn{width:var(--pf-touch);height:var(--pf-touch);background:var(--pf-cream);color:var(--pf-ink);font:inherit;cursor:pointer;touch-action:manipulation;box-shadow:0 3px 0 var(--pf-line);border:0;border-radius:50%;place-items:center;padding:0;font-size:1.15rem;font-weight:800;display:inline-grid}.pf-screen-view{background:linear-gradient(#9fdbe6,#e4f5ee 65%,#fde8c8);position:absolute;inset:0;overflow:hidden}.pf-island{position:absolute;inset:0}.pf-title-canvas{opacity:0;width:100%;height:100%;transition:opacity .9s ease-out;display:block;position:absolute;inset:0}.pf-island--live .pf-title-canvas{opacity:1}.pf-screen-scroll{overscroll-behavior:contain;touch-action:pan-y;padding:var(--pf-safe-t) var(--pf-safe-r) var(--pf-safe-b) var(--pf-safe-l);display:flex;position:absolute;inset:0;overflow-y:auto}.pf-screen-main{gap:14px;width:min(100%,440px);margin:auto;padding-block:8px;display:grid}.pf-screen-sound{top:var(--pf-safe-t);right:var(--pf-safe-r);z-index:1;position:absolute}.pf-screen-view--title .pf-screen-main{align-content:space-between;min-height:100%;margin:0 auto;padding-block:clamp(8px,3vh,32px)}.pf-title{justify-items:center;margin:0 0 clamp(8px,4vh,32px);display:grid}.pf-logo{font-family:var(--pf-font-logo);justify-items:center;font-size:clamp(3.1rem,15.5vw,4.6rem);font-weight:400;line-height:1;display:grid}.pf-logo-word{white-space:nowrap;filter:drop-shadow(.06em 0 0 var(--pf-cream)) drop-shadow(-.06em 0 0 var(--pf-cream)) drop-shadow(0 .06em 0 var(--pf-cream)) drop-shadow(0 -.06em 0 var(--pf-cream)) drop-shadow(0 .08em 0 #0b576759);display:flex;position:relative}.pf-logo-word--sub{filter:drop-shadow(.1em 0 0 var(--pf-cream)) drop-shadow(-.1em 0 0 var(--pf-cream)) drop-shadow(0 .1em 0 var(--pf-cream)) drop-shadow(0 -.1em 0 var(--pf-cream)) drop-shadow(0 .1em 0 #0b576759);margin-top:-.28em;font-size:.66em}.pf-logo-letter{color:var(--pf-teal);-webkit-text-stroke:.12em var(--pf-logo-ink);paint-order:stroke fill;transform:translateY(var(--y,0)) rotate(var(--r,0deg));animation:.56s cubic-bezier(.34,1.56,.64,1) backwards pf-letter-pop;animation-delay:calc(.12s + var(--i) * 45ms);--d:calc(var(--j) - (var(--n) - 1) / 2);--y:calc(var(--d) * var(--d) * var(--pf-arch-drop,.01em) - .06em + var(--jy));--r:calc(var(--d) * var(--pf-arch-fan,1.6deg) + var(--jr));margin-inline:.022em;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:inline-block}.pf-logo-word--main{--pf-arch-drop:.007em;--pf-arch-fan:1.2deg}.pf-logo-letter:nth-child(4n+1){--jr:-6deg;--jy:.03em}.pf-logo-letter:nth-child(4n+2){--jr:4deg;--jy:-.05em}.pf-logo-letter:nth-child(4n+3){--jr:-3deg;--jy:.02em}.pf-logo-letter:nth-child(4n){--jr:6deg;--jy:-.03em}.pf-logo-word--sub .pf-logo-letter:nth-child(4n+1){--jr:5deg;--jy:-.04em}.pf-logo-word--sub .pf-logo-letter:nth-child(4n+2){--jr:-5deg;--jy:.03em}.pf-logo-word--sub .pf-logo-letter:nth-child(4n+3){--jr:3deg;--jy:-.03em}.pf-logo-word--sub .pf-logo-letter:nth-child(4n){--jr:-4deg;--jy:.02em}@media (hover:hover){.pf-logo-letter:hover{transform:translateY(calc(var(--y,0em) - .12em)) rotate(calc(var(--r,0deg) * -1)) scale(1.08)}}.pf-title-sub{--pf-ribbon-tail:34px;--pf-ribbon-tuck:12px;--pf-ribbon-drop:11px;z-index:0;margin:.7rem calc(var(--pf-ribbon-tail) - 4px) var(--pf-ribbon-drop);filter:drop-shadow(0 3px #a06e1466);animation:.4s ease-out .65s backwards pf-pop-in;display:inline-block;position:relative;transform:rotate(-2deg)}.pf-title-sub:before,.pf-title-sub:after{content:"";z-index:-1;top:var(--pf-ribbon-drop);left:calc(-1 * var(--pf-ribbon-tail));width:calc(var(--pf-ribbon-tail) + var(--pf-ribbon-tuck));background:linear-gradient(to right, #e0a02f calc(100% - var(--pf-ribbon-tuck)), #b07a14 0);height:100%;clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--pf-ribbon-drop)), calc(100% - var(--pf-ribbon-tuck)) 100%, 0 100%, 14px 50%);position:absolute}.pf-title-sub:after{left:auto;right:calc(-1 * var(--pf-ribbon-tail));transform:scaleX(-1)}.pf-title-sub-text{background:linear-gradient(#ffd978 0 22%, var(--pf-gold) 22% 80%, #e8a93a 80%);color:#6b4708;font-family:var(--pf-font-logo);letter-spacing:.12em;text-transform:uppercase;padding:9px 24px 8px;font-size:clamp(1.05rem,4.6vw,1.3rem);display:block;position:relative}.pf-title-sub-text:after{content:"";pointer-events:none;border-block:2px dashed #a06e148c;position:absolute;inset:4px 5px}.pf-title-card{text-align:center;justify-items:center;gap:12px;display:grid}.pf-title-tagline{color:var(--pf-ink-soft);margin:4px 0 0}.pf-title-actions{align-content:start;gap:10px;width:100%;min-height:118px;margin-top:6px;display:grid}.pf-title-hint{color:var(--pf-ink-soft);margin:0;font-size:.92rem}.pf-title-checking{min-height:56px;color:var(--pf-ink-soft);place-items:center;margin:0;font-weight:600;display:grid}.pf-name{overflow-wrap:anywhere}.pf-title-footer{text-align:center;color:#2f5e45;text-shadow:0 1px #fff9;background:#fffdf8bf;border-radius:999px;justify-self:center;margin:0;padding:4px 14px;font-size:.85rem;font-weight:600}.pf-select-card{text-align:center;gap:14px;display:grid}.pf-look-editor{display:contents}.pf-look-prompt{color:var(--pf-teal-ink);margin:0;font-size:1.1rem;font-weight:800}.pf-gender{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pf-gender-btn{border-radius:var(--pf-radius);background:var(--pf-cream);min-height:64px;box-shadow:inset 0 0 0 3px var(--pf-line), 0 4px 0 var(--pf-line);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:10px;padding:8px 12px;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.pf-gender-btn:hover{transform:translateY(-2px)}.pf-gender-btn:has(input:checked){background:var(--pf-gold-soft);box-shadow:inset 0 0 0 4px var(--pf-gold), 0 4px 0 var(--pf-gold-dark)}.pf-gender-btn:has(input:focus-visible){outline:3px solid var(--pf-teal-dark);outline-offset:3px}.pf-gender-portrait{flex:0 0 44px;width:44px;height:44px}.pf-gender-name{color:var(--pf-teal-ink);font-size:1.25rem;font-weight:800}.pf-creator{justify-items:center;gap:10px;display:grid}.pf-preview-stage{aspect-ratio:1;width:min(100%,320px);position:relative}.pf-preview{border-radius:var(--pf-radius);background:radial-gradient(ellipse at 50% 88%, #3f9a5f38 0 28%, transparent 29%), linear-gradient(var(--pf-teal-soft), var(--pf-cream));box-shadow:inset 0 0 0 3px var(--pf-line);position:absolute;inset:0 36px;overflow:hidden}.pf-preview--flat{place-items:center;padding:18%;display:grid}.pf-preview-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block}.pf-preview-canvas:active{cursor:grabbing}.pf-cycle{width:var(--pf-touch);height:var(--pf-touch);background:var(--pf-teal);color:#fff;font:inherit;box-shadow:0 3px 0 var(--pf-teal-dark);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;place-items:center;font-size:1.9rem;font-weight:800;line-height:1;display:grid;position:absolute;transform:translateY(-50%)}.pf-cycle:hover{background:var(--pf-teal-dark)}.pf-cycle:active{box-shadow:0 1px 0 var(--pf-teal-dark);transform:translateY(calc(2px - 50%))}.pf-cycle:focus-visible{outline:3px solid var(--pf-gold);outline-offset:2px}.pf-cycle--prev{left:0}.pf-cycle--next{right:0}.pf-cycle--hair{top:38%}.pf-cycle--outfit{top:74%}.pf-look-caption{color:var(--pf-ink-soft);margin:0;font-weight:700}.pf-colour-row{border:0;align-items:center;gap:8px;width:min(100%,360px);margin:0;padding:0;display:flex}.pf-colour-legend{float:left;width:4.2em;color:var(--pf-teal-ink);text-align:right;flex:none;padding:0;font-weight:800}.pf-swatches{grid-auto-flow:column;grid-auto-columns:minmax(0, var(--pf-touch));flex:1;justify-content:start;min-width:0;display:grid}.pf-swatch{aspect-ratio:1;cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;display:grid}.pf-swatch-dot{aspect-ratio:1;background:var(--pf-swatch);border-radius:50%;width:min(32px,76%);transition:transform .12s;box-shadow:inset 0 0 0 2px #0000001f}.pf-swatch:has(input:checked) .pf-swatch-dot{box-shadow:0 0 0 3px var(--pf-paper), 0 0 0 6px var(--pf-gold);transform:scale(1.12)}.pf-swatch:has(input:focus-visible){outline:3px solid var(--pf-teal-dark);outline-offset:1px}.pf-chips{flex:1;gap:6px;min-width:0;display:flex}.pf-chip{min-width:0;min-height:var(--pf-touch);background:var(--pf-paper);color:var(--pf-ink);white-space:nowrap;cursor:pointer;touch-action:manipulation;border-radius:999px;flex:auto;place-items:center;padding:0 10px;font-size:.9rem;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #0000001f}.pf-chip:has(input:checked){box-shadow:inset 0 0 0 3px var(--pf-gold);background:var(--pf-gold-soft)}.pf-chip:has(input:focus-visible){outline:3px solid var(--pf-teal-dark);outline-offset:1px}.pf-preview svg,.pf-gender-portrait svg,.pf-dialogue-portrait svg,.pf-quest-scenario-face svg,.pf-portrait-slot{width:100%;height:100%;display:block}.pf-portrait-slot{background:linear-gradient(#cdeef2 78%,#b3e2e8 78%);border-radius:50%;position:relative;overflow:hidden}.pf-portrait-slot:has(svg){background:0 0}.pf-portrait-canvas{opacity:0;width:100%;height:100%;transition:opacity .25s ease-out;position:absolute;inset:0}.pf-portrait-canvas--ready{opacity:1}.pf-login-card{gap:14px;display:grid}.pf-login-head{display:grid}.pf-login-new{margin-top:4px;font-size:.95rem}.pf-field{gap:4px;display:grid}.pf-label{color:var(--pf-teal-ink);font-size:1.05rem;font-weight:800}.pf-hint{color:var(--pf-ink-soft);margin:0;font-size:.9rem}.pf-input{border-radius:var(--pf-radius-sm);width:100%;min-height:52px;box-shadow:inset 0 0 0 2px var(--pf-line);font:inherit;color:var(--pf-ink);-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#fff;border:0;padding:8px 16px;font-size:1.15rem;font-weight:600}.pf-input:focus-visible{outline:3px solid var(--pf-teal);outline-offset:1px;box-shadow:inset 0 0 0 2px var(--pf-teal)}.pf-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--pf-amber-line);background:#fffaf0}.pf-pin-row{grid-template-columns:repeat(var(--pf-pin-length,4), minmax(0, 1fr));gap:10px;display:grid}.pf-input--pin{text-align:center;font-variant-numeric:tabular-nums;caret-color:var(--pf-teal);padding:8px 0;font-size:1.6rem;font-weight:800}.pf-form-error{color:#7a4a00;border-radius:var(--pf-radius-sm);min-height:3.2em;margin:0;padding:0;font-weight:600}.pf-form-error--shown{background:var(--pf-amber-soft);box-shadow:inset 0 0 0 2px var(--pf-amber-line);padding:10px 14px}.pf-select-error:empty{min-height:0}.pf-form-error--ok{color:var(--pf-green);background:var(--pf-green-soft);box-shadow:inset 0 0 0 2px #a8dcb5}.pf-countdown{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800;display:inline-block}.pf-backdrop{padding:var(--pf-safe-t) var(--pf-safe-r) var(--pf-safe-b) var(--pf-safe-l);background:#163a4261;place-items:center;animation:.16s ease-out pf-fade-in;display:grid;position:absolute;inset:0}.pf-backdrop--dialogue{background:linear-gradient(#163a4200 30%,#163a4259);place-items:end center}.pf-sheet{background:var(--pf-paper);width:min(100%,560px);max-height:100%;box-shadow:var(--pf-ledge) #d9cbb0, var(--pf-shadow);border-radius:24px;flex-direction:column;animation:.22s cubic-bezier(.2,1.3,.5,1) pf-pop-in;display:flex;position:relative;overflow:hidden}.pf-sheet:focus{outline:none}.pf-sheet--quest{width:min(100%,760px);height:100%;max-height:900px}.pf-sheet--dialogue{width:min(100%,680px)}.pf-sheet--appearance .pf-sheet-body{text-align:center}.pf-sheet-header{background:var(--pf-teal);color:#fff;align-items:center;gap:10px;padding:12px 12px 12px 20px;display:flex}.pf-sheet-title{text-shadow:0 2px #0b576780;flex:1;margin:0;font-size:1.3rem;font-weight:800;line-height:1.15}.pf-sheet-close{color:var(--pf-teal-ink);box-shadow:0 3px 0 var(--pf-teal-dark);background:#fffffff2;flex:none}.pf-sheet-body{overscroll-behavior:contain;touch-action:pan-y;-webkit-user-select:text;user-select:text;flex:1;align-content:start;gap:14px;padding:16px;display:grid;overflow-y:auto}.pf-dialogue{align-items:flex-start;gap:14px;display:flex}.pf-dialogue-portrait{aspect-ratio:1;width:clamp(68px,20vw,104px);box-shadow:0 4px 0 var(--pf-teal-soft);border-radius:50%;flex:none}.pf-speech{background:var(--pf-cream);min-height:6.2em;box-shadow:inset 0 0 0 2px var(--pf-line);cursor:pointer;border-radius:18px;flex:1;padding:14px 16px;position:relative}.pf-speech:before{content:"";border:10px solid #0000;border-left:0;border-right-color:var(--pf-line);position:absolute;top:26px;left:-10px}.pf-speech-text{margin:0;font-size:1.15rem;font-weight:600;line-height:1.45}.pf-dialogue-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;min-height:52px;display:flex}.pf-dialogue-actions>.pf-btn{flex:0 auto}.pf-step-dots{gap:6px;margin:0;padding:0;list-style:none;display:flex}.pf-step-dot{background:#fff6;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 2px #fffc}.pf-step-dot--current{background:#fff;transform:scale(1.15)}.pf-step-dot--done{background:var(--pf-gold);box-shadow:inset 0 0 0 2px #fff}.pf-quest-step{gap:14px;display:grid}.pf-quest-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--pf-teal);margin:0;font-size:.95rem;font-weight:800}.pf-quest-scenario{background:var(--pf-teal-soft);border-radius:18px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.pf-quest-scenario p{margin:0;font-size:1.05rem;font-weight:600}.pf-quest-scenario-face{flex:0 0 52px;width:52px;height:52px}.pf-options{border:0;min-width:0;margin:0;padding:0}.pf-quest-question{color:var(--pf-teal-ink);margin-bottom:10px;padding:0;font-size:1.2rem;font-weight:800}.pf-options-grid{grid-template-columns:1fr;gap:10px;display:grid}.pf-option{min-height:76px;box-shadow:inset 0 0 0 3px var(--pf-line), 0 4px 0 var(--pf-line);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:18px;grid-template-columns:104px 1fr;align-items:center;gap:12px;padding:8px 12px 8px 8px;transition:transform .12s,box-shadow .12s,background .12s,opacity .16s;display:grid;position:relative}.pf-option:hover:not(:has(input:disabled)){transform:translateY(-2px)}.pf-option-art{background:var(--pf-cream);aspect-ratio:120/84;border-radius:12px;place-items:center;display:grid}.pf-knot-art{width:100%;height:auto;display:block}.pf-option-text{gap:2px;display:grid}.pf-option-name{font-size:1.1rem;font-weight:800}.pf-option-desc{color:var(--pf-ink-soft);font-size:.92rem}.pf-option-tag:empty{display:none}.pf-option-tag{background:var(--pf-line);color:var(--pf-ink-soft);border-radius:999px;justify-self:start;margin-top:4px;padding:2px 10px;font-size:.8rem;font-weight:800}.pf-option:has(input:checked){background:var(--pf-gold-soft);box-shadow:inset 0 0 0 4px var(--pf-gold), 0 4px 0 var(--pf-gold-dark)}.pf-option:has(input:focus-visible){outline:3px solid var(--pf-teal-dark);outline-offset:3px}.pf-option--tried{opacity:.55;cursor:default;filter:saturate(.5)}.pf-option--correct{opacity:1;background:var(--pf-green-soft);animation:.42s cubic-bezier(.3,1.6,.6,1) pf-bounce;box-shadow:inset 0 0 0 4px #7ccf93,0 4px #5fb479}.pf-option--correct .pf-option-tag{background:var(--pf-green);color:#fff}.pf-option:has(input:disabled):not(.pf-option--correct){cursor:default}.pf-quest-footer{background:var(--pf-paper);gap:10px;margin:0 -16px -16px;padding:12px 16px 16px;display:grid;position:sticky;bottom:-16px;box-shadow:0 -10px 16px -12px #143c4659}.pf-feedback{border-radius:16px;align-items:flex-start;gap:10px;min-height:0;display:flex}.pf-feedback:empty{display:none}.pf-feedback p{margin:0;font-weight:600}.pf-feedback-icon{font-size:1.5rem;line-height:1}.pf-feedback--wrong,.pf-feedback--error{background:var(--pf-amber-soft);box-shadow:inset 0 0 0 2px var(--pf-amber-line);padding:12px 14px;animation:.36s pf-nudge}.pf-feedback--correct{background:var(--pf-green-soft);padding:12px 14px;box-shadow:inset 0 0 0 2px #a8dcb5}.pf-sheet-body:has(.pf-reward){align-content:center}.pf-reward{text-align:center;justify-items:center;gap:10px;padding:12px 4px 4px;display:grid;position:relative}.pf-reward .pf-actions{width:100%;margin-top:8px}.pf-badge-reveal{place-items:center;width:168px;height:168px;display:grid;position:relative}.pf-badge-rays{background:repeating-conic-gradient(#f5b94673 0deg 12deg,#f5b94600 12deg 30deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#000 40%,#0000 70%);mask:radial-gradient(circle,#000 40%,#0000 70%)}.pf-reward--new .pf-badge-rays{animation:12s linear infinite pf-spin}.pf-badge-medal{background:radial-gradient(circle at 35% 30%, #fff3cf, var(--pf-gold) 60%);width:120px;height:120px;box-shadow:inset 0 0 0 6px #fff, inset 0 0 0 10px var(--pf-teal), 0 6px 0 var(--pf-gold-dark), 0 12px 24px #c98f1f59;border-radius:50%;place-items:center;font-size:58px;display:grid;position:relative}.pf-reward--new .pf-badge-medal{animation:.9s cubic-bezier(.2,1.4,.5,1) both pf-badge-in}.pf-reward-title{color:var(--pf-teal-ink);margin:0;font-size:1.5rem;font-weight:800}.pf-reward-coins{background:var(--pf-gold-soft);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 16px;font-size:1.3rem;font-weight:800;display:inline-flex}.pf-reward--new .pf-reward-coins{animation:.4s cubic-bezier(.2,1.4,.5,1) .5s both pf-pop-in}.pf-coin{background:radial-gradient(circle at 35% 35%, #ffe7a0, var(--pf-gold) 55%, var(--pf-gold-dark));border-radius:50%;flex:none;width:1.1em;height:1.1em;display:inline-block;box-shadow:inset 0 0 0 2px #e6a82e,0 2px #a8741a}.pf-coin--big{width:44px;height:44px}.pf-confetti{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.pf-confetti-piece{top:-16px;left:var(--x);background:var(--c);opacity:0;width:10px;height:14px;animation:pf-confetti-fall var(--dur) var(--delay) cubic-bezier(.3, .6, .6, 1) forwards;border-radius:3px;position:absolute}.pf-confetti-piece:nth-child(3n){border-radius:50%;width:8px;height:8px}.pf-sparkle{left:var(--x);top:var(--y);background:var(--c);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:14px;height:14px;position:absolute}.pf-coins-big{background:var(--pf-gold-soft);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:14px 16px;display:grid;box-shadow:inset 0 0 0 2px #f3d998}.pf-coins-big-n{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.pf-coins-big-label{font-size:1.1rem;font-weight:800}.pf-coins-big-hint{color:var(--pf-ink-soft);grid-column:2;font-size:.9rem}.pf-section-title{color:var(--pf-teal-ink);align-items:baseline;gap:8px;margin:4px 0 -4px;font-size:1.1rem;font-weight:800;display:flex}.pf-section-count{color:var(--pf-ink-soft);font-size:.9rem;font-weight:600}.pf-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pf-badge{text-align:center;min-height:170px;box-shadow:inset 0 0 0 2px var(--pf-line);background:#fff;border-radius:18px;align-content:start;justify-items:center;gap:4px;padding:14px 10px;display:grid}.pf-badge-icon{filter:grayscale();opacity:.55;background:#eef0ef;border-radius:50%;place-items:center;width:68px;height:68px;font-size:34px;display:grid;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 7px #d5dadb}.pf-badge-name{font-size:1.02rem;font-weight:800}.pf-badge-note{color:var(--pf-ink-soft);font-size:.85rem;font-weight:600}.pf-badge-desc{color:var(--pf-grey);font-size:.82rem}.pf-badge--earned{background:var(--pf-gold-soft);box-shadow:inset 0 0 0 3px var(--pf-gold), 0 4px 0 var(--pf-gold-dark)}.pf-badge--earned .pf-badge-icon{filter:none;opacity:1;background:radial-gradient(circle at 35% 30%, #fff3cf, var(--pf-gold) 65%);box-shadow:inset 0 0 0 4px #fff, inset 0 0 0 7px var(--pf-teal)}.pf-badge--earned .pf-badge-note{color:var(--pf-teal-ink)}.pf-badge--comingSoon .pf-badge-name,.pf-badge--loading .pf-badge-name{color:var(--pf-grey)}.pf-badge--comingSoon .pf-badge-note{white-space:nowrap;background:#eef0ef;border-radius:999px;padding:1px 10px;display:inline-block}.pf-quest-list{gap:8px;min-height:60px;margin:0;padding:0;list-style:none;display:grid}.pf-quest-row{box-shadow:inset 0 0 0 2px var(--pf-line);background:#fff;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:12px 14px;display:grid}.pf-quest-row-title{font-weight:800}.pf-quest-row-status{color:var(--pf-ink-soft);font-size:.9rem;font-weight:600}.pf-quest-row--completed .pf-quest-row-status{color:var(--pf-green)}.pf-meter{appearance:none;background:#eef0ef;border:0;border-radius:999px;grid-column:1/-1;width:100%;height:10px;overflow:hidden}.pf-meter::-webkit-progress-bar{background:#eef0ef}.pf-meter::-webkit-progress-value{background:var(--pf-teal);border-radius:999px}.pf-meter::-moz-progress-bar{background:var(--pf-teal);border-radius:999px}.pf-progress-status{min-height:1.4em;color:var(--pf-ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.pf-progress-status:empty{display:none}.pf-loading,.pf-empty{text-align:center;color:var(--pf-ink-soft);justify-items:center;gap:12px;padding:40px 16px;font-weight:600;display:grid}.pf-empty p{margin:0}.pf-spinner{border:5px solid var(--pf-teal-soft);border-top-color:var(--pf-teal);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite pf-spin}.pf-hud-root{pointer-events:none;position:absolute;inset:0}.pf-hud-tl,.pf-hud-tr,.pf-hud-br{pointer-events:none;gap:8px;display:flex;position:absolute}.pf-hud-tl>*,.pf-hud-tr>*,.pf-hud-br>*,.pf-talk-slot>*{pointer-events:auto}.pf-hud-tl{top:var(--pf-safe-t);left:var(--pf-safe-l);flex-direction:column;align-items:flex-start}.pf-hud-tr{top:var(--pf-safe-t);right:var(--pf-safe-r);align-items:flex-start}.pf-hud-br{right:var(--pf-safe-r);bottom:var(--pf-safe-b);align-items:flex-end}.pf-pill{min-height:var(--pf-touch);font-variant-numeric:tabular-nums;background:#fffdf8f0;border-radius:999px;align-items:center;gap:8px;padding:6px 16px 6px 10px;font-size:1.1rem;font-weight:800;display:inline-flex;box-shadow:0 3px #0000001a,0 6px 16px #143c4626}.pf-pill--coins .pf-coin{width:26px;height:26px}.pf-pill--bump{animation:.5s cubic-bezier(.3,1.6,.6,1) pf-bounce}.pf-pill--presence{min-height:32px;padding:4px 12px;font-size:.85rem;font-weight:600}.pf-dot{background:var(--pf-grey);border-radius:50%;width:10px;height:10px}.pf-pill--presence[data-status=open] .pf-dot{background:#3fbf6a}.pf-pill--presence[data-status=reconnecting] .pf-dot,.pf-pill--presence[data-status=connecting] .pf-dot{background:var(--pf-gold);animation:1s ease-in-out infinite pf-pulse}.pf-hud-notice{top:calc(var(--pf-safe-t) + 96px);left:var(--pf-safe-l);right:var(--pf-safe-r);pointer-events:none;justify-content:center;display:flex;position:absolute}.pf-hud-notice-card{border:2px solid var(--pf-amber-line);border-radius:var(--pf-radius-sm);background:var(--pf-amber-soft);max-width:420px;color:var(--pf-ink);box-shadow:var(--pf-shadow);align-items:flex-start;gap:10px;margin:0;padding:12px 16px;font-weight:700;line-height:1.35;animation:.24s ease-out pf-pop-in;display:flex}.pf-btn--hud{min-height:var(--pf-touch);background:#fffdf8f0;margin:0;padding:6px 16px;box-shadow:0 3px #0000001a,0 6px 16px #143c4626}.pf-hud-btn{background:#fffdf8f0;box-shadow:0 3px #0000001a,0 6px 16px #143c4626}.pf-menu-wrap{position:relative}.pf-menu{background:var(--pf-paper);width:220px;box-shadow:var(--pf-ledge) #d9cbb0, var(--pf-shadow);border-radius:18px;gap:10px;padding:14px;animation:.16s ease-out pf-pop-in;display:grid;position:absolute;top:calc(100% + 8px);right:0}.pf-menu-name{overflow-wrap:anywhere;margin:0}.pf-talk-slot{pointer-events:none;align-items:flex-end;display:flex}.pf-talk{margin:0;animation:.22s cubic-bezier(.2,1.4,.5,1) pf-pop-in}.pf-talk-key{min-width:24px;height:24px;font:inherit;background:#fff9;border-radius:6px;place-items:center;padding:0 6px;font-size:.8rem;font-weight:800;display:inline-grid}.pf-emotes{align-items:flex-end;gap:8px;display:flex;position:relative}.pf-emote-tray{background:#fffdf8f0;border-radius:999px;gap:6px;padding:6px;display:flex;box-shadow:0 3px #0000001a,0 6px 16px #143c4626}.pf-emote{min-width:var(--pf-touch);height:var(--pf-touch);background:var(--pf-cream);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;box-shadow:0 3px 0 var(--pf-line);border:0;border-radius:999px;padding:0 10px;font-size:.95rem;font-weight:800;position:relative}.pf-emote:active:not(:disabled){box-shadow:0 1px 0 var(--pf-line);transform:translateY(2px)}.pf-emote:disabled{opacity:.45;cursor:default}.pf-emotes--cooling .pf-emote-tray:after{content:"";background:var(--pf-teal);transform-origin:0;height:4px;animation:pf-shrink var(--pf-cooldown,1.5s) linear forwards;border-radius:999px;position:absolute;bottom:-2px;left:18px;right:18px}.pf-emote-toggle{display:none}@media (width<=719px){.pf-hud-label{display:none}.pf-btn--hud{width:var(--pf-touch);padding:0;font-size:1.2rem}}@media (width<=839px){.pf-emote-toggle{width:56px;height:56px;font-size:1.5rem;display:inline-grid}.pf-emote-tray{visibility:hidden;opacity:0;transform-origin:100% 100%;border-radius:24px;flex-direction:column;align-items:stretch;transition:opacity .14s,transform .14s,visibility 0s linear .14s;position:absolute;bottom:calc(100% + 40px);right:0;transform:translateY(8px)scale(.96)}.pf-emotes--open .pf-emote-tray{visibility:visible;opacity:1;transition:opacity .14s,transform .14s;transform:none}.pf-emotes--cooling .pf-emote-toggle{opacity:.6}.pf-emotes--cooling .pf-emote-tray:after{display:none}}@media (pointer:coarse){.pf-talk{border-radius:50%;flex-direction:column;gap:0;width:84px;height:84px;padding:0;font-size:1rem}.pf-talk-icon{font-size:1.8rem;line-height:1}.pf-talk-key{display:none}}@media (pointer:fine){.pf-talk{min-height:56px;font-size:1.15rem}}@media (width>=640px){.pf-sheet-body{padding:20px 24px 24px}.pf-options-grid{grid-template-columns:1fr 1fr}.pf-option{grid-template-columns:128px 1fr}.pf-quest-footer{margin:0 -24px -24px;padding:14px 24px 24px;bottom:-24px}.pf-badge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pf-card{padding:28px}}@media (height<=480px){.pf-sheet--quest{max-height:none}.pf-logo{font-size:2.7rem}.pf-title-sub-text{font-size:.95rem}.pf-screen-view--title .pf-screen-main{align-content:normal;min-height:0;margin:auto;padding-block:8px}}@keyframes pf-fade-in{0%{opacity:0}}@keyframes pf-pop-in{0%{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes pf-letter-pop{0%{opacity:0;transform:translateY(-.5em) scale(.3) rotate(calc(var(--r,0deg) * -3))}60%{opacity:1;transform:translateY(calc(var(--y,0em) + .06em)) scale(1.15, .9) rotate(var(--r,0deg))}}@keyframes pf-bounce{40%{transform:scale(1.06)}}@keyframes pf-nudge{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pf-spin{to{transform:rotate(360deg)}}@keyframes pf-pulse{50%{opacity:.4}}@keyframes pf-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes pf-badge-in{0%{opacity:0;transform:scale(.2)rotate(-200deg)}70%{opacity:1;transform:scale(1.12)rotate(8deg)}to{transform:scale(1)rotate(0)}}@keyframes pf-confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--drift), 110vh) rotate(var(--spin))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.pf-reward--new .pf-badge-rays{animation:none!important}}.pf-jump{gap:6px}.pf-pill--presence[data-status=training] .pf-dot{background:var(--pf-teal)}.pf-jump-icon{font-size:1.2rem;line-height:1}.pf-jump-key{height:24px;font:inherit;background:#0000000f;border-radius:6px;place-items:center;padding:0 6px;font-size:.75rem;font-weight:800;display:inline-grid}@media (width<=719px){.pf-jump-key{display:none}}@media (pointer:coarse){.pf-jump{border-radius:50%;flex-direction:column;gap:0;width:72px;height:72px;padding:0}.pf-jump-icon{font-size:1.7rem}.pf-jump-key{display:none}}.pf-hud-train{top:calc(var(--pf-safe-t) + 104px);left:var(--pf-safe-l);width:min(280px, calc(100% - var(--pf-safe-l) - var(--pf-safe-r)));pointer-events:none;position:absolute}.pf-train{margin:0;padding:12px 14px;animation:.24s ease-out pf-pop-in}.pf-train-title{justify-content:space-between;margin:0 0 6px;font-size:1rem;display:flex}.pf-train-count{color:var(--pf-ink-soft);font-variant-numeric:tabular-nums}.pf-train-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.pf-train-step{grid-template-columns:20px 1fr;align-items:baseline;column-gap:6px;font-weight:700;display:grid}.pf-train-step--todo{opacity:.55}.pf-train-step--done .pf-train-mark{color:var(--pf-green);font-weight:900}.pf-train-step--done .pf-train-name{opacity:.7;text-decoration:line-through;text-decoration-thickness:2px}.pf-train-step--current .pf-train-name{color:var(--pf-ink);font-weight:900}.pf-train-hint,.pf-train-bar{grid-column:2}.pf-train-hint{font-size:.85rem;font-weight:600}.pf-train-bar{background:#00000014;border-radius:999px;height:8px;margin-top:4px;display:block;overflow:hidden}.pf-train-bar-fill{width:var(--pf-train-fill,0%);border-radius:inherit;background:var(--pf-teal);height:100%;transition:width .2s;display:block}@media (width<=719px){.pf-train-step:not(.pf-train-step--current){display:none}}