:root{--color-paper:#f4f1ea;--color-surface:#fffcf7;--color-ink:#202024;--color-muted:#686660;--color-line:#dcd8d0;--color-primary:#c8322b;--color-highlight:#e8bc58;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--app-width:480px;--app-gutter:20px;--radius-card:8px;--font-title:700 1.5rem/1.3 var(--app-font);--font-card-title:700 1rem/1.35 var(--app-font);--font-body:500 .875rem/1.5 var(--app-font);--font-caption:400 .75rem/1.45 var(--app-font);--font-record:750 3rem/1.1 var(--app-font);--app-font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--app-font);background-color:#f4f1ea}*,:before,:after{box-sizing:border-box}body{min-width:100%;min-height:100svh;font-family:var(--app-font);background-color:#f4f1ea;margin:0}button,input,textarea,select{font-family:inherit}#root{background-color:#f4f1ea;width:100%;min-height:100svh}@media (width<=360px){:root{--app-gutter:16px}}@media (width>=768px){body{background-color:#deddd8}#root{max-width:var(--app-width);margin-inline:auto;box-shadow:0 0 0 1px #c7c5be}}.ui-title{font:var(--font-title);letter-spacing:-.025em}.ui-card-title{font:var(--font-card-title);letter-spacing:-.02em}.ui-body{font:var(--font-body)}.ui-caption{font:var(--font-caption);color:var(--color-muted)}.ui-record{font:var(--font-record);font-variant-numeric:tabular-nums;white-space:nowrap}.ui-record__unit{font:500 1rem/1.5 var(--app-font)}.ui-frame{border:2px solid var(--color-ink);border-radius:0}.ui-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card)}.ui-header{align-items:center;gap:var(--space-3);min-height:56px;display:flex}.ui-button{border-radius:var(--radius-card);background:var(--color-primary);color:#fff;min-height:54px;font:700 1rem/1.5 var(--app-font);cursor:pointer;border:0;padding:12px 24px;transition:background-color .1s}.ui-button:active{background:#ad2923}.ui-button--secondary{min-height:44px;color:var(--color-ink);font:600 .875rem/1.5 var(--app-font);background:0 0}.ui-button--secondary:active{background:var(--color-line)}.ui-button:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.ui-button:disabled{background:var(--color-line);color:var(--color-muted);cursor:default}@media (prefers-reduced-motion:reduce){.ui-button{transition:none}}.page-turn-idle{display:contents}.page-turn{isolation:isolate;background:var(--color-paper);width:100%;max-width:480px;min-height:100svh;margin-inline:auto;position:relative;overflow:hidden}.page-turn__preparing{color:var(--color-muted);place-items:center;font-size:.875rem;display:grid;position:absolute;inset:0}.page-turn__previous{background:var(--color-paper);pointer-events:none;animation:.2s cubic-bezier(.2,.7,.3,1) both page-turn-reveal;position:relative}.page-turn__fold{pointer-events:none;background:linear-gradient(to right, var(--color-paper), #e4e0d7 55%, var(--color-surface));width:8%;animation:.2s cubic-bezier(.2,.7,.3,1) both page-turn-fold;position:absolute;top:0;bottom:0;box-shadow:4px 0 10px #2020241a}@keyframes page-turn-reveal{0%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes page-turn-fold{0%{left:100%}to{left:-8%}}@media (prefers-reduced-motion:reduce){.page-turn__previous,.page-turn__fold{visibility:hidden;animation:none}}.comic-panel{aspect-ratio:4/3;background:var(--color-paper);width:100%;position:relative;overflow:hidden}.comic-panel:after{z-index:7;border:2px solid var(--color-ink);content:"";pointer-events:none;position:absolute;inset:0}.comic-panel--action{outline:2px solid var(--play-accent,var(--color-primary))}.comic-panel--action:after{border-color:var(--play-accent,var(--color-primary))}.comic-panel__image-slot{place-items:center;display:grid;position:absolute;inset:0}.comic-panel__image-slot img{object-fit:cover;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%}.comic-panel__placeholder-id{color:var(--color-muted);font-size:.875rem}.comic-panel__annotations{z-index:6;max-width:var(--annotation-width,65%);pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:4%}.comic-panel__annotations--left{left:3%}.comic-panel__annotations--right{align-items:flex-end;right:3%}.comic-panel__annotations--bottom{top:auto;bottom:4%}.comic-panel__annotations *{pointer-events:none}.comic-panel__action-cue{background:var(--color-ink);color:var(--color-surface);padding:4px 8px;font-size:.75rem;font-weight:600;line-height:1.5}.comic-panel__impact-text{letter-spacing:-.04em;max-width:100%;color:var(--color-surface);-webkit-text-stroke:2px var(--color-ink);paint-order:stroke fill;overflow-wrap:anywhere;font-size:clamp(32px,8vw,40px);font-weight:900;line-height:1.1}.comic-panel__dialogue{max-width:100%;color:var(--color-ink);place-items:center;padding:10px 12px 16px;font-size:.8125rem;font-weight:600;line-height:1.4;display:inline-grid;position:relative}.comic-panel__dialogue-art{width:100%;height:100%;position:absolute;inset:0}.comic-panel__dialogue--right .comic-panel__dialogue-art{transform:scaleX(-1)}.comic-panel__dialogue-text{word-break:keep-all;overflow-wrap:anywhere;position:relative}.comic-panel--page{container-type:inline-size}.comic-panel--page .comic-panel__image-slot{overflow:hidden}.comic-panel--page .comic-panel__image-slot img{position:absolute;inset:0}.comic-panel--page.comic-panel--fake{aspect-ratio:auto;height:100%}.comic-panel--page.comic-panel--fake .comic-panel__annotations{align-items:flex-start;max-width:85%;inset:auto 4% 4%}.comic-panel--page.comic-panel--action{outline:5px solid var(--color-paper);overflow:visible}.comic-panel--page.comic-panel--fake .comic-panel__dialogue{text-align:center;min-width:140px;padding:18px 22px 26px;font-size:.9375rem;line-height:1.45}.comic-panel--page[data-dialogue-position] .comic-panel__annotations{max-width:76%;right:auto}.comic-panel--page[data-dialogue-position=bottom-right] .comic-panel__annotations,.comic-panel--page[data-dialogue-position=top-right] .comic-panel__annotations,.comic-panel--page[data-dialogue-position=top-left] .comic-panel__annotations{align-items:flex-end;left:auto;right:4%}.comic-panel--page[data-dialogue-position=top-right] .comic-panel__annotations{top:4%;bottom:auto}.comic-panel--page[data-dialogue-tail^=up] .comic-panel__dialogue{padding-top:26px;padding-bottom:18px}.comic-panel--page[data-dialogue-tail=up-left] .comic-panel__dialogue-art{transform:scaleY(-1)}.comic-panel--page[data-dialogue-tail=up-right] .comic-panel__dialogue-art{transform:scale(-1)}.comic-panel--page[data-dialogue-tail=down-left] .comic-panel__dialogue-art{transform:none}.comic-panel--page[data-dialogue-tail=down-right] .comic-panel__dialogue-art{transform:scaleX(-1)}.comic-panel--page[data-dialogue-tail=none] .comic-panel__dialogue-art{display:none}.comic-panel--page[data-dialogue-tail=none] .comic-panel__dialogue{border:1px solid var(--color-ink);background:var(--color-surface);min-width:0;padding:6px 10px}.comic-panel--page.comic-panel--action:after{border:2px solid var(--color-ink)}.comic-panel--page.comic-panel--action .comic-panel__annotations{z-index:8;max-width:58%;inset:-14% 0 auto auto}.comic-panel--page .comic-panel__impact-text{aspect-ratio:1586/992;color:#202024;-webkit-text-stroke:0;overflow-wrap:normal;white-space:nowrap;place-items:center;width:58cqw;font-size:clamp(36px,16cqw,68px);font-style:italic;font-weight:900;line-height:1;display:grid;position:relative}.comic-panel__impact-burst{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.comic-panel--page .comic-panel__impact-text span{padding-bottom:3%;position:relative}.comic-panel--caption .comic-panel__dialogue-art{display:none}.comic-panel--page.comic-panel--caption .comic-panel__dialogue{border:1px solid var(--color-ink);background:var(--color-paper);text-align:left;min-width:0;padding:6px 10px}.comic-panel--page.comic-panel--fake .comic-panel__dialogue-text{text-wrap:pretty;line-height:1.5}.comic-panel--page.comic-panel--caption .comic-panel__annotations{max-width:78%}.comic-panel--page.comic-panel--caption .comic-panel__dialogue{border:1.5px solid var(--color-ink);border-radius:9px 5px 10px 4px/4px 9px 5px 8px;padding:9px 13px;font-size:.875rem;font-weight:500;box-shadow:1px 1px #20202424}.comic-panel--page.comic-panel--action .comic-panel__impact-text{transform-origin:100%;animation:.18s ease-out comic-impact-pop}@keyframes comic-impact-pop{0%,to{transform:scale(1)}35%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.comic-panel--page.comic-panel--action .comic-panel__impact-text{animation:none}}.play-screen{--play-accent:#c8322b;--play-accent-soft:#ffe3df;width:100%;min-height:100svh;padding:calc(16px + env(safe-area-inset-top)) var(--app-gutter) calc(16px + env(safe-area-inset-bottom));color:var(--color-ink);cursor:pointer;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;align-items:center;display:flex}.play-screen--loading{cursor:wait}.play-screen__loading-card{text-align:center;gap:8px;padding:24px;font-size:.875rem;display:grid}.play-screen__loading-card strong{font-weight:600}.play-screen__loading-card span{color:var(--color-muted)}.play-screen__instruction{text-align:center;word-break:keep-all;overflow-wrap:anywhere;pointer-events:none;width:100%;font-size:.875rem;font-weight:600;line-height:1.5}.play-screen__hold-state,.play-screen__multi-status{font-variant-numeric:tabular-nums;pointer-events:none;margin-top:8px;font-size:.8125rem;line-height:1.5}.play-screen__hold-state{color:var(--color-muted)}.play-screen__hold-state--active{color:var(--color-ink)}.play-screen__multi-status{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;max-width:100%;display:flex}.play-screen__multi-status strong{font-weight:600}.play-screen__multi-status>span{white-space:nowrap}.play-screen__round-dots{gap:6px;display:flex}.play-screen__round-dots i{border:1px solid var(--color-muted);border-radius:50%;width:8px;height:8px;position:relative}.play-screen__round-dots .play-screen__round-dot--current{outline:1px solid var(--color-ink);outline-offset:2px}.play-screen__round-dots .play-screen__round-dot--success{background:var(--color-ink);border-color:var(--color-ink)}.play-screen__round-dot--failure:after{border-top:1px solid var(--color-muted);content:"";position:absolute;inset:2px 0}.play-screen__attempt-feedback{z-index:8;color:var(--color-surface);pointer-events:none;background:#202024c2;place-items:center;font-size:2rem;font-weight:700;display:grid;position:absolute;inset:0}.play-screen__attempt-feedback--success{color:var(--play-accent-soft)}.play-screen__attempt-feedback--failure{color:#ffb4b4}.play-screen__attempt-feedback--early{color:#ffe3a3}.play-screen__target-hint{z-index:5;pointer-events:none;position:absolute}.play-screen__debug{z-index:9;background:#ffffffe6;border:1px solid #ccc;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:6px;max-width:90vw;padding:8px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.play-screen__debug button{cursor:pointer;padding:4px 8px;font-size:.8rem}.play-screen__chapter{letter-spacing:-.04em;align-self:stretch;justify-items:center;gap:4px;margin:0 0 8px;font-size:20px;font-weight:900;line-height:1.2;display:grid}.play-screen__chapter img{object-fit:contain;pointer-events:none;width:auto;max-width:100%;height:calc(28px + clamp(48px,12vw,62.4px));display:block}.play-screen--comic-page{--color-paper:#f6f3ec;background-color:var(--color-paper);height:100svh;padding:calc(20px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background-image:url(/assets/paper-grain-v1-BfiB2aM0.png);background-size:256px 256px;position:relative}.play-screen--comic-page>.play-screen__chapter,.play-screen--comic-page>.play-screen__instruction,.play-screen--comic-page>.play-screen__hold-state,.play-screen--comic-page>.play-screen__multi-status{flex-shrink:0}.play-screen--comic-page .play-screen__instruction{text-align:center;padding:0 4px;font-size:.875rem;font-weight:500}.play-screen__comic-sheet{isolation:isolate;flex:1;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-height:0;margin-top:16px;display:grid;position:relative;container-type:size}.play-screen__page-cut{z-index:0;isolation:isolate;min-height:0;animation:.16s ease-out comic-cut-enter;position:relative}@keyframes comic-cut-enter{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.play-screen__page-cut{animation:none}}.play-screen__comic-sheet--action:after{left:-16px;bottom:calc(-16px - env(safe-area-inset-bottom));z-index:1;content:"";pointer-events:none;background:#2020248c;width:calc(100% + 32px);height:100svh;position:absolute}.play-screen__page-action{z-index:2;pointer-events:none;width:min(100% + 16px,133.333cqh - 20px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 14px #00000040}.play-screen__comic-sheet--hold{flex-direction:column;justify-content:space-between;align-items:center;padding-top:48px;display:flex}.play-screen__hold-panel{z-index:2;aspect-ratio:4/3;flex:none;width:min(100%,133.333cqh - 1.33333*clamp(112px,28cqh,190px) - 133.333px);position:relative}.play-screen__hold-panel .comic-panel--fake{aspect-ratio:4/3;height:auto}.play-screen__pet-control{z-index:2;flex:none;justify-items:center;gap:8px;font-size:.8125rem;display:grid;position:relative}.play-screen__pet-face{aspect-ratio:4/3;cursor:pointer;width:calc(1.33333*clamp(112px,28cqh,190px));position:relative}.play-screen__pet-face img{object-fit:contain;pointer-events:none;width:100%;height:100%}.play-screen__pet-control>span{pointer-events:none}.play-screen__pet-control--holding .play-screen__pet-face{cursor:pointer}.play-screen__pet-control--holding .play-screen__pet-face img{filter:drop-shadow(0 0 3px #f1cd69)}.play-screen__hold-panel .comic-panel__impact-text{width:44cqw;font-size:clamp(28px,12cqw,50px)}.play-screen__page-action--clear-art{width:min(100% + 16px,133.333cqh - 133.333px)}.play-screen__page-action--clear-art .comic-panel--page.comic-panel--action .comic-panel__annotations{top:auto;bottom:calc(100% + 12px)}.play-screen__page-action--clear-art .comic-panel__impact-text{width:min(58cqw,79.9395cqh - 59.9546cqw - 19.1855px);font-size:min(clamp(36px,16cqw,68px),22.0523cqh - 16.5392cqw - 5.29255px)}.play-screen__hold-panel .comic-panel--action .comic-panel__annotations{top:-14%;bottom:auto}.play-screen__target-hint{outline:2px solid var(--color-ink);outline-offset:0;box-shadow:inset 0 0 0 1px var(--color-ink);background:#f1cd6914;border:3px solid #fffcf7;border-radius:6px}.play-screen__target-hint:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#f1cd69,#f1cd69),linear-gradient(#f1cd69,#f1cd69),linear-gradient(#f1cd69,#f1cd69),linear-gradient(#f1cd69,#f1cd69),linear-gradient(#f1cd69,#f1cd69),linear-gradient(#f1cd69,#f1cd69),linear-gradient(#f1cd69,#f1cd69),linear-gradient(#f1cd69,#f1cd69);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:12px 3px,3px 12px,12px 3px,3px 12px,12px 3px,3px 12px,12px 3px,3px 12px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;position:absolute;inset:2px}.share-feedback{z-index:5;border:1px solid var(--color-line);background:var(--color-paper);width:max-content;max-width:min(100%,352px);color:var(--color-ink);font:500 .8125rem/1.5 var(--app-font);overflow-wrap:anywhere;pointer-events:none;border-radius:8px;margin:0;padding:10px 12px;position:absolute;bottom:calc(100% + 8px);right:0}.share-feedback:empty{display:none}.share-feedback:after{content:"";border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background:var(--color-paper);width:8px;height:8px;position:absolute;bottom:-5px;right:22px;transform:rotate(45deg)}.share-feedback--anchored{position:fixed;bottom:auto;right:auto}.share-feedback--anchored:after{right:auto;left:var(--feedback-pointer)}.share-feedback--anchored[data-side=below]:after{top:-5px;bottom:auto;transform:rotate(225deg)}.result-share-dialog{width:min(100%, var(--app-width));border:1px solid var(--color-ink);background:var(--color-paper);max-width:100%;max-height:calc(100svh - 24px);color:var(--color-ink);border-bottom:0;border-radius:12px 12px 0 0;margin:auto auto 0;padding:0}.result-share-dialog::backdrop{background:#0008}.result-share-dialog__content{padding:12px 20px calc(20px + env(safe-area-inset-bottom))}.result-share-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.result-share-dialog h2{margin:0;font-size:1rem}.result-share-dialog button{color:inherit;font:inherit;cursor:pointer}.result-share-dialog header button{background:0 0;border:0;width:44px;min-height:44px;font-size:1.5rem}.result-share-dialog .result-share-dialog__choice{border:0;border-top:1px solid var(--color-line);text-align:left;background:0 0;width:100%;min-height:64px;padding:16px 0;font-weight:600;display:block}.result-share-dialog__choice span{color:var(--color-muted);margin-top:4px;font-size:.75rem;font-weight:400;display:block}.result-share-dialog button:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media (hover:hover){.result-share-dialog__choice:hover{background:var(--color-surface)}}@media (width>=768px){.result-share-dialog{border-bottom:1px solid var(--color-ink);border-radius:12px;margin-block:auto}}.image-preview-dialog{z-index:100;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:#202024b3;place-items:center;display:grid;position:fixed;inset:0}.image-preview-dialog__card{overscroll-behavior:contain;background:var(--color-paper);width:min(100%,480px);min-height:0;max-height:100%;color:var(--color-ink);overflow-wrap:anywhere;border-radius:8px;padding:16px;overflow-y:auto}.image-preview-dialog__card header{justify-content:space-between;align-items:center;gap:16px;display:flex}.image-preview-dialog__card header strong{font-size:1rem;font-weight:700;line-height:1.35}.image-preview-dialog__card header button{border:1px solid var(--color-line);appearance:none;background:var(--color-surface);width:44px;height:44px;color:var(--color-ink);font:500 1.5rem/1 var(--app-font);cursor:pointer;border-radius:8px;flex:0 0 44px;padding:0}.image-preview-dialog__card p{color:var(--color-muted);margin:8px 0 12px;font-size:.875rem;line-height:1.5}.image-preview-dialog__card img{object-fit:contain;-webkit-touch-callout:default;width:100%;max-height:60svh;display:block}.image-preview-dialog__card>a{border:1px solid var(--color-muted);min-height:44px;color:var(--color-ink);text-align:center;background:0 0;border-radius:8px;place-items:center;margin-top:12px;padding:12px 14px;font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:none;display:grid}.image-preview-dialog__card :is(a,button):focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}@media (hover:hover){.image-preview-dialog__card :is(a,button):hover{background:#e9e5dd}}.image-preview-dialog__card :is(a,button):active{background:var(--color-line)}.average-record{color:#111;text-align:left;background:#fff4bd;border:2px solid #111;border-radius:12px;margin:16px 0;padding:16px}.average-record h2{margin:0 0 8px;font-size:1rem}.average-record strong{font-size:2rem}.average-record small{font-size:1rem}.average-record p{margin:8px 0;font-size:.8rem;line-height:1.5}.average-record>div{flex-wrap:wrap;gap:8px;display:flex}.average-record button{color:#111;font:inherit;cursor:pointer;background:#fff;border:2px solid #111;border-radius:8px;padding:10px 12px;font-size:.85rem}.average-record button:disabled{opacity:.6;cursor:wait}.average-record--summary{border:0;border-top:1px solid var(--color-line);color:var(--color-ink);text-align:left;background:0 0;border-radius:0;margin:0;padding:4px 0 0;position:relative}.average-record--summary .average-record__summary{flex-wrap:wrap;align-items:center;gap:0;display:flex;position:relative}.average-record--summary h2{margin:0;font-size:.875rem;font-weight:500}.average-record--summary .average-record__info{background:0 0;border:0;flex:0 0 44px;place-items:center;width:44px;min-height:44px;margin-inline:-8px;padding:14px;display:grid;position:relative}.average-record__info[aria-expanded=true]:after{content:"";z-index:4;background:var(--color-surface);pointer-events:none;border-bottom:1px solid #bdb7ab;border-right:1px solid #bdb7ab;width:10px;height:10px;position:absolute;top:-14px;left:17px;transform:rotate(45deg)}.average-record__info span{border:1px solid;border-radius:50%;place-items:center;width:16px;height:16px;font:500 11px/1 Georgia,serif;display:grid}.average-record--summary strong{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:1rem}.average-record--summary small{font-size:.75rem;font-weight:400}.average-record__progress{color:var(--color-muted);margin-left:auto;font-size:.75rem}.average-record--summary p{color:var(--color-muted);font-size:.75rem}.average-record__popover{z-index:3;background:var(--color-surface);border:1px solid #bdb7ab;border-radius:6px;width:min(100%,22rem);max-height:min(50svh,24rem);padding:18px;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 4px 12px #20202414}.average-record__popover h3{color:var(--color-ink);margin:0 0 10px;font-size:.875rem;font-weight:700;line-height:1.5}.average-record--summary .average-record__popover p{color:var(--color-ink);word-break:keep-all;overflow-wrap:anywhere;margin:8px 0 0;font-size:.875rem;line-height:1.65}.average-record--summary .average-record__popover .average-record__condition{border-top:1px solid var(--color-line);color:var(--color-muted);margin-top:12px;padding-top:12px;font-size:.8125rem}.average-record--summary button{border:1px solid var(--color-line);background:var(--color-surface);min-height:44px;font-size:.875rem}.average-record--records{color:var(--color-ink);background:0 0;border:0;border-radius:0;margin:0;padding:0}.average-record--records .average-record__summary{flex-wrap:nowrap;align-items:center;gap:0;margin-bottom:4px;display:flex;position:relative}.average-record--records h2{font:var(--font-card-title);min-width:0;margin:0}.average-record--records .average-record__info{background:0 0;border:0;flex:0 0 44px;place-items:center;width:44px;min-height:44px;margin-inline:-8px;padding:14px;display:grid;position:relative}.average-record--records .average-record__info[aria-expanded=true]:after{top:auto;bottom:-14px;transform:rotate(225deg)}.average-record--records .average-record__popover{width:min(100%,352px);max-height:min(45svh,24rem);box-shadow:none;border-radius:8px;top:calc(100% + 8px);bottom:auto}.average-record--records .average-record__popover p{color:var(--color-ink);word-break:keep-all;overflow-wrap:anywhere;font-size:.875rem}.average-record--records .average-record__condition{border-top:1px solid var(--color-line);color:var(--color-muted);margin-top:12px;padding-top:12px;font-size:.8125rem}.average-record--records .average-record__value{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:750;line-height:1.1;display:block}.average-record--records .average-record__value small{font-size:1rem;font-weight:500}.average-record--records p{color:var(--color-muted)}.average-record--records .average-record__release{margin:8px 0 0;font-size:.75rem}.average-record--records .average-record__achievement{color:var(--color-ink);margin:16px 0 8px;font-size:.8125rem}.average-record--records .average-record__segments{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-bottom:16px;display:grid}.average-record__segments span{background:var(--color-line);height:4px}.average-record__segments .average-record__segment--filled{background:var(--color-ink)}.average-record--records button{border-width:1px;border-color:var(--color-line);min-height:44px}.average-record--records[data-empty] .average-record__value{font-size:2rem}.average-record--records[data-empty] .average-record__release{margin-top:4px}.average-record--records[data-empty] .average-record__achievement{margin-top:12px}.average-record--records[data-empty] .average-record__segments{margin-bottom:0}.result-screen{min-height:100svh;padding:calc(16px + env(safe-area-inset-top)) var(--app-gutter) calc(16px + env(safe-area-inset-bottom));background:var(--color-paper) url(/assets/paper-grain-v1-BfiB2aM0.png) repeat;color:var(--color-ink);overflow-wrap:anywhere}.result-screen__content{width:100%;max-width:var(--app-width);margin-inline:auto}.result-screen__ending{isolation:isolate;border:1px solid var(--color-ink);color:#fff;background:#252528;grid-template-rows:auto minmax(100px,1fr) auto auto;min-height:clamp(350px,62svh,560px);padding:24px;display:grid;position:relative;overflow:hidden}.result-screen__ending>img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.result-screen__ending:after{content:"";z-index:-1;background:linear-gradient(#000b,#0000 36%,#0002 48%,#000d 82%,#000e);position:absolute;inset:0}.result-screen__heading{grid-row:1}.result-screen__heading span,.result-screen__metric>span,.result-screen__round-score>span{font-size:1rem;line-height:1.5}.result-screen__heading h1{letter-spacing:-.045em;text-wrap:balance;margin:4px 0 0;font-size:2.5rem;font-weight:900;line-height:1.18}.result-screen__records{font-variant-numeric:tabular-nums;grid-row:3}.result-screen__ms{font:var(--font-record);white-space:nowrap;margin:4px 0 0}.result-screen__ms small{font:500 1rem/1.5 var(--app-font)}.result-screen__round-score{gap:4px;display:grid}.result-screen__round-score strong{font:var(--font-record);white-space:nowrap}.result-screen__records--multi{flex-wrap:wrap;align-items:flex-start;gap:16px 24px;display:flex}.result-screen__records--multi>:is(.result-screen__round-score,.result-screen__metric){flex:7rem;gap:4px;min-width:max-content;display:grid}.result-screen__records--multi .result-screen__ms{margin:0;font-size:3rem;line-height:1.1}.result-screen__no-record{font:var(--font-body);margin:0}.result-screen__note{grid-row:4;margin-top:14px}.result-screen__quote{font:500 1rem/1.6 var(--app-font);margin:0}.result-screen__record{margin:8px 0 0;font-size:.75rem;line-height:1.5}.result-screen__actions{margin-top:16px;margin-bottom:16px;position:relative}.result-screen__actions button{appearance:none;min-width:0;min-height:44px;color:var(--color-ink);font:500 .875rem/1.5 var(--app-font);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px}.result-screen__actions .result-screen__retry{background:var(--color-ink);color:#fff;width:100%;min-height:54px;padding:12px 44px;font-size:1rem;font-weight:700;position:relative}.result-screen__retry>svg{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.result-screen__secondary-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.result-screen__secondary-actions button{border:1px solid var(--color-muted)}.result-screen__secondary-actions .result-screen__share{align-items:center;display:grid}.result-screen__share>span{grid-area:1/1}.result-screen__share svg{vertical-align:-2px;margin-right:5px}.result-screen__button-label--hidden{visibility:hidden}.result-screen__actions button:focus-visible,.average-record--summary button:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}@media (hover:hover){.result-screen__actions button:hover{background:var(--color-line)}.result-screen__actions .result-screen__retry:hover{background:#38383c}}.result-screen__actions button:active{background:var(--color-line)}.result-screen__actions .result-screen__retry:active{background:#38383c}.result-screen__actions button:disabled{opacity:.55;cursor:default}.result-screen__actions--locked{pointer-events:none}@media (height<=700px){.result-screen__ending{padding:20px}}.result-screen__verdict{object-fit:contain;object-position:left;width:auto;max-width:100%;height:1.1em;display:block}.result-screen__accessible-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.screen-icon-button,.screen-primary-button{color:var(--color-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;transition:background-color .1s}.screen-icon-button{background:var(--color-surface);border:1px solid #b9b5ad;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;display:grid}.screen-primary-button{background:var(--color-ink);width:220px;max-width:100%;min-height:56px;color:var(--color-surface);font:600 1rem/1.5 var(--app-font);letter-spacing:-.02em;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:14px 24px;display:flex}.screen-primary-button svg{flex-shrink:0}@media (hover:hover){.screen-primary-button:hover:not(:disabled){background:#36363b}.screen-icon-button:hover:not(:disabled){background:#e9e5dd}}.screen-primary-button:active:not(:disabled){background:#48484e}.screen-icon-button:active:not(:disabled){background:var(--color-line)}.screen-icon-button:disabled{opacity:.3;cursor:default}.screen-primary-button:disabled{opacity:.6;cursor:default}.screen-icon-button:focus-visible,.screen-primary-button:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.screen-icon-button,.screen-primary-button{transition:none}}.screen-header.ui-header{border-bottom:1px solid var(--color-line);grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:12px;min-height:57px;padding-bottom:12px;display:grid}.screen-header .screen-header__title{min-height:44px;font:600 1.375rem/1.3 var(--app-font);letter-spacing:-.025em;text-align:center;word-break:keep-all;overflow-wrap:anywhere;justify-content:center;align-items:center;margin:0;display:flex}.records-screen{width:100%;max-width:var(--app-width);height:100svh;padding:calc(12px + env(safe-area-inset-top)) var(--app-gutter) 0;background:var(--color-paper);color:var(--color-ink);overflow-wrap:anywhere;grid-template-rows:auto minmax(0,1fr) auto;margin:0 auto;display:grid}.records-screen__header{margin-bottom:12px}.records-screen .average-record button:not(.average-record__info){border:1px solid var(--color-line);background:var(--color-surface);min-height:44px;color:var(--color-ink);font:600 .875rem/1.5 var(--app-font);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;transition:background-color .1s}.records-screen__records{margin-top:24px}.records-screen__records h2{font:var(--font-card-title);margin:0 0 12px}.records-screen__list{margin:0;padding:0;list-style:none}.records-screen__item{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(28px,max-content) minmax(0,1fr) auto;align-items:center;gap:8px;min-height:72px;padding:12px 0;display:grid}.records-screen__number{white-space:nowrap;color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.875rem}.records-screen__item-copy{gap:4px;min-width:0;display:grid}.records-screen__item-copy strong{word-break:keep-all;font-size:.9375rem;font-weight:650;line-height:1.4}.records-screen__item-copy>span{color:var(--color-muted);font-size:.75rem;line-height:1.5}.records-screen__score{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.records-screen__score b{font-size:1.25rem;font-weight:700}.records-screen__score small{font-size:.75rem;font-weight:400}.records-screen__score--empty{color:var(--color-muted);font-size:.75rem}.records-screen__loading{font:var(--font-body);color:var(--color-muted);padding:24px 0}.records-screen__scroll{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;margin-inline:-4px;padding:12px 4px 24px;overflow-y:auto}.records-screen__actions{padding:12px 0 max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:var(--color-paper);position:relative}.records-screen__actions button{width:100%;padding:10px 16px}.records-screen .records-screen__share{justify-content:stretch;align-items:center;width:100%;min-height:54px;display:grid}@media (hover:hover){.records-screen .average-record button:not(.average-record__info):hover:not(:disabled){background:#e9e5dd}}.records-screen .average-record button:not(.average-record__info):active:not(:disabled){background:var(--color-line)}.records-screen button:focus-visible,.records-screen [tabindex]:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.records-screen .average-record__info:focus-visible{outline:none}.records-screen .average-record__info:focus-visible span{outline:2px solid var(--color-ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.records-screen button{transition:none}}.records-screen__share>span{grid-area:1/1}.records-screen__label--hidden{visibility:hidden}.image-book-cover{min-width:0;display:block}.image-book-cover__frame{isolation:isolate;aspect-ratio:2/3;border:2px solid var(--color-ink);background:var(--color-paper);width:100%;display:block;position:relative;overflow:hidden}.image-book-cover__art{object-fit:cover;object-position:50% 48%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.image-book-cover__title,.image-book-cover__measure{z-index:1;width:76%;height:35%;color:var(--color-ink);text-align:center;font-size:1.25rem;font-weight:800;line-height:1.2;position:absolute;top:0;left:-3%}.image-book-cover__measure{visibility:hidden;pointer-events:none;height:auto}.image-book-cover__title--illustrated{place-items:center;display:grid}.image-book-cover__accessible-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.image-book-cover[data-title-position=bottom] .image-book-cover__title--illustrated{height:28%;inset:auto 1% 1% auto}.image-book-cover[data-title-position=top-center] .image-book-cover__title--illustrated{width:74%;height:26%;top:0;left:24%}.image-book-cover__title--illustrated img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.image-book-cover__title--below{word-break:keep-all;overflow-wrap:anywhere;width:auto;height:auto;margin-top:8px;display:block;position:static}.flicking-viewport{position:relative;overflow:hidden}.flicking-viewport.vertical{display:inline-flex}.flicking-viewport.vertical>.flicking-camera{flex-direction:column;display:inline-flex}.flicking-viewport.flicking-hidden>.flicking-camera>*{visibility:hidden}.flicking-camera{z-index:1;will-change:transform;flex-direction:row;width:100%;height:100%;display:flex;position:relative}.flicking-camera>*{flex-shrink:0}.theme-select-screen{width:100%;max-width:var(--app-width);min-height:100svh;padding:calc(12px + env(safe-area-inset-top)) var(--app-gutter) calc(20px + env(safe-area-inset-bottom));background:var(--color-paper);color:var(--color-ink);flex-direction:column;margin-inline:auto;display:flex}.theme-select-screen>*{flex-shrink:0}.theme-select-screen__average{text-align:center;color:var(--color-muted);margin:12px 0;font-size:.8125rem;line-height:1.5}.theme-select-screen__content{flex-direction:column;flex-grow:1;justify-content:center;padding-block:12px;display:flex}.theme-select-screen__content>*{flex-shrink:0}.theme-select-screen__shelf{margin-inline:calc(-1 * var(--app-gutter));flex-direction:column;justify-content:center;display:flex;position:relative}.theme-select-screen__carousel{width:100%}.theme-select-screen__controls{z-index:2;pointer-events:none;position:absolute;inset:0}.theme-select-screen__controls .theme-select-screen__nav{pointer-events:auto;position:absolute;top:calc(50% - 10px);transform:translateY(-50%)}.theme-select-screen__controls .theme-select-screen__nav:first-child{left:8px}.theme-select-screen__controls .theme-select-screen__nav:last-child{right:8px}.theme-select-screen__book{width:clamp(160px, calc((100svh - 380px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 2 / 3), 368px);max-width:calc(100% - 64px);color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-self:flex-start;margin-inline:8px;padding:0}.theme-select-screen__book:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.theme-select-screen__book[aria-hidden=true]{opacity:.5}.theme-select-screen__details{text-align:center;width:min(100%,320px);margin:20px auto 24px}.theme-select-screen__announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.theme-select-screen__dots{justify-content:center;align-items:center;gap:6px;height:20px;display:flex}.theme-select-screen__dot{background:var(--color-line);border-radius:50%;width:6px;height:6px}.theme-select-screen__dot[data-active=true]{background:var(--color-ink)}.theme-select-screen__open{margin-inline:auto}.theme-select-screen__instruction{text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;align-content:center;min-height:3em;margin:0;font-size:1rem;font-weight:600;line-height:1.5;display:grid}.theme-select-screen__record{color:var(--color-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin:20px 0 0;font-size:.75rem;line-height:1.5;display:flex}.theme-select-screen__cell-best{color:var(--color-ink)}.theme-select-screen__cell-best strong{font-size:.875rem;font-weight:650}.theme-select-screen__value{font-variant-numeric:tabular-nums;white-space:nowrap}.theme-select-screen__carousel:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.title-stage{width:100%;max-width:var(--app-width);min-height:100svh;margin-inline:auto;position:relative}.title-stage__themes{visibility:hidden;position:absolute;inset:0}.title-screen{width:100%;max-width:var(--app-width);min-height:100svh;color:var(--color-ink);isolation:isolate;flex-direction:column;margin-inline:auto;display:flex;position:relative}.title-screen__backdrop{z-index:-1;background:var(--color-paper);position:absolute;inset:0}.title-screen__art{margin-top:calc(64px + env(safe-area-inset-top));height:clamp(320px, calc(100svh - 168px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 720px);pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;container-type:size}.title-screen__panel{inset:6% var(--app-gutter) 5%;border:3px solid var(--color-ink);pointer-events:none;position:absolute}.title-screen__object{position:absolute}.title-screen__drawing{width:100%;height:auto;display:block;position:relative}.title-screen__effect{pointer-events:none;width:100%;height:auto;position:absolute}.title-screen__cat-paw .title-screen__effect{width:115%;top:0;left:20%;transform:rotate(90deg)}.title-screen__chopsticks .title-screen__effect{width:120%;top:2%;left:-34%}.title-screen__chicken .title-screen__effect{opacity:.65;width:90%;top:-10%;left:5%}.title-screen__racket .title-screen__effect{width:65%;top:-31%;left:1%;transform:rotate(18deg)}.title-screen__mosquito .title-screen__effect{width:75%;top:-38%;left:35%;transform:rotate(-15deg)}.title-screen__cat-paw{width:64%;top:35%;left:-24%}.title-screen__chopsticks{width:56%;top:-5%;right:-13%}.title-screen__chicken{width:42%;top:59%;left:30%}.title-screen__racket{width:48%;top:72%;right:-12%}.title-screen__mosquito{width:17%;top:84%;left:29%}.title-screen__logo{width:min(84cqw,60cqh);height:auto;position:absolute;top:19%;left:calc(50% - min(42cqw,30cqh))}.title-screen__actions{padding:12px var(--app-gutter) calc(32px + env(safe-area-inset-bottom));justify-content:center;display:flex}.title-screen__records{top:calc(12px + env(safe-area-inset-top));right:var(--app-gutter);position:absolute}.title-screen[data-leaving=true] .title-screen__actions{pointer-events:none}@media (height<=600px){.title-screen__art{height:max(280px,100svh - 156px)}.title-screen__actions{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.title-screen__logo{width:min(68cqw,70cqh);top:8%;left:calc(50% - min(34cqw,35cqh))}.title-screen__cat-paw{width:43%}.title-screen__chopsticks{width:42%;top:-13%}.title-screen__chicken{width:min(29cqw,40cqh);top:65%}.title-screen__racket{width:min(38cqw,52cqh);top:56%;right:-8%}.title-screen__mosquito{width:13%;top:87%;left:10%}}.title-screen[data-exited=true]{visibility:hidden;pointer-events:none}