@layer components{.tbl{--tbl-ink:var(--site-ink,#13254d);--tbl-logo-size:clamp(18px, 5.6cqw, 52px);--tbl-below-logo:calc(5cqh + var(--tbl-logo-size) * 1.1 + 1.6cqh);z-index:10;background:var(--site-paper,#f2f7ff);color:var(--tbl-ink);font-family:var(--site-body-font,"Hiragino Maru Gothic ProN", "BIZ UDPGothic", "Yu Gothic UI", Meiryo, sans-serif);-webkit-user-select:none;user-select:none;font-weight:900;transition:opacity .42s ease-out;position:absolute;inset:0;overflow:hidden;container-type:size}.tbl--exit{opacity:0;pointer-events:none}.tbl-logo{z-index:2;color:var(--tbl-ink);font-family:var(--site-display-font,inherit);font-size:var(--tbl-logo-size);letter-spacing:-.02em;white-space:nowrap;-webkit-text-stroke:.22em #fff;margin:0;font-weight:900;line-height:1.1;animation:2.4s ease-in-out infinite alternate tbl-logo-bob;position:absolute;top:5cqh;left:50%;translate:-50%}.tbl-runner{transform-origin:50% 100%;overflow:visible}.tbl-shadow{background:#13254d2e;border-radius:50%;width:16cqw;height:4cqh;position:absolute}.tbl-bomb{width:100%;height:100%;display:block;overflow:visible}.tbl-bomb__spark{transform-box:fill-box;transform-origin:50%;animation:.26s ease-in-out infinite alternate tbl-spark}.tbl-bomb__eyes{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite tbl-blink}.tbl-meter{z-index:3;flex-direction:column;align-items:center;gap:1.2cqh;width:min(48cqw,520px);display:flex;position:absolute;bottom:3.4cqh;left:50%;translate:-50%}.tbl-status{color:#fff;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:.22em var(--tbl-ink);max-width:100%;margin:0;font-size:clamp(12px,2.6cqw,22px);line-height:1.3;overflow:hidden}.tbl-meter__gauge{align-items:center;width:100%;display:flex}.tbl-meter__track{border:max(2px, .45cqh) solid var(--tbl-ink);background:var(--tbl-ink);border-radius:999px;flex:1;height:clamp(16px,5.4cqh,30px);padding:.5cqh;position:relative;box-shadow:0 .6cqh #13254d38,inset 0 .7cqh #0000004d}.tbl-meter__fill{background:linear-gradient(#fff2a8 0%,#ffd23f 46%,#f39c17 100%);border-radius:999px;min-width:1.4em;height:100%;transition:width .6s cubic-bezier(.3,.8,.3,1);display:block;position:relative;overflow:hidden}.tbl-meter__fill:before{content:"";background:#fff9;border-radius:999px;height:32%;position:absolute;inset:12% .7em auto}.tbl-meter__fill:after{content:"";background:linear-gradient(100deg,#0000,#ffffffb3,#0000);width:40%;animation:1.8s ease-in-out infinite tbl-meter-sheen;position:absolute;inset:0 auto 0 -40%}.tbl-meter__percent{color:#fff;font-variant-numeric:tabular-nums;-webkit-text-stroke:.24em var(--tbl-ink);justify-content:center;align-items:center;font-size:clamp(12px,3cqw,26px);line-height:1;display:flex;position:absolute;inset:0}.tbl-meter__percent small{font-size:.7em}.tbl-meter__goal{z-index:1;aspect-ratio:1;flex:none;height:clamp(28px,11cqh,64px);margin:-2.4cqh -1cqw -1cqh -1.6cqw}.tbl-meter__goal--lit{animation:.9s ease-in-out infinite alternate tbl-meter-goal}.tbl--failure .tbl-logo{animation:none}.tbl-failure__art{aspect-ratio:1;height:22cqh;position:absolute;top:20cqh;left:50%;translate:-50%}.tbl-smoke{opacity:0;background:#eef3f8;border:.4cqh solid #13254d80;border-radius:50%;width:4.5cqh;height:4.5cqh;animation:2.4s ease-out infinite tbl-smoke;position:absolute;top:2%;left:80%}.tbl-smoke--2{animation-delay:.8s}.tbl-smoke--3{animation-delay:1.6s}.tbl-failure__card{z-index:2;border:max(2px, .5cqh) solid var(--tbl-ink);background:var(--site-surface,#fff);width:min(76cqw,660px);box-shadow:0 .9cqh 0 var(--tbl-ink);text-align:center;border-radius:2.4cqh;padding:2.4cqh 3cqw;position:absolute;top:47cqh;left:50%;translate:-50%}.tbl-failure__title{margin:0 0 1cqh;font-size:clamp(14px,3.4cqw,30px);line-height:1.25}.tbl-failure__hint{color:var(--site-ink-soft,#46597f);text-wrap:balance;margin:0;font-size:clamp(10px,2.1cqw,18px);font-weight:700;line-height:1.5}@keyframes tbl-logo-bob{0%{transform:translateY(0)}to{transform:translateY(-.8cqh)}}@keyframes tbl-spark{0%{opacity:.85;transform:scale(.8)rotate(0)}to{opacity:1;transform:scale(1.2)rotate(20deg)}}@keyframes tbl-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes tbl-meter-sheen{0%,20%{transform:translate(0)}to{transform:translate(350%)}}@keyframes tbl-meter-goal{0%{transform:rotate(-6deg)scale(1)}to{transform:rotate(6deg)scale(1.08)}}@keyframes tbl-smoke{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:.9}to{opacity:0;transform:translate(3cqh,-10cqh)scale(1.3)}}@container (width<=480px){.tbl-logo{display:none}.tbl-meter{display:contents}.tbl-status{z-index:3;max-width:92cqw;position:absolute;top:4cqh;left:50%;translate:-50%}.tbl-meter__gauge{z-index:3;width:52cqw;position:absolute;bottom:5cqh;left:50%;translate:-50%}.tbl-failure__art{height:26cqh;top:6cqh}.tbl-failure__card{width:88cqw;padding:2cqh 3cqw;top:36cqh}}@media (prefers-reduced-motion:reduce){.tbl *,.tbl :before,.tbl :after{transition:none!important;animation:none!important}.tbl-smoke{display:none}}.tbl-quiz{--tbl-quiz-cycle:3.2s;--tbl-quiz-pass:50.7cqw;pointer-events:none;position:absolute;inset:0}.tbl-quiz__player{aspect-ratio:100/140;height:38cqh;position:absolute;bottom:12cqh}.tbl-quiz__player--left{left:10cqw}.tbl-quiz__player--right{right:10cqw;transform:scaleX(-1)}.tbl-quiz__player .tbl-quiz__figure{height:100%;animation:1.6s ease-in-out infinite alternate tbl-quiz-idle;display:block}.tbl-quiz--to-right .tbl-quiz__player--left .tbl-quiz__figure,.tbl-quiz--to-left .tbl-quiz__player--right .tbl-quiz__figure{animation:tbl-quiz-throw var(--tbl-quiz-cycle) ease-in-out both}.tbl-quiz--to-right .tbl-quiz__player--right .tbl-quiz__figure,.tbl-quiz--to-left .tbl-quiz__player--left .tbl-quiz__figure{animation:tbl-quiz-catch var(--tbl-quiz-cycle) ease-out both}.tbl-quiz__shadow{bottom:10cqh}.tbl-quiz__shadow--left{left:9cqw}.tbl-quiz__shadow--right{right:9cqw}.tbl-quiz__bomb{z-index:1;aspect-ratio:1;height:13cqh;position:absolute;bottom:31cqh;left:21cqw}.tbl-quiz--to-right .tbl-quiz__bomb{animation:tbl-quiz-pass-right var(--tbl-quiz-cycle) linear both}.tbl-quiz--to-left .tbl-quiz__bomb{animation:tbl-quiz-pass-left var(--tbl-quiz-cycle) linear both}.tbl-quiz__card{left:50%;top:max(19cqh, var(--tbl-below-logo));border:max(2px, .55cqh) solid var(--tbl-ink);background:var(--site-surface,#fff);box-shadow:0 1cqh 0 var(--tbl-ink);white-space:nowrap;animation:tbl-quiz-card var(--tbl-quiz-cycle) linear both;border-radius:2.4cqh;align-items:center;gap:1.6cqw;padding:2cqh 3.4cqw;font-family:ui-rounded,Hiragino Maru Gothic ProN,system-ui,sans-serif;font-size:clamp(16px,5.4cqw,50px);line-height:1;display:flex;position:absolute}.tbl-quiz__answer{background:var(--site-sky-pale,#e1efff);min-width:2.2em;color:var(--site-accent,#2f6fe8);border-radius:.3em;justify-content:center;padding:.12em .2em;display:inline-flex;position:relative}.tbl-quiz__tag{border:max(1.5px, .4cqh) solid var(--tbl-ink);background:var(--site-accent,#2f6fe8);color:var(--site-on-accent,#fff);font-family:var(--site-body-font,sans-serif);border-radius:999px;padding:.5cqh 1.2cqw;font-size:clamp(8px,1.6cqw,15px);font-weight:900;line-height:1.2;position:absolute;top:0;left:1.6cqw;translate:0 -60%}.tbl-quiz__card--typing .tbl-quiz__tag{background:#5fb84a}.tbl-quiz__card--math .tbl-quiz__char{opacity:0;animation:tbl-quiz-digit .2s ease-out var(--char-delay) forwards;display:inline-block}.tbl-quiz__card--typing .tbl-quiz__question{font-family:var(--site-body-font,sans-serif);font-weight:900}.tbl-quiz__card--typing .tbl-quiz__answer{letter-spacing:.04em;min-width:0;padding-inline:.3em}.tbl-quiz__card--typing .tbl-quiz__char{color:#b5c4d3;animation:tbl-quiz-letter .2s ease-out var(--char-delay) forwards;display:inline-block}.tbl-quiz__placeholder{text-align:center;color:#9fb3cf;animation:tbl-quiz-placeholder var(--tbl-quiz-cycle) linear both;position:absolute;inset:.12em 0 0}.tbl-quiz__stamp{opacity:0;width:15cqh;height:15cqh;animation:tbl-quiz-stamp var(--tbl-quiz-cycle) linear both;place-items:center;display:grid;position:absolute;top:-5cqh;right:-4cqw}.tbl-quiz__circle{border:1.4cqh solid #ef5a5a;border-radius:50%;position:absolute;inset:0}.tbl-quiz__correct{color:#fff;font-family:var(--site-body-font,sans-serif);-webkit-text-stroke:.24em #ef5a5a;font-size:clamp(9px,1.8cqw,17px);font-weight:900;position:relative;rotate:-12deg}@keyframes tbl-quiz-idle{0%{transform:translateY(0)}to{transform:translateY(-.8cqh)}}@keyframes tbl-quiz-throw{0%,50%{transform:rotate(0)translateY(0)}54%{transform:rotate(-8deg)translate(-1cqw)}58%{transform:rotate(8deg)translate(1.2cqw)}68%,to{transform:rotate(0)translateY(0)}}@keyframes tbl-quiz-catch{0%,74%{transform:translateY(0)scale(1)}78%{transform:translateY(0)scale(1.06,.92)}83%{transform:translateY(-2.4cqh)scale(.97,1.04)}90%,to{transform:translateY(0)scale(1)}}@keyframes tbl-quiz-pass-right{0%,52%{transform:translate(0)rotate(0)}26%{transform:translateY(-1cqh)rotate(0)}63%{transform:translate(calc(var(--tbl-quiz-pass) / 2), -9cqh) rotate(200deg)}75%,to{transform:translate(var(--tbl-quiz-pass), 0) rotate(360deg)}}@keyframes tbl-quiz-pass-left{0%,52%{transform:translate(var(--tbl-quiz-pass), 0) rotate(0)}26%{transform:translate(var(--tbl-quiz-pass), -1cqh) rotate(0)}63%{transform:translate(calc(var(--tbl-quiz-pass) / 2), -9cqh) rotate(-200deg)}75%,to{transform:translate(0)rotate(-360deg)}}@keyframes tbl-quiz-card{0%{opacity:0;transform:translate(-50%,2cqh)scale(.6)}5%{opacity:1;transform:translate(-50%)scale(1.06)}8%,86%{opacity:1;transform:translate(-50%)scale(1)}96%,to{opacity:0;transform:translate(-50%,-2cqh)scale(.92)}}@keyframes tbl-quiz-digit{0%{opacity:0;transform:translateY(-.4em)scale(1.3)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tbl-quiz-letter{0%{color:#b5c4d3;transform:translateY(0)scale(1)}45%{color:#f39c17;transform:translateY(-.2em)scale(1.25)}to{color:var(--site-accent,#2f6fe8);transform:translateY(0)scale(1)}}@keyframes tbl-quiz-placeholder{0%,20%{opacity:1}20.5%,to{opacity:0}}@keyframes tbl-quiz-stamp{0%,41%{opacity:0;transform:scale(1.8)rotate(-20deg)}45%{opacity:1;transform:scale(.92)rotate(0)}48%,86%{opacity:1;transform:scale(1)rotate(0)}96%,to{opacity:0;transform:scale(1)}}@container (width<=480px){.tbl-quiz__card{top:18cqh}}@media (prefers-reduced-motion:reduce){.tbl-quiz__card{transform:translate(-50%)}.tbl-quiz__card--math .tbl-quiz__char{opacity:1}.tbl-quiz__card--typing .tbl-quiz__char{color:var(--site-accent,#2f6fe8)}.tbl-quiz__placeholder{display:none}.tbl-quiz__stamp{opacity:1}}}