@import "https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&family=IM+Fell+English:ital@0;1&family=EB+Garamond:wght@500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#ecdfbf;--paper-deep:#dccaa0;--paper-edge:#b99c68;--ink:#3a2a1a;--ink-soft:#6e5838;--seal:#8b2e1f;--sea:#3f6577;--verdigris:#3d6b4f;--gilt:#a97b2c;--grat:#3a2a1a12}*{box-sizing:border-box;margin:0;padding:0}html,body{font-variant-numeric:lining-nums;width:100%;height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background-color:var(--paper);background-image:radial-gradient(ellipse at center, transparent 55%, #78522847 100%), radial-gradient(circle at 18% 22%, #966e321a 0 8%, transparent 22%), radial-gradient(circle at 82% 74%, #966e3217 0 6%, transparent 20%), repeating-linear-gradient(0deg, transparent 0 63px, var(--grat) 63px 64px), repeating-linear-gradient(90deg, transparent 0 63px, var(--grat) 63px 64px);font-family:EB Garamond,Georgia,Times New Roman,serif;overflow:hidden}#app{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100vw;height:100dvh;position:relative}#app:before{content:"";border:2px solid var(--ink);outline:1px solid var(--ink);outline-offset:-7px;opacity:.55;pointer-events:none;z-index:1;position:absolute;inset:10px}.hidden{display:none!important}.fq-topbar{z-index:30;border-bottom:1px solid var(--ink);font-variant:small-caps;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.5px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:min(560px,100% - 140px);padding:6px 4px 8px;font-size:19px;font-weight:600;display:grid;position:absolute;top:20px;left:50%;transform:translate(-50%)}.fq-topbar__progress{color:var(--ink-soft)}.fq-topbar__score{text-align:right;font-variant-numeric:tabular-nums}.fq-topbar__lives{gap:4px;display:flex}.fq-life{width:26px;height:26px;color:var(--seal);transition:opacity .3s,color .3s;display:block}.fq-life svg{width:100%;height:100%}.fq-life.is-lost{color:var(--ink-soft);opacity:.25}.fq-stage{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:76px 24px 28px;display:flex;position:absolute;inset:0}.fq-plate{border:2px solid var(--ink);width:min(380px,78vw,50vh);box-shadow:inset 0 0 0 4px #f6edd6, inset 0 0 0 5px var(--ink), 3px 4px 0 #3a2a1a2e;background:#f6edd6;padding:10px;position:relative}.fq-plate.is-new{animation:.32s ease-out fq-plate-in}.fq-plate__flag{aspect-ratio:4/3;object-fit:contain;background:var(--paper-deep);border:1px solid #3a2a1a73;width:100%;height:auto;display:block}@keyframes fq-plate-in{0%{opacity:0;transform:translateY(8px)rotate(-.6deg)}to{opacity:1;transform:none}}.fq-stamp{font-variant:small-caps;color:#f6edd6;opacity:0;pointer-events:none;border-radius:4px;padding:4px 14px 5px;font-size:22px;font-weight:700;position:absolute;bottom:-16px;right:-14px;transform:rotate(-6deg)scale(.6)}.fq-stamp.is-shown{animation:.22s cubic-bezier(.2,1.4,.4,1) forwards fq-stamp}.fq-stamp--ok{background:var(--verdigris);box-shadow:0 0 0 2px #f6edd6, 0 0 0 3px var(--verdigris)}.fq-stamp--bad{background:var(--seal);box-shadow:0 0 0 2px #f6edd6, 0 0 0 3px var(--seal)}@keyframes fq-stamp{to{opacity:1;transform:rotate(-6deg)scale(1)}}.fq-scale{width:min(380px,78vw)}.fq-scale__track{border:1.5px solid var(--ink);background:repeating-linear-gradient(90deg, var(--ink) 0 20%, #f6edd6 20% 40%);height:10px;position:relative;overflow:hidden}.fq-scale__spent{background:repeating-linear-gradient(135deg, #3a2a1a2e 0 2px, transparent 2px 5px), var(--paper);width:0;position:absolute;top:0;bottom:0;right:0}.fq-scale.is-urgent .fq-scale__track{border-color:var(--seal);background:repeating-linear-gradient(90deg, var(--seal) 0 20%, #f6edd6 20% 40%)}.fq-scale__ticks{color:var(--ink-soft);justify-content:space-between;margin-top:2px;font-size:13px;font-style:italic;display:flex}.fq-scale__ticks span{justify-content:center;width:0;display:flex}.fq-options{grid-template-columns:1fr 1fr;gap:10px;width:min(560px,100%);display:grid}.fq-option{text-align:left;min-height:58px;color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;touch-action:manipulation;background:#f6edd6;border-radius:2px;align-items:center;gap:10px;padding:8px 14px;font-family:inherit;transition:background .12s,transform 60ms,opacity .2s;display:flex;position:relative;box-shadow:inset 0 0 0 3px #f6edd6,inset 0 0 0 4px #3a2a1a59,2px 3px #3a2a1a29}.fq-option:hover:not(:disabled){background:#fbf4e2}.fq-option:active:not(:disabled){transform:translate(1px,2px);box-shadow:inset 0 0 0 3px #f6edd6,inset 0 0 0 4px #3a2a1a59}.fq-option:disabled{cursor:default}.fq-option__num{min-width:28px;color:var(--gilt);flex:none;font-family:IM Fell English SC,Georgia,serif;font-size:17px}.fq-option__name{font-size:20px;font-weight:600;line-height:1.1}.fq-option.is-correct{color:#f6edd6;background:var(--verdigris);border-color:var(--verdigris);box-shadow:inset 0 0 0 3px var(--verdigris), inset 0 0 0 4px #f6edd680}.fq-option.is-correct .fq-option__num{color:#f6edd6}.fq-option.is-wrong{border-color:var(--seal);color:var(--seal)}.fq-option.is-wrong .fq-option__name{text-decoration:line-through;text-decoration-thickness:2px}.fq-option.is-dim{opacity:.4}.fq-overlay{z-index:40;text-align:center;background:#ecdfbfdb;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:48px 28px 32px;display:flex;position:absolute;inset:0;overflow-y:auto}.fq-overlay__ornament{width:78px;height:78px;color:var(--ink);margin-bottom:2px}.fq-overlay__rose{width:100%;height:100%;animation:40s linear infinite fq-rose}.fq-overlay__rose .rose-long path:first-child{fill:var(--seal)}@keyframes fq-rose{to{transform:rotate(360deg)}}.fq-overlay__title{font-family:IM Fell English,Georgia,serif;font-size:clamp(48px,11vw,82px);line-height:1}.fq-overlay__subtitle{max-width:460px;color:var(--ink-soft);margin:6px 0 10px;font-size:18px;font-style:italic;line-height:1.35}.fq-overlay__score{font-variant:small-caps;font-variant-numeric:lining-nums;color:var(--seal);font-size:32px;font-weight:700}.fq-overlay__detail{color:var(--ink-soft);font-size:16px}.fq-overlay__hint{font-variant:small-caps;font-variant-numeric:lining-nums;letter-spacing:1px;color:var(--ink-soft);margin-top:8px;font-size:17px;font-weight:600}.fq-overlay .mg-lb{color:var(--ink);margin-top:10px}.fq-overlay .mg-lb__tab{border-color:#3a2a1a59}.fq-overlay .mg-lb__tab[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#f6edd6}.fq-overlay .mg-lb__row{background:#3a2a1a0f}.fq-overlay .mg-lb__row--me{background:#8b2e1f1f;box-shadow:inset 0 0 0 1px #8b2e1f80}.fq-overlay .mg-lb__input{border:1.5px solid var(--ink);color:var(--ink);background:#f6edd6}.fq-overlay .mg-lb__input:focus{border-color:var(--seal)}.fq-overlay .mg-lb__save{border:1.5px solid var(--ink);background:var(--seal);color:#f6edd6}.fq-countdown{z-index:45;pointer-events:none;color:var(--ink);opacity:0;justify-content:center;align-items:center;font-size:clamp(120px,30vw,220px);font-weight:500;display:flex;position:absolute;inset:0}.fq-countdown.is-shown{animation:.75s cubic-bezier(.25,1,.5,1) fq-count}@keyframes fq-count{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.08)}45%{transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.fq-board{position:relative}.fq-board .fq-plate{z-index:1}.fq-friar{pointer-events:none;width:220px;position:absolute;bottom:-8px;right:calc(100% + 18px)}.fq-friar__svg{width:100%;height:auto;display:block;overflow:visible}.fq-friar *{transform-box:view-box}.fq-friar .hatch-line{stroke:var(--ink);stroke-width:.7px;opacity:.5}.fq-friar .f-line{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.fq-friar .f-line--bold{stroke-width:2.4px}.fq-friar .f-line--thin{stroke-width:.9px;opacity:.7}.fq-friar .f-robe{fill:#e3d3ad;stroke:var(--ink);stroke-width:1.8px;stroke-linejoin:round}.fq-friar .f-cowl{fill:#d6c294;stroke:var(--ink);stroke-width:1.8px;stroke-linejoin:round}.fq-friar .f-shade{fill:url(#fq-hatch);stroke:none}.fq-friar .f-skin{fill:#f6e7cc;stroke:var(--ink);stroke-width:1.8px}.fq-friar .f-rope{fill:none;stroke:var(--ink);stroke-width:2.6px;stroke-dasharray:3 1.6}.fq-friar .f-knot{fill:var(--ink-soft);stroke:var(--ink);stroke-width:1px}.fq-friar .f-shine{fill:none;stroke:#fffaf0;stroke-width:2.6px;stroke-linecap:round}.fq-friar .f-hair circle{fill:var(--ink-soft);stroke:var(--ink);stroke-width:1.2px}.fq-friar .f-brow{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.fq-friar .f-pupil{fill:var(--ink)}.fq-friar .f-specs{fill:#fffaf033;stroke:var(--ink);stroke-width:1.5px}.fq-friar .f-specs path{fill:none}.fq-friar .f-nose{fill:#efd6b0;stroke:var(--ink);stroke-width:1.6px}.fq-friar .f-cheek{fill:var(--seal);opacity:0;transition:opacity .25s}.fq-friar .f-mouth{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.fq-friar .f-fill-ink{fill:var(--ink)}.fq-friar .f-sweat{fill:#f6edd6;stroke:var(--sea);stroke-width:1.4px;opacity:0}.fq-friar .f-wood{fill:var(--paper-edge);stroke:var(--ink);stroke-width:1.8px;stroke-linejoin:round}.fq-friar .f-wood-shade{fill:url(#fq-hatch-dense);opacity:.55}.fq-friar .f-page{fill:#fbf3df;stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round}.fq-friar .f-ink{fill:var(--ink);stroke:var(--ink);stroke-width:1px}.fq-friar .f-quill-shaft{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round}.fq-friar .f-quill{fill:#fbf3df;stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round}.fq-friar .f-sparks path{fill:none;stroke:var(--gilt);stroke-width:2.4px;stroke-linecap:round;opacity:0}.fq-friar .f-zzz text{fill:var(--ink-soft);opacity:0;font-family:IM Fell English,Georgia,serif;font-size:17px}.fq-friar .f-figure{transform-origin:100px 222px}.fq-friar .f-torso{transform-origin:100px 178px;animation:3.2s ease-in-out infinite f-breathe}.fq-friar .f-head{transform-origin:100px 118px;transition:transform .35s}.fq-friar .f-brow{transition:transform .25s}.fq-friar .f-brow--l{transform-origin:87px 79px}.fq-friar .f-brow--r{transform-origin:113px 79px}.fq-friar .f-eyes{opacity:0;transition:transform .3s}.fq-friar .f-arm{transition:transform .4s cubic-bezier(.3,1.35,.5,1)}.fq-friar .f-arm--l{transform-origin:62px 124px}.fq-friar .f-arm--r{transform-origin:140px 124px}.fq-friar .f-eyes--open,.fq-friar .f-mouth--neutral{opacity:1}.fq-friar:not(.is-idle) .f-mouth--neutral{opacity:0}.fq-friar.is-idle .f-arm--r{animation:1.1s ease-in-out infinite f-write}.fq-friar.is-idle .f-eyes--open{transform:translate(2.2px,1.6px)}.fq-friar.is-idle.is-urgent .f-arm--r{animation-duration:.4s}.fq-friar.is-idle.is-urgent .f-brow{transform:translateY(-3px)}.fq-friar.is-idle.is-urgent .f-mouth--neutral{opacity:0}.fq-friar.is-idle.is-urgent .f-mouth--o{opacity:1}.fq-friar.is-idle.is-urgent .f-sweat{animation:.9s ease-in infinite f-sweat}.fq-friar:is(.is-correct,.is-cheer) .f-eyes--open{opacity:0}.fq-friar:is(.is-correct,.is-cheer) .f-eyes--happy{opacity:1}.fq-friar:is(.is-correct,.is-cheer) .f-cheek{opacity:.32}.fq-friar:is(.is-correct,.is-cheer) .f-arm--r{transform:translateY(-22px)rotate(-20deg)}.fq-friar.is-correct .f-mouth--smile{opacity:1}.fq-friar.is-correct .f-head{animation:.5s f-nod}.fq-friar.is-cheer .f-mouth--grin{opacity:1}.fq-friar.is-cheer .f-figure{animation:.45s 2 f-hop}.fq-friar.is-cheer .f-arm--r{animation:.45s ease-in-out 3 f-wave}.fq-friar.is-cheer .f-sparks path{transform-origin:50%;animation:.9s ease-out forwards f-spark}.fq-friar.is-cheer .f-sparks path:nth-child(2){animation-delay:.12s}.fq-friar.is-cheer .f-sparks path:nth-child(3){animation-delay:.22s}.fq-friar.is-cheer .f-sparks path:nth-child(4){animation-delay:.32s}.fq-friar.is-wrong .f-arm--l{transform:rotate(-123deg)}.fq-friar.is-wrong .f-eyes--open{opacity:0}.fq-friar.is-wrong .f-eyes--closed,.fq-friar.is-wrong .f-mouth--frown{opacity:1}.fq-friar.is-wrong .f-brow--l{transform:rotate(-14deg)}.fq-friar.is-wrong .f-brow--r{transform:rotate(14deg)}.fq-friar.is-wrong .f-head{transform:translateY(2px)rotate(5deg)}.fq-friar.is-timeout .f-eyes--open{transform:translateY(-2.4px)}.fq-friar.is-timeout .f-brow{transform:translateY(-4px)}.fq-friar.is-timeout .f-mouth--o{opacity:1}.fq-friar.is-timeout .f-head{transform:rotate(-7deg)}.fq-friar.is-timeout .f-arm--r{transform:rotate(10deg)}.fq-friar.is-sleep .f-eyes--open{opacity:0}.fq-friar.is-sleep .f-eyes--closed{opacity:1}.fq-friar.is-sleep .f-mouth--o{opacity:1;transform-origin:100px 113px;transform:scale(.7)}.fq-friar.is-sleep .f-head{transform:translateY(4px)rotate(9deg)}.fq-friar.is-sleep .f-arm--r{transform:rotate(12deg)}.fq-friar.is-sleep .f-zzz text{animation:2.4s ease-in-out infinite f-zzz}.fq-friar.is-sleep .f-zzz text:nth-child(2){animation-delay:.5s}.fq-friar.is-sleep .f-zzz text:nth-child(3){animation-delay:1s}@keyframes f-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.018)}}@keyframes f-write{0%,to{transform:rotate(0)}30%{transform:rotate(-3deg)translateY(-1px)}60%{transform:rotate(1.5deg)}80%{transform:rotate(-1.5deg)}}@keyframes f-sweat{0%{opacity:0;transform:translateY(-2px)}25%{opacity:1}to{opacity:0;transform:translateY(9px)}}@keyframes f-nod{40%{transform:translateY(3px)rotate(-3deg)}}@keyframes f-hop{40%{transform:translateY(-9px)}}@keyframes f-wave{0%,to{transform:translateY(-22px)rotate(-20deg)}50%{transform:translateY(-24px)rotate(-34deg)}}@keyframes f-spark{0%{opacity:0}40%{opacity:1}to{opacity:0}}@keyframes f-zzz{0%{opacity:0;transform:translateY(4px)}40%{opacity:1}to{opacity:0;transform:translate(6px,-8px)}}@media (width<=900px){.fq-board{margin-top:108px}.fq-friar{width:132px;bottom:calc(100% - 32px);left:-6px;right:auto}.fq-friar.is-idle .f-eyes--open{transform:translate(.6px,2.4px)}}@media (width<=900px) and (height<=720px){.fq-board{margin-top:58px}.fq-friar{width:78px;bottom:calc(100% - 20px)}.fq-plate{width:min(380px,78vw,40vh)}}@media (width<=520px){.fq-topbar{width:calc(100% - 40px);font-size:16px;top:52px}.fq-stage{gap:14px;padding-top:100px}.fq-options{grid-template-columns:1fr;gap:8px}.fq-option{min-height:50px}.fq-option__name{font-size:18px}}