/* A03/A04: shared visual tokens; no canvas, arena, paddle or battle geometry. */
:root{--hirundu-sky:#bfe2f8;--hirundu-paper:#fffdf5;--hirundu-ink:#0e2b4a;--hirundu-action:#2546c1;--hirundu-gold:#c8b37a}
body.hirundu-arkanoid,body.hirundu-flight{color:var(--hirundu-ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.hirundu-arkanoid .question>div,.hirundu-flight .speech>div{background:var(--hirundu-paper);color:var(--hirundu-ink);border-color:#0e2b4a24;box-shadow:none}
.hirundu-arkanoid .question .eyebrow,.hirundu-flight .speech b{color:var(--hirundu-action)}
.hirundu-arkanoid button:focus-visible,.hirundu-flight button:focus-visible,.hirundu-arkanoid select:focus-visible,.hirundu-flight select:focus-visible{outline:3px solid var(--hirundu-action);outline-offset:2px}
.hirundu-arkanoid .card button:disabled,.hirundu-flight article button:disabled{background:#e4e9ed;color:#566574;border-color:#9ba9b5;opacity:1}
/* Increase the flight Pause hit box without changing header/canvas dimensions. */
.hirundu-flight #pause{position:relative;min-width:44px;isolation:isolate}
.hirundu-flight #pause::before{content:'';position:absolute;inset:-5px 0;min-height:44px}
.hirundu-arkanoid .question,.hirundu-flight .speech{position:relative}
.hirundu-question-reader{position:absolute;inset:0 8px 0 48px;z-index:1;min-height:44px;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--hirundu-action)!important;cursor:pointer;border-radius:12px}
.hirundu-question-reader span{position:absolute;right:4px;bottom:4px;font:700 10px/1.2 system-ui;background:var(--hirundu-paper);padding:2px 3px;border-radius:4px}
.hirundu-question-reader[hidden],.battle-active .hirundu-question-reader{display:none!important}
.hirundu-flight .hirundu-question-reader span{top:3px;bottom:auto}
@media(prefers-reduced-motion:reduce){.hirundu-arkanoid button,.hirundu-flight button{transition:none!important}}
/* Leave a gap below the enlarged Pause hit box; never overlap the reader. */
.hirundu-flight .hirundu-question-reader{top:7px}
/* Shared level introduction card. */
.intro-heroes{display:flex;justify-content:center;align-items:end;gap:18px;height:88px;margin:2px 0 8px}
.intro-heroes img{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(14,43,74,.2));animation:hirundu-intro-float 2.8s ease-in-out infinite}
.intro-heroes img+img{animation-delay:.45s}
@keyframes hirundu-intro-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.hirundu-flight #cover article,.hirundu-arkanoid #cover .card{max-width:min(520px,calc(100vw - 32px));padding:24px 22px 28px;border-radius:24px;background:linear-gradient(165deg,#fffdf5f5,#f6ead8f2);border:1px solid #c8b37a;box-shadow:0 18px 45px #0e2b4a35;text-align:left}
.hirundu-flight #cover article h1,.hirundu-arkanoid #cover .card h1{font-size:clamp(27px,7vw,40px);line-height:1.08;margin:8px 0 12px;color:#102d50}
.hirundu-flight #cover article #help,.hirundu-arkanoid #cover .card #cardText{font-size:17px;line-height:1.5;color:#172b43}
.hirundu-flight #cover article #detail,.hirundu-arkanoid #cover .card .help{padding:13px 14px;border-radius:15px;background:#102d5010;border:1px solid #102d5020;color:#304b65}
.hirundu-flight #cover article #start,.hirundu-arkanoid #cover .card #play{min-height:56px;border:0;border-radius:16px;background:linear-gradient(90deg,var(--intro-accent,#f97316),color-mix(in srgb,var(--intro-accent,#f97316) 65%,#fff 35%));color:#102d50;font-weight:800;font-size:18px;box-shadow:0 10px 22px #102d5025}
.hirundu-flight #cover article #start{--intro-accent:#2563eb}
.level-theme-6 #start{--intro-accent:#0f766e!important}.level-theme-8 #start{--intro-accent:#0891b2!important}
@media(prefers-reduced-motion:reduce){.intro-heroes img{animation:none}}