/* The sheet's four columns are the only visible task legend in the arena. */
.team:not([data-question-mode='missing'])>.prompt{padding-top:3px;padding-bottom:5px}
.prompt-label{display:flex;align-items:center;gap:8px;font:500 20px/1 Georgia,serif;letter-spacing:0;color:#f3dfb5;min-height:20px}
.form-cue{display:inline-flex;align-items:center;justify-content:center;min-width:25px}
.form-arrow{font:400 18px/1 Georgia,serif;color:#c9c3a5}
.german-flag{display:inline-block;width:29px;height:19px;border-radius:2px;background:linear-gradient(#161b1e 0 33.33%,#c04c48 33.33% 66.66%,#eacb75 66.66%);box-shadow:0 0 0 1px #e9d9b44d;flex:none}
.team[data-question-mode='missing'] .prompt-note small{display:flex;align-items:center;gap:4px;font:500 21px/1 Georgia,serif;margin-bottom:3px;color:#dac596}
.team[data-question-mode='missing'] .prompt-note .target-cell small{color:#fff0c9}
.team[data-question-visible='false'] .prompt::before{content:'';position:absolute;inset:12px 30px;background:url('../media/crawl-v8/emblem-A.png') center/42px 46px no-repeat;opacity:.35;pointer-events:none}
.team-b[data-question-visible='false'] .prompt::before{background-image:url('../media/crawl-v8/emblem-B.png')}
.team[data-question-visible='false'] .prompt::after{opacity:0}
.team[data-question-visible='false'] .phase-rune,.team[data-question-visible='false'] .prompt-note,.team[data-question-visible='false'] .prompt-label{visibility:hidden}
/* The word itself starts preparation: one wash of light, no countdown. */
.team[data-phase='VORBEREITUNG'] .phase-rune{visibility:hidden}
.word-dawn{position:absolute;inset:5px 9px;z-index:4;overflow:hidden;clip-path:polygon(1% 0,99% 0,100% 12%,100% 88%,99% 100%,1% 100%,0 88%,0 12%);opacity:var(--word-dawn-light,0);pointer-events:none}
.word-dawn[hidden]{display:none}
.word-dawn::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fff0b599,transparent 8% 88%,#ead49288),radial-gradient(ellipse at 28% 48%,#eed89824,transparent 65%)}
.word-dawn::after{content:'';position:absolute;inset:-40% auto;width:30%;left:var(--word-dawn-sweep,-65%);transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#fff2c23d 45%,#fffbd267 50%,transparent 100%)}
.team[data-word-reveal='true'] .base-form,.team[data-word-reveal='true'] .prompt-note strong,.demo-lane[data-word-reveal='true'] .demo-base{text-shadow:0 2px 5px #031017,0 0 14px #f3dc9766}
.demo-word-dawn{inset:7px 9px}
#gameScene[data-motion='reduced'] .word-dawn{opacity:.5}
#gameScene[data-motion='reduced'] .word-dawn::after{display:none}
#tutorialWorld .demo-word-dawn::after{opacity:.65}
/* The power window owns the touch. Local light never crosses into the keys. */
.power-panel[data-reaction-open='true']{border-color:#e4ce96;box-shadow:inset 0 0 16px #e5d49b27,0 0 18px var(--accent),0 4px 12px #0009}
.power-panel[data-reaction-open='true']::before,.power-panel[data-reaction-open='true']::after{content:'';position:absolute;inset:-4px;border-radius:inherit;padding:2px;pointer-events:none;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.power-panel[data-reaction-open='true']::before{background:conic-gradient(from -90deg,#f9e4af var(--reaction-turn),#ebd7ac16 0)}
.power-panel[data-reaction-open='true']::after{inset:-7px;padding:3px;background:conic-gradient(from var(--orbit-angle),transparent 0 75%,var(--accent) 82%,#fff7d1 87%,transparent 96%);filter:drop-shadow(0 0 4px var(--accent))}
.team[data-phase='POWER'] .power-buttons button:not(:disabled){color:var(--power-ink);border-color:#efdeb2;background-image:var(--power-art,linear-gradient(transparent,transparent)),radial-gradient(ellipse at 42% 30%,#4b5a56,#10212b 78%);background-size:auto 98%,100% 100%;background-position:center;box-shadow:inset 0 0 14px #e0dfb238,0 0 9px var(--accent);filter:none}
#gameScene[data-motion='full'][data-paused='false'] .power-panel[data-reaction-open='true']{animation:power-window-wake 360ms ease-out both}
@keyframes power-window-wake{0%{translate:0 0;filter:brightness(1)}22%{translate:-1.5px 0;filter:brightness(1.45)}45%{translate:1.5px 0}68%{translate:-.7px 0}100%{translate:0 0;filter:brightness(1)}}
/* No blue arc or floating gems at gaps. The actual gap and stance tell the story. */
.jump-charge,.demo-jump-rune{display:none!important}
.demo-target{display:flex;justify-content:center;gap:6px;align-items:center;font:500 22px Georgia,serif!important}
.demo-lane[data-word-visible='false'] .demo-task{background:transparent;border-color:transparent}
.demo-form-strip{position:absolute;left:10%;right:10%;top:18%;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);background:#081923ee;border-block:1px solid #d7bc7c66;padding:20px 10px;color:#f4e3c2}
.demo-form-strip[hidden]{display:none}.demo-form-cell{display:flex;flex-direction:column;align-items:center;gap:12px;font:500 clamp(24px,3vw,44px) Georgia,serif}
.demo-form-cell .form-cue{font-size:30px}.demo-form-cell strong{font-weight:500}
#tutorialPowers[data-team='A']{filter:drop-shadow(0 0 6px #9dd9ef)}
#tutorialPowers[data-team='B']{filter:drop-shadow(0 0 6px #ffb889)}
.misstep{position:absolute;bottom:calc(var(--lane-floor) - 4px);width:clamp(70px,8vw,135px);height:28px;transform:translateX(-50%);z-index:3;pointer-events:none;opacity:clamp(0,calc((1 - var(--misstep-progress))*3),1)}
.misstep[hidden]{display:none}.misstep svg{display:block;width:100%;height:100%;overflow:visible}
.misstep .stone-scar{fill:none;stroke:#081112;stroke-width:4;stroke-linejoin:bevel;filter:drop-shadow(0 1px 0 #d2c7a799)}
.misstep .deep-scar{display:none}.misstep[data-damage='2'] .deep-scar{display:block}
.misstep::before{content:'';position:absolute;inset:-15px -8px 2px;background:radial-gradient(ellipse,#e0c28b50,transparent 68%);opacity:clamp(0,calc((.28 - var(--misstep-progress))*5),1);transform:scale(calc(.6 + var(--misstep-progress)*2))}
@media(max-height:650px){.prompt-label{font-size:18px;line-height:1;min-height:18px}.form-cue{min-width:20px}.german-flag{width:25px;height:16px}.team[data-question-mode='missing'] .prompt-note small{font-size:17px}}
#gameScene[data-motion='reduced'] .power-panel[data-reaction-open='true']{animation:none;translate:none;filter:none;box-shadow:inset 0 0 8px #e5d49b27,0 0 8px var(--accent)}
#gameScene[data-motion='reduced'] .power-panel[data-reaction-open='true']::before{background:#f9e4af}
#gameScene[data-motion='reduced'] .power-panel[data-reaction-open='true']::after,#gameScene[data-motion='reduced'] .misstep::before{display:none}
#gameScene[data-paused='true'] .power-panel{animation:none;translate:none}
@media(prefers-reduced-motion:reduce){.power-panel[data-reaction-open='true']{animation:none!important;translate:none!important}.power-panel[data-reaction-open='true']::after,.misstep::before,.word-dawn::after{display:none!important}.word-dawn{opacity:.5}}

/* Every clue is measured against the same inner stone face, including meanings. */
.team>.prompt .prompt-content{position:absolute;inset:6px 68px 6px 34px;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}
.prompt-content .prompt-label{flex:none;min-width:0;margin:0;line-height:1;height:20px}
.prompt-content .base-form{flex:none;min-width:0;width:100%;margin:2px 0 0;line-height:1.02;white-space:nowrap}
.prompt-content .prompt-help{position:absolute;top:0;right:0;max-width:calc(100% - 110px);font:400 13px/16px Georgia,serif;color:#ddd5bd;letter-spacing:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prompt-content .prompt-help[hidden]{display:none}
.team:not([data-question-mode='missing'])>.prompt>.prompt-note{display:none}
.team[data-question-mode='missing']>.prompt>.prompt-content{display:none}
.team[data-question-mode='missing'] .prompt-note{inset:8px 68px 8px 34px;align-content:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px;margin:0;text-align:left}
.team[data-question-mode='missing'] .prompt-note strong{line-height:1.06;min-width:0;max-width:100%}
.team[data-question-mode='missing'] .prompt-note .meaning-hint{line-height:14px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.form-key{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 12px;padding:12px 0;border-block:1px solid #c7b58145;text-align:center}
.form-key>div{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.form-key b{font:500 24px/1 Georgia,serif;color:#e8d3a1}
.form-key b.german-flag{margin-block:2px 3px}
.form-key strong{font:500 22px/1.1 Georgia,serif;color:#f2e3c4}
.form-key span{font-size:12px;color:#d2d2c0}
.form-key p{grid-column:1/-1;margin:5px 0 0;font-size:12px;line-height:1.45;color:#d2d2c0}
.game-guide p{font-size:14px;line-height:1.6;color:#d9dccc;margin:12px 0}
.game-guide strong{color:#f0dfb8}
#targetChoices{flex-wrap:wrap}
#targetChoices .german-flag{width:22px;height:15px}
/* Persistent local milestones remain readable when the shared scenery advances. */
.team-title>div{align-items:center;gap:10px}
.portal-trophies{gap:7px;margin-left:4px}
.portal-trophies i{width:15px;height:21px;border-width:2px;opacity:.4;background:#0b1920}
.portal-trophies i.lit{opacity:1;background:#e7cf8e;box-shadow:0 0 8px #e4c57785,inset 0 0 4px #fff0c0}
.team.leading .team-mark{filter:drop-shadow(0 0 7px #e9cf83) drop-shadow(0 0 2px #fff3bd)}
.lead-distance{font:600 20px/1 Georgia,serif;color:#fff0bf;margin-left:0;padding:2px 8px;background:linear-gradient(115deg,#86714480,#0e212380);border-block:1px solid #cdbb7e85;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}
.team[data-stage='1']{--stage-color:#a8d38d}.team[data-stage='2']{--stage-color:#9cdcf0}.team[data-stage='3']{--stage-color:#dab3f0}
.team .entry-portal .portal-membrane{box-shadow:inset 0 0 12px var(--stage-color),0 0 8px var(--stage-color)}
.shield-duration i{width:7px;height:7px;box-shadow:inset 0 0 0 1px #accada40;background:#07131c}
.shield-duration i.filled{background:#d4ebee;box-shadow:0 0 4px #d4ebee}
@media(max-height:650px){.prompt-content .prompt-label{height:18px}.portal-trophies i{width:13px;height:18px}.lead-distance{font-size:17px}.form-key{margin-top:10px}}
