@layer components{.typing-start-screen:where(.astro-jhejregx){padding-block:var(--space-xs)}.typing-start-content:where(.astro-jhejregx){flex:1;min-height:0;overflow-y:auto;padding:var(--space-xl) var(--space-base);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-base)}.typing-start-illustration:where(.astro-jhejregx){display:block;max-width:20rem;height:auto;flex-shrink:0}.typing-story-text:where(.astro-jhejregx){text-align:center;color:var(--color-netsuki-navy);font-size:var(--font-size-base);line-height:1.5;max-width:30rem;flex-shrink:0}.typing-story-text:where(.astro-jhejregx) p:where(.astro-jhejregx){margin:0}.typing-story-text:where(.astro-jhejregx) p:where(.astro-jhejregx)+p:where(.astro-jhejregx){margin-top:var(--space-xs)}.typing-start-separator:where(.astro-jhejregx){border-top:2px dashed color-mix(in srgb,var(--color-netsuki-gold) 50%,transparent);width:100%;flex-shrink:0}}@layer components{.typing-msg:where(.astro-3x3poxje){margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-base);border-radius:1rem;max-width:80%;overflow-wrap:break-word}.typing-msg--question:where(.astro-3x3poxje){border:2px solid color-mix(in srgb,var(--color-netsuki-navy) 20%,transparent);background-color:var(--color-netsuki-white);box-shadow:0 2px 4px color-mix(in srgb,var(--color-netsuki-black) 10%,transparent);margin-right:auto;font-size:var(--font-size-base);color:var(--color-netsuki-navy)}.typing-msg--answer:where(.astro-3x3poxje){border:2px solid var(--color-netsuki-aqua);background-color:color-mix(in srgb,var(--color-netsuki-aqua) 20%,var(--color-netsuki-white));margin-left:auto;font-size:var(--font-size-base);color:var(--color-netsuki-navy)}.typing-msg--active:where(.astro-3x3poxje){border-color:var(--color-netsuki-aqua);border-width:3px;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-netsuki-aqua) 30%,transparent),0 4px 8px color-mix(in srgb,var(--color-netsuki-black) 15%,transparent)}}@layer components{.typing-game-screen:where(.astro-jub3o2sw){padding-block:var(--space-xs)}.typing-chat-progress:where(.astro-jub3o2sw){color:var(--color-netsuki-navy);font-size:var(--font-size-base);font-weight:700}.typing-chat-log:where(.astro-jub3o2sw){flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;padding:var(--space-base);padding-bottom:var(--space-xs)}.typing-active-area:where(.astro-jub3o2sw){position:relative;flex-shrink:0;border-top:2px dashed color-mix(in srgb,var(--color-netsuki-gold) 50%,transparent);padding:var(--space-base)}.typing-chibi-container:where(.astro-jub3o2sw){position:absolute;left:calc(20% + .6rem);bottom:4rem;transform:translate(-100%);pointer-events:none;z-index:1}.typing-chibi:where(.astro-jub3o2sw){display:block;width:9rem;height:auto}.typing-active-answer:where(.astro-jub3o2sw){margin-bottom:var(--space-xs);font-size:var(--font-size-md);font-weight:700;color:var(--color-netsuki-navy)}.typing-romaji-guide:where(.astro-jub3o2sw){border-top:1px dashed color-mix(in srgb,var(--color-netsuki-aqua) 40%,transparent);padding-top:var(--space-xs);font-family:var(--font-mono);font-size:var(--font-size-base)}.typing-romaji-confirmed:where(.astro-jub3o2sw){color:var(--color-netsuki-green);font-weight:700}.typing-romaji-remaining:where(.astro-jub3o2sw){color:color-mix(in srgb,var(--color-netsuki-navy) 50%,transparent)}.typing-status-bar:where(.astro-jub3o2sw){margin-top:var(--space-sm);display:flex;justify-content:space-between;font-size:var(--font-size-base);color:var(--color-netsuki-navy)}.typing-status-bar:where(.astro-jub3o2sw) span:where(.astro-jub3o2sw)[data-miss-count]{color:var(--color-netsuki-red);font-weight:700}.typing-status-bar:where(.astro-jub3o2sw) span:where(.astro-jub3o2sw)[data-elapsed-time]{font-weight:700}.typing-esc-hint:where(.astro-jub3o2sw){font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-netsuki-navy) 50%,transparent);user-select:none}.typing-countdown-bar-container:where(.astro-jub3o2sw){margin-top:var(--space-sm);border:2px solid color-mix(in srgb,var(--color-netsuki-aqua) 30%,transparent);border-radius:.5rem;background-color:color-mix(in srgb,var(--color-netsuki-navy) 10%,transparent);height:.5rem;overflow:hidden}.typing-countdown-bar:where(.astro-jub3o2sw){height:100%;width:100%;background:linear-gradient(to right,var(--color-netsuki-aqua),var(--color-netsuki-green));transition:width 50ms linear;border-radius:.25rem}.typing-countdown-bar--warning:where(.astro-jub3o2sw){background:linear-gradient(to right,var(--color-netsuki-red),var(--color-netsuki-red-dark));animation:countdownBarPulse .5s ease infinite}@keyframes countdownBarPulse{0%,to{opacity:1}50%{opacity:.7}}}@layer components{.typing-result-screen:where(.astro-yhtpfjfv){padding-block:var(--space-xs)}.typing-result-content:where(.astro-yhtpfjfv){flex:1;min-height:0;display:flex;flex-direction:column;gap:0}.typing-result-illustration-column:where(.astro-yhtpfjfv){flex-shrink:0;display:none;align-items:stretch;border-right:2px solid color-mix(in srgb,var(--color-netsuki-gold) 50%,transparent)}.typing-result-illustration:where(.astro-yhtpfjfv){display:block;height:100%;width:auto;object-fit:cover}.typing-result-info-column:where(.astro-yhtpfjfv){flex:1;min-width:0;overflow-y:auto;padding:var(--space-xs) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.typing-result-separator:where(.astro-yhtpfjfv){border-top:2px dashed color-mix(in srgb,var(--color-netsuki-gold) 50%,transparent);width:100%;flex-shrink:0}.typing-rank-display:where(.astro-yhtpfjfv){text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs)}.typing-rank-value:where(.astro-yhtpfjfv){font-size:var(--font-size-3xl);font-weight:900;line-height:1}.typing-rank-value--S:where(.astro-yhtpfjfv){--rank-s-1: #ff0040;--rank-s-2: #ff8000;--rank-s-3: #ffe000;--rank-s-4: #00e050;--rank-s-5: #0080ff;--rank-s-6: #8000ff;--rank-s-7: #ff0040;background:linear-gradient(135deg,var(--rank-s-1),var(--rank-s-2),var(--rank-s-3),var(--rank-s-4),var(--rank-s-5),var(--rank-s-6),var(--rank-s-7));background-size:300% 300%;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--color-netsuki-navy) 60%,transparent);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-netsuki-gold) 80%,transparent)) drop-shadow(0 0 30px color-mix(in srgb,var(--color-netsuki-gold) 40%,transparent));animation:rankGradientFlow 3s ease infinite}.typing-rank-value--A:where(.astro-yhtpfjfv){background:linear-gradient(135deg,var(--color-netsuki-green-vivid),var(--color-netsuki-green-dark));background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--color-netsuki-navy) 50%,transparent);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-netsuki-green-vivid) 50%,transparent))}.typing-rank-value--B:where(.astro-yhtpfjfv){background:linear-gradient(135deg,var(--color-netsuki-aqua),var(--color-netsuki-aqua-dark));background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--color-netsuki-navy) 50%,transparent);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-netsuki-aqua) 50%,transparent))}.typing-rank-value--C:where(.astro-yhtpfjfv){background:linear-gradient(135deg,var(--color-netsuki-amber),var(--color-netsuki-gold-dark));background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--color-netsuki-navy) 40%,transparent);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--color-netsuki-amber) 40%,transparent))}.typing-rank-value--D:where(.astro-yhtpfjfv){color:color-mix(in srgb,var(--color-netsuki-navy) 50%,var(--color-netsuki-gray));-webkit-text-stroke:1px color-mix(in srgb,var(--color-netsuki-navy) 30%,transparent)}@keyframes rankGradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.typing-rank-message:where(.astro-yhtpfjfv){font-size:var(--font-size-base);font-weight:700;color:var(--color-netsuki-navy)}.typing-result-message:where(.astro-yhtpfjfv){padding:var(--space-xs);border-radius:.5rem;font-size:var(--font-size-sm);font-weight:700;text-align:center;line-height:1.5}.typing-result-message--success:where(.astro-yhtpfjfv){border:2px solid var(--color-netsuki-green);background-color:color-mix(in srgb,var(--color-netsuki-green) 20%,var(--color-netsuki-white));color:var(--color-netsuki-navy)}.typing-result-message--partial:where(.astro-yhtpfjfv){border:2px solid var(--color-netsuki-red);background-color:color-mix(in srgb,var(--color-netsuki-red) 20%,var(--color-netsuki-white));color:var(--color-netsuki-navy)}.typing-result-stats:where(.astro-yhtpfjfv){border:4px double var(--color-netsuki-gold);background:linear-gradient(to bottom,var(--color-netsuki-yellow-light),var(--color-netsuki-yellow));padding:var(--space-xs) var(--space-sm)}.typing-result-item:where(.astro-yhtpfjfv){margin-bottom:var(--space-2xs);display:flex;justify-content:space-between;font-size:var(--font-size-base)}.typing-result-item:where(.astro-yhtpfjfv):last-child{margin-bottom:0}.typing-result-label:where(.astro-yhtpfjfv){color:var(--color-netsuki-navy);font-weight:700}.typing-result-value:where(.astro-yhtpfjfv){color:var(--color-netsuki-gold);font-size:var(--font-size-base);font-weight:700}.typing-submit-row:where(.astro-yhtpfjfv){display:flex;gap:var(--space-sm);justify-content:center}.typing-action-buttons:where(.astro-yhtpfjfv){display:flex;gap:var(--space-sm);justify-content:center}.typing-shortcut-hint:where(.astro-yhtpfjfv){margin:0;font-size:var(--font-size-xs);color:color-mix(in srgb,var(--color-netsuki-navy) 60%,transparent);text-align:center}.typing-submit-inline-result:where(.astro-yhtpfjfv){font-size:var(--font-size-sm);font-weight:700;white-space:nowrap}.typing-submit-inline-result--success:where(.astro-yhtpfjfv){color:var(--color-netsuki-green-dark)}.typing-submit-inline-result--error:where(.astro-yhtpfjfv){color:var(--color-netsuki-red)}.typing-submit-inline-result--rank:where(.astro-yhtpfjfv){color:var(--color-netsuki-gold)}@media(width>=640px){.typing-result-content:where(.astro-yhtpfjfv){flex-direction:row}.typing-result-illustration-column:where(.astro-yhtpfjfv){display:flex}}.typing-breakdown-dialog:where(.astro-yhtpfjfv){border:3px solid var(--color-netsuki-gold);border-radius:.5rem;padding:0;max-width:40rem;width:calc(100% - 2rem);max-height:80vh;background-color:var(--color-netsuki-white);box-shadow:0 8px 32px color-mix(in srgb,var(--color-netsuki-black) 30%,transparent)}.typing-breakdown-dialog:where(.astro-yhtpfjfv)::backdrop{background-color:color-mix(in srgb,var(--color-netsuki-black) 50%,transparent)}.typing-breakdown-dialog-inner:where(.astro-yhtpfjfv){display:flex;flex-direction:column;max-height:80vh}.typing-breakdown-dialog-footer:where(.astro-yhtpfjfv){flex-shrink:0;padding:var(--space-sm);text-align:center;border-top:1px solid color-mix(in srgb,var(--color-netsuki-navy) 15%,transparent)}}@layer components{.typing-abort-screen:where(.astro-legvo6jh){padding-block:var(--space-xs)}.typing-abort-content:where(.astro-legvo6jh){flex:1;min-height:0;padding:var(--space-xl) var(--space-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.typing-abort-message:where(.astro-legvo6jh){margin:0;flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:700;color:var(--color-netsuki-navy);text-align:center}.typing-abort-buttons:where(.astro-legvo6jh){display:flex;gap:var(--space-sm);justify-content:center;margin-top:auto}.typing-shortcut-hint:where(.astro-legvo6jh){margin:0;font-size:var(--font-size-xs);color:color-mix(in srgb,var(--color-netsuki-navy) 60%,transparent);text-align:center}}@layer pages{.typing-mobile-notice:where(.astro-qqxdss3g){display:none;padding:var(--space-2xl) var(--space-base);text-align:center;color:var(--color-netsuki-navy);font-size:var(--font-size-base);line-height:1.6}.typing-mobile-notice:where(.astro-qqxdss3g) p:where(.astro-qqxdss3g){margin:0}.typing-volume-tooltip:where(.astro-qqxdss3g){position:absolute;bottom:100%;right:0;margin-bottom:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:2px solid var(--color-netsuki-gold);border-radius:.5rem;background-color:color-mix(in srgb,var(--color-netsuki-gold) 20%,var(--color-netsuki-white));color:var(--color-netsuki-navy);font-size:var(--font-size-sm);font-weight:700;white-space:nowrap;box-shadow:0 4px 8px color-mix(in srgb,var(--color-netsuki-black) 15%,transparent);opacity:1;transition:opacity .5s ease;pointer-events:none;z-index:11}.typing-volume-tooltip:where(.astro-qqxdss3g):after{content:"";position:absolute;top:100%;right:1rem;border-width:6px;border-style:solid;border-color:var(--color-netsuki-gold) transparent transparent transparent}.typing-volume-tooltip:where(.astro-qqxdss3g).typing-volume-tooltip--fade-out{opacity:0}.typing-volume-control-wrapper:where(.astro-qqxdss3g){position:fixed;bottom:1rem;right:1rem;z-index:100}.typing-volume-toggle:where(.astro-qqxdss3g){border:2px solid var(--color-netsuki-aqua);background-color:color-mix(in srgb,var(--color-netsuki-aqua) 20%,var(--color-netsuki-white));cursor:pointer;border-radius:.5rem;padding:var(--space-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:var(--color-netsuki-navy)}.typing-volume-toggle:where(.astro-qqxdss3g):hover{background-color:color-mix(in srgb,var(--color-netsuki-aqua) 30%,var(--color-netsuki-white));transform:scale(1.05)}.typing-volume-toggle:where(.astro-qqxdss3g):active{transform:scale(.95)}.typing-volume-panel:where(.astro-qqxdss3g){position:absolute;bottom:100%;right:0;margin-bottom:var(--space-xs);width:18rem;padding:var(--space-sm) var(--space-base);border:2px solid var(--color-netsuki-aqua);border-radius:.5rem;background-color:color-mix(in srgb,var(--color-netsuki-aqua) 10%,var(--color-netsuki-white));box-shadow:0 4px 8px color-mix(in srgb,var(--color-netsuki-black) 15%,transparent);z-index:10;display:flex;align-items:center;gap:var(--space-base)}.typing-volume-label:where(.astro-qqxdss3g){flex-shrink:0;font-size:var(--font-size-base);font-weight:700;color:var(--color-netsuki-navy)}.typing-volume-slider-container:where(.astro-qqxdss3g){display:flex;align-items:center;gap:var(--space-sm);flex:1}.typing-volume-slider:where(.astro-qqxdss3g){flex:1;height:.5rem;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.typing-volume-slider:where(.astro-qqxdss3g)::-webkit-slider-runnable-track{height:.5rem;background:linear-gradient(to right,var(--color-netsuki-aqua) 0%,var(--color-netsuki-aqua) var(--slider-value, 50%),color-mix(in srgb,var(--color-netsuki-navy) 20%,var(--color-netsuki-white)) var(--slider-value, 50%),color-mix(in srgb,var(--color-netsuki-navy) 20%,var(--color-netsuki-white)) 100%);border:2px solid var(--color-netsuki-navy);border-radius:.25rem}.typing-volume-slider:where(.astro-qqxdss3g)::-moz-range-track{height:.5rem;background:color-mix(in srgb,var(--color-netsuki-navy) 20%,var(--color-netsuki-white));border:2px solid var(--color-netsuki-navy);border-radius:.25rem}.typing-volume-slider:where(.astro-qqxdss3g)::-moz-range-progress{height:.5rem;background:var(--color-netsuki-aqua);border-radius:.25rem}.typing-volume-slider:where(.astro-qqxdss3g)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;background:var(--color-netsuki-white);border:3px solid var(--color-netsuki-navy);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px color-mix(in srgb,var(--color-netsuki-black) 20%,transparent);transition:all .15s ease}.typing-volume-slider:where(.astro-qqxdss3g)::-webkit-slider-thumb:hover{background:var(--color-netsuki-aqua);transform:scale(1.1)}.typing-volume-slider:where(.astro-qqxdss3g)::-moz-range-thumb{width:1.25rem;height:1.25rem;background:var(--color-netsuki-white);border:3px solid var(--color-netsuki-navy);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px color-mix(in srgb,var(--color-netsuki-black) 20%,transparent);transition:all .15s ease}.typing-volume-slider:where(.astro-qqxdss3g)::-moz-range-thumb:hover{background:var(--color-netsuki-aqua);transform:scale(1.1)}.typing-volume-display:where(.astro-qqxdss3g){flex-shrink:0;font-size:var(--font-size-base);font-weight:700;color:var(--color-netsuki-navy);min-width:2.5rem;text-align:right}.typing-container:where(.astro-qqxdss3g){margin-left:auto;margin-right:auto}.typing-howto:where(.astro-qqxdss3g){background-color:color-mix(in srgb,var(--color-netsuki-gold) 30%,transparent)}.typing-howto-content:where(.astro-qqxdss3g){color:var(--color-netsuki-black);font-size:var(--font-size-sm)}.typing-howto-content:where(.astro-qqxdss3g)>:where(.astro-qqxdss3g)+:where(.astro-qqxdss3g){margin-top:var(--space-xs)}.typing-story:where(.astro-qqxdss3g){background-color:color-mix(in srgb,var(--color-netsuki-gold) 15%,transparent)}.typing-story-content:where(.astro-qqxdss3g){color:var(--color-netsuki-black);font-size:var(--font-size-sm);line-height:1.8;text-align:center}.typing-story-content:where(.astro-qqxdss3g)>p:where(.astro-qqxdss3g){margin:0}.typing-story-content:where(.astro-qqxdss3g)>p:where(.astro-qqxdss3g):empty{height:1rem}.ja-only-container:where(.astro-qqxdss3g){margin-inline:auto;max-width:42rem;text-align:center}.ja-only-header:where(.astro-qqxdss3g){border:4px solid var(--color-netsuki-gold);background-color:color-mix(in srgb,var(--color-netsuki-gold) 30%,transparent);margin-bottom:var(--space-2xl);padding:var(--space-xl)}.ja-only-title:where(.astro-qqxdss3g){color:var(--color-netsuki-navy);font-size:var(--font-size-lg);font-weight:700}.ja-only-message:where(.astro-qqxdss3g){border:2px solid var(--color-netsuki-navy);margin-bottom:var(--space-2xl);background-color:var(--color-netsuki-white);padding:var(--space-xl);color:var(--color-netsuki-black);font-size:var(--font-size-base);line-height:1.625}.ja-only-nav:where(.astro-qqxdss3g){margin-bottom:var(--space-2xl)}.ja-only-links:where(.astro-qqxdss3g){display:grid;gap:var(--space-base);margin-bottom:var(--space-2xl)}@media(width>=640px){.ja-only-links:where(.astro-qqxdss3g){grid-template-columns:repeat(3,1fr)}}.ja-only-decoration:where(.astro-qqxdss3g){color:var(--color-netsuki-gold);text-align:center;font-size:var(--font-size-lg)}}@layer components{.ranking-tab--active{border-color:var(--color-netsuki-gold);background-color:var(--color-netsuki-gold);color:var(--color-netsuki-navy)}.ranking-tab--inactive{border-color:var(--color-netsuki-gray-border);background-color:var(--color-netsuki-white);color:var(--color-netsuki-gray-text)}.ranking-tab--inactive:hover{background-color:var(--color-netsuki-gray-light)}.ranking-row{--row-border: #e5e7eb;border-bottom:1px solid var(--row-border)}.ranking-row--top3{--top3-bg: #fefce8;background-color:var(--top3-bg)}.ranking-cell{padding-inline:var(--space-xs);padding-block:var(--space-xs);text-align:center}.ranking-cell--rank{--medal-gold: #eab308;--medal-silver: #9ca3af;--medal-bronze: #d97706;font-weight:700}.ranking-rank--1st{color:var(--medal-gold)}.ranking-rank--2nd{color:var(--medal-silver)}.ranking-rank--3rd{color:var(--medal-bronze)}.ranking-title{margin-bottom:var(--space-base);text-align:center;font-size:var(--font-size-md)}.ranking-tabs{margin-bottom:var(--space-base);display:flex;justify-content:center;gap:var(--space-xs)}.ranking-message{padding-block:var(--space-base);text-align:center;color:var(--color-netsuki-gray)}.ranking-table-container{overflow-x:auto}.ranking-table{width:100%;font-size:var(--font-size-base)}.ranking-header{background-color:color-mix(in srgb,var(--color-netsuki-gold) 30%,transparent)}.ranking-header-cell{padding-inline:var(--space-xs);padding-block:var(--space-xs);text-align:center}}.typing-chat-container{position:relative;border:3px solid var(--color-netsuki-gold);border-radius:.5rem;background-color:color-mix(in srgb,var(--color-netsuki-gold) 5%,var(--color-netsuki-white));padding:0;overflow:hidden;display:flex;flex-direction:column;height:clamp(32rem,70vh,50rem)}.typing-chat-header{flex-shrink:0;border-bottom:2px solid var(--color-netsuki-gold);background:linear-gradient(to bottom,color-mix(in srgb,var(--color-netsuki-gold) 60%,var(--color-netsuki-white)),color-mix(in srgb,var(--color-netsuki-gold) 40%,var(--color-netsuki-white)));padding:var(--space-sm) var(--space-base);display:flex;justify-content:space-between;align-items:center;gap:var(--space-xs)}.typing-chat-title{color:var(--color-netsuki-navy);font-size:var(--font-size-md);font-weight:700}.typing-msg{margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-base);border-radius:1rem;max-width:80%;overflow-wrap:break-word}.typing-msg--question{border:2px solid color-mix(in srgb,var(--color-netsuki-navy) 20%,transparent);background-color:var(--color-netsuki-white);box-shadow:0 2px 4px color-mix(in srgb,var(--color-netsuki-black) 10%,transparent);margin-right:auto;font-size:var(--font-size-md);color:var(--color-netsuki-navy)}.typing-msg--answer{border:2px solid var(--color-netsuki-aqua);background-color:color-mix(in srgb,var(--color-netsuki-aqua) 20%,var(--color-netsuki-white));margin-left:auto;font-size:var(--font-size-md);color:var(--color-netsuki-navy)}.typing-msg--completed{opacity:.85;animation:fadeIn .3s ease}.typing-msg--timeup{border-color:var(--color-netsuki-red);background-color:color-mix(in srgb,var(--color-netsuki-red) 20%,var(--color-netsuki-white));color:var(--color-netsuki-red);font-weight:700}.typing-msg--shake{animation:shake .2s ease}.typing-countdown-overlay{position:absolute;inset:0;z-index:10;display:flex;justify-content:center;align-items:center;background-color:color-mix(in srgb,var(--color-netsuki-black) 40%,transparent);backdrop-filter:blur(4px)}.typing-countdown-number{font-size:var(--font-size-display);font-weight:700;color:var(--color-netsuki-white);text-shadow:0 0 20px color-mix(in srgb,var(--color-netsuki-gold) 80%,transparent),0 0 40px color-mix(in srgb,var(--color-netsuki-gold) 60%,transparent),0 4px 8px color-mix(in srgb,var(--color-netsuki-black) 40%,transparent);animation:countdownPulse 1s ease infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:.85;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}@keyframes chibiIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes chibiType{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1px) rotate(-2deg)}75%{transform:translate(1px) rotate(2deg)}}@keyframes chibiFlinch{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-8px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes chibiFlyUp{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}60%{transform:translateY(-60px) scale(.6) rotate(15deg);opacity:.8}to{transform:translateY(-100px) scale(0) rotate(30deg);opacity:0}}@keyframes chibiFallDown{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}40%{transform:translateY(10px) scale(.9) rotate(180deg);opacity:.8}to{transform:translateY(80px) scale(0) rotate(720deg);opacity:0}}@keyframes chibiAppear{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.typing-chibi--idle{animation:chibiIdle 2s ease-in-out infinite}.typing-chibi--typing{animation:chibiType .1s ease}.typing-chibi--flinch{animation:chibiFlinch .3s ease}.typing-chibi--fly-up{animation:chibiFlyUp .5s ease-in forwards}.typing-chibi--fall-down{animation:chibiFallDown .5s ease-in forwards}.typing-chibi--appear{animation:chibiAppear .4s ease-out}.typing-breakdown-header{flex-shrink:0;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:700;color:var(--color-netsuki-white);background:var(--color-netsuki-navy)}.typing-breakdown-list{overflow-y:auto;padding:var(--space-xs) var(--space-sm)}.typing-breakdown-row{display:flex;align-items:baseline;gap:var(--space-xs);padding:var(--space-2xs) 0;font-size:var(--font-size-sm)}.typing-breakdown-number{flex-shrink:0;width:1.75rem;font-weight:700;color:var(--color-netsuki-navy);text-align:right}.typing-breakdown-question{flex:1;min-width:0;overflow:hidden;color:var(--color-netsuki-navy);text-overflow:ellipsis;white-space:nowrap}.typing-breakdown-status{flex-shrink:0;font-weight:700;color:var(--color-netsuki-green-dark)}.typing-breakdown-row--timeout .typing-breakdown-status{color:var(--color-netsuki-red)}.typing-breakdown-row--timeout .typing-breakdown-question{color:color-mix(in srgb,var(--color-netsuki-navy) 50%,transparent)}.typing-breakdown-detail{display:flex;align-items:baseline;gap:var(--space-xs);padding:0 0 var(--space-xs) 2.25rem;font-size:var(--font-size-xs);color:color-mix(in srgb,var(--color-netsuki-navy) 60%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-netsuki-navy) 10%,transparent)}.typing-breakdown-detail:last-child{border-bottom:none}.typing-breakdown-detail-answer{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.typing-breakdown-detail-item{flex-shrink:0;white-space:nowrap}.typing-breakdown-detail-item--miss{color:var(--color-netsuki-red);font-weight:700}