/* Fünf adaptive Lernmethoden — unabhängige Ergänzung der Glaskarten. */
.view-game .game-area{--challenge:#54d9f3;--challenge-soft:rgba(76,213,243,.16)}
.view-game .game-area[data-difficulty="1"]{--challenge:#38e0d6;--challenge-soft:rgba(48,218,205,.16)}
.view-game .game-area[data-difficulty="2"]{--challenge:#c4ec66;--challenge-soft:rgba(186,222,74,.16)}
.view-game .game-area[data-difficulty="3"]{--challenge:#d2a1fb;--challenge-soft:rgba(192,142,242,.17)}
.view-game .question-stage{border-color:var(--challenge);box-shadow:inset 0 0 18px var(--challenge-soft),0 0 10px var(--challenge-soft)}
.view-game .learning-tools{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;margin:0 0 6px;min-height:33px;color:#d4f2ff;gap:5px;grid-gap:5px}
.view-game .learning-tools>span:first-child{font-size:10px;font-weight:700;letter-spacing:.25px;max-width:42%;line-height:1.1}
.view-game .learning-tools>span:last-child{font-size:9px;white-space:nowrap;color:#d1ebf5}
.view-game .help-button{min-height:32px;padding:6px 9px;font-size:11px;color:#fff;background:linear-gradient(145deg,rgba(29,104,130,.93),rgba(4,41,67,.95));border:1px solid var(--challenge);border-radius:9px;box-shadow:inset 0 1px 7px rgba(199,247,255,.3),0 0 7px var(--challenge-soft)}
.view-game .extra-facts{display:grid;grid-template-columns:1fr 1fr;gap:4px;grid-gap:4px;flex:0 0 auto;margin-top:5px}
.view-game .extra-fact{min-height:36px;border:1px solid var(--challenge);border-radius:9px;padding:5px 7px;background:linear-gradient(125deg,rgba(5,50,77,.94),rgba(2,25,46,.94));box-shadow:inset 0 1px 4px rgba(125,234,255,.2);color:#fff;overflow-wrap:break-word}
.view-game .extra-fact>small{display:block;font-size:8px;line-height:1.1;color:#bee9f5;margin-bottom:3px}
.view-game .extra-fact>strong{font-size:11px;line-height:1.2;display:block}
.view-game .extra-fact:last-child:nth-child(odd){grid-column:1 / span 2}
.view-game .study-phase-note{font-size:12px;color:#eafaff;text-align:center}
.view-game .study-phase-note>span{display:block;margin:3px 0 7px;color:#cbe8ef}
.view-game #study-recall{width:100%;font-size:15px;min-height:48px;background:linear-gradient(145deg,rgba(22,132,165,.95),rgba(8,58,90,.98));border-color:#8febff}
.view-game .method-place .element-facts,.view-game .method-place .extra-facts{display:none}
.view-game .method-place .board-tools>span{font-size:10px;color:#d6f4ff}
.view-game .board-cell.allowed{background:rgba(4,52,77,.63);border-color:#81e6fb;box-shadow:inset 0 0 4px rgba(38,188,221,.28),0 0 2px rgba(71,207,240,.25)}
.view-game .board-cell.unavailable{background:rgba(2,20,34,.72);border-color:rgba(120,160,170,.23);box-shadow:none;opacity:.48}
.view-game .board-cell:focus{outline:2px solid #fff;outline-offset:1px;background:#145875}
.view-game .board-scroll.zoomed .board-cell{min-width:44px;min-height:44px}
.view-game .method-match .question-stage,.view-game .method-fall .question-stage{overflow:auto}
.view-game .method-match .game-question,.view-game .method-fall .game-question{font-size:23px;line-height:1.13;margin-bottom:6px}
.view-game .match-view{display:flex;flex:1 0 auto;flex-direction:column;min-height:315px;color:#fff}
.view-game .match-instruction{font-size:10px;line-height:1.4;color:#ccecf4;margin:0 0 8px;text-align:center}
.view-game .match-items{display:flex;justify-content:space-between;gap:5px;grid-gap:5px;position:relative;z-index:3}
.view-game .match-item{flex:1 1 0;min-width:0;min-height:60px;border:1px solid #8aebf5;border-radius:10px;background:linear-gradient(155deg,rgba(16,90,120,.98),rgba(2,30,53,.98));color:#fff;padding:7px 2px;box-shadow:inset 0 1px 7px rgba(161,234,255,.3),0 0 6px rgba(62,207,249,.18);touch-action:none;-webkit-user-select:none;user-select:none;position:relative}
.view-game .match-item>strong{display:block;font-size:24px;line-height:1.1}
.view-game .match-item>small{display:block;font-size:8px;line-height:1.2;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.view-game .match-item.selected{border:2px solid #fff;box-shadow:0 0 12px #85f8ff;background:linear-gradient(140deg,#167799,#074564)}
.view-game .match-item.assigned{border-color:#bfeb68;box-shadow:inset 0 0 8px rgba(204,245,131,.2)}
.view-game .match-item.dragging{z-index:10;box-shadow:0 8px 25px rgba(0,0,0,.5),0 0 15px #67e8ff;opacity:.95}
.view-game .match-graph{position:relative;min-height:192px;margin:10px 0 7px;padding:7px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:7px;gap:7px;border-radius:11px;border:1px solid rgba(97,207,227,.48);background:rgba(0,20,37,.92);box-shadow:inset 0 0 16px rgba(54,137,175,.15);flex:1 0 auto}
.view-game .match-target{min-height:67px;min-width:0;border:1px dashed #9cdcea;border-radius:8px;background:rgba(16,63,84,.86);color:#fff;padding:6px 3px;box-shadow:inset 0 1px 3px rgba(176,237,255,.18)}
.view-game .match-target>span{display:block;font-size:11px;line-height:1.2}
.view-game .match-target>strong{display:block;font-size:26px;line-height:1.1;margin-top:4px;color:#c9edff}
.view-game .match-target.assigned{border-style:solid;border-color:#ccf174;background:rgba(25,84,78,.9)}
.view-game .match-target.drop-hover{border:2px solid #fff;background:#0d7286;box-shadow:0 0 12px #82efff}
.view-game .match-graph.numeric-graph{display:block;min-height:235px;margin-left:0;background:repeating-linear-gradient(0deg,transparent,transparent 45px,rgba(112,196,217,.18) 46px,transparent 47px),rgba(0,20,37,.94)}
.view-game .numeric-graph .match-target{position:absolute;min-height:55px;width:20%;padding:4px 2px;transform:translateX(-50%);border-style:dashed;border-color:#b8e3fa;border-radius:9px;z-index:2}
.view-game .numeric-graph .match-target:before{content:"";position:absolute;width:6px;height:6px;left:50%;top:-6px;transform:translateX(-50%);border-radius:50%;background:#b9f5ff;box-shadow:0 0 6px #7ce9ff}
.view-game .numeric-graph .match-target>span{font-size:9px}
.view-game .numeric-graph .match-target>strong{font-size:22px;margin-top:2px}
.view-game .match-axis{position:absolute;left:4px;top:4px;bottom:4px;width:26px;border-right:1px solid rgba(174,228,243,.7);display:flex;flex-direction:column;justify-content:space-between;color:#caeffa;font-size:8px;line-height:1;pointer-events:none}
.view-game .match-axis>span:nth-child(2){color:#b7dae6;font-size:9px}
.view-game .match-submit{width:100%;min-height:45px;font-size:15px;border-color:var(--challenge);flex:0 0 auto;margin:0}
.view-game .match-submit:disabled{opacity:.65}
.view-game .fall-view{flex:1 0 auto;display:flex;flex-direction:column;min-height:260px}
.view-game .fall-time{display:flex;justify-content:space-between;align-items:center;flex:0 0 auto;font-size:10px;color:#c9ecf7;line-height:1.1;margin-bottom:6px}
.view-game .fall-time>span:first-child{font-size:18px;font-weight:750;color:#fff;font-variant-numeric:tabular-nums;min-width:50px}
.view-game .fall-arena{position:relative;overflow:hidden;min-height:220px;flex:1 0 auto;border-radius:13px;border:1px solid rgba(112,225,244,.56);background:linear-gradient(180deg,rgba(0,16,34,.33),rgba(0,18,37,.93));box-shadow:inset 0 0 22px rgba(40,156,179,.15)}
.view-game .fall-card{position:absolute;left:50%;top:0;width:116px;min-height:110px;border-radius:14px;border:2px solid #a2f2fc;background:linear-gradient(140deg,rgba(21,129,160,.97),rgba(4,50,79,.98));color:#fff;text-align:center;padding:10px 5px 9px;box-shadow:inset 0 0 15px rgba(164,239,255,.35),0 0 15px rgba(61,222,255,.45);will-change:transform}
.view-game .fall-card>small{position:absolute;left:9px;top:7px;font-size:12px;font-weight:650}
.view-game .fall-card>strong{display:block;font-size:45px;line-height:1.18;margin-top:8px;font-weight:750}
.view-game .fall-card>span{display:block;font-size:12px;font-weight:650;line-height:1.2}
.view-game .fall-floor{height:4px;position:absolute;left:0;right:0;bottom:3px;background:#48d9e7;box-shadow:0 0 15px #61f1ed}
.view-game .fall-arena.urgent{border-color:#ffbece;box-shadow:inset 0 -25px 35px rgba(192,42,62,.2)}
.view-game .fall-arena.urgent .fall-floor{background:#ffa0b2;box-shadow:0 0 16px #ff7899}
.view-game .method-fall .options .option{min-height:51px;font-size:14px}
.view-game .answer-feedback{max-height:160px;overflow:auto;-webkit-overflow-scrolling:touch;font-size:12px;z-index:11}
.view-game .method-match .answer-feedback{bottom:9px}
.view-game .method-place .answer-feedback{bottom:9px}
.view-game .answer-feedback p{font-size:11px;line-height:1.35;margin-bottom:0}
.view-game .element-flight.success{border-color:#e8ffb7;background:linear-gradient(140deg,rgba(199,246,101,.97),rgba(74,145,45,.97) 55%,rgba(131,224,65,.97));box-shadow:inset 0 0 20px rgba(233,255,179,.6),0 0 40px rgba(188,245,85,.7)}
.modal-card .knowledge-domains{display:block;margin:13px 0;border-radius:10px;overflow:hidden;background:rgba(245,252,247,.7);border:1px solid #d0e1d1}
.modal-card .knowledge-domains>div{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #dce6d8;font-size:11px;gap:10px;grid-gap:10px}
.modal-card .knowledge-domains>div:last-child{border:0}
.modal-card .knowledge-domains b{white-space:nowrap;font-size:11px}
.reset-confirm{background:linear-gradient(145deg,#c04b59,#9d2944);border-color:#f6b7bd;color:white}
.competitor-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:7px;background:rgba(255,255,252,.7);border:1px solid #c6d7be;border-radius:12px}
.competitor-periodic{display:grid;grid-template-columns:12px repeat(18,26px);grid-template-rows:13px repeat(7,40px) 8px 40px 40px;grid-gap:2px;gap:2px;min-width:518px}
.competitor-cell{border:1px solid rgba(139,177,152,.7);border-radius:4px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px 4px rgba(255,255,255,.4)}
.competitor-cell>small{font-size:5px;position:absolute;left:2px;top:1px}
.competitor-cell>b{font-size:11px;line-height:1.1;margin-top:3px}
.competitor-cell>span{font-size:6px;line-height:1.1;margin-top:2px}
@media(max-height:600px){.view-game .learning-tools{min-height:29px;margin-bottom:4px}.view-game .help-button{min-height:28px;padding:5px 7px}.view-game .extra-fact{min-height:31px;padding:4px 6px}.view-game .extra-fact>strong{font-size:10px}.view-game .method-match .game-question,.view-game .method-fall .game-question{font-size:20px}.view-game .match-instruction{font-size:9px;margin-bottom:5px}.view-game .match-item{min-height:52px;padding-top:5px}.view-game .match-item>strong{font-size:21px}.view-game .match-view{min-height:280px}.view-game .match-graph.numeric-graph{min-height:190px}.view-game .match-graph{min-height:158px;margin-top:7px}.view-game .match-target{min-height:61px}.view-game .numeric-graph .match-target{min-height:48px}.view-game .fall-view{min-height:210px}.view-game .fall-arena{min-height:180px}.view-game .fall-card{width:105px;min-height:100px}.view-game .fall-card>strong{font-size:39px}.view-game .study-phase-note{font-size:10px}.view-game #study-recall{min-height:43px;font-size:13px}}
.view-game.game-compact .learning-tools{min-height:29px;margin-bottom:4px}.view-game.game-compact .help-button{min-height:28px;padding:5px 7px}.view-game.game-compact .extra-fact{min-height:31px;padding:4px 6px}.view-game.game-compact .extra-fact>strong{font-size:10px}.view-game.game-compact .method-match .game-question,.view-game.game-compact .method-fall .game-question{font-size:20px}.view-game.game-compact .match-instruction{font-size:9px;margin-bottom:5px}.view-game.game-compact .match-item{min-height:52px;padding-top:5px}.view-game.game-compact .match-item>strong{font-size:21px}.view-game.game-compact .match-view{min-height:280px}.view-game.game-compact .match-graph.numeric-graph{min-height:190px}.view-game.game-compact .match-graph{min-height:158px;margin-top:7px}.view-game.game-compact .match-target{min-height:61px}.view-game.game-compact .numeric-graph .match-target{min-height:48px}.view-game.game-compact .fall-view{min-height:210px}.view-game.game-compact .fall-arena{min-height:180px}.view-game.game-compact .fall-card{width:105px;min-height:100px}.view-game.game-compact .fall-card>strong{font-size:39px}
@media(prefers-reduced-motion:reduce){.view-game .fall-card{will-change:auto}.view-game .match-item.dragging{transition:none}.view-game .element-flight.success{animation:none}}

.view-game .feedback-mapping{list-style:none;padding:0;margin:5px 0 0;font-size:11px;line-height:1.35;color:#fff}
.view-game .feedback-mapping:empty{display:none}
.view-game .feedback-mapping>li{padding:2px 0;border-top:1px solid rgba(166,222,234,.22)}
.view-game .feedback-mapping .mapping-correct{color:#ddffae}
.view-game .feedback-mapping .mapping-wrong{color:#ffe0e8}
.view-game .game-area[data-difficulty] .element-card{border-color:var(--challenge);box-shadow:inset 0 0 18px rgba(175,237,255,.25),0 0 17px var(--challenge-soft)}
.view-game .game-area[data-difficulty] .element-facts>div,.view-game .game-area[data-difficulty] .option{border-color:var(--challenge)}
.view-game .game-area[data-difficulty] .board-cell.allowed{border-color:var(--challenge)}
.view-game .game-area[data-difficulty] .element-facts .icon{color:var(--challenge)}

/* 1.4.2: gut lesbare Hilfe; Rückmeldung direkt an der tatsächlichen Zuordnung. */
.view-game .toast{color:#fff;background:linear-gradient(140deg,#134459,#062339);border:1px solid #96ecf6;box-shadow:inset 0 1px 3px #d9ffff55,0 6px 20px #0009;font-size:14px;line-height:1.45}
.view-game .learning-hint{flex:0 0 auto;padding:8px 10px;margin:0 0 7px;border:1px solid #86f4ee;border-radius:9px;background:rgba(2,36,52,.97);box-shadow:inset 0 1px 5px #99ffee30;color:#fff;font-size:11px;line-height:1.4;text-align:left}
.view-game .learning-hint>strong{display:block;font-size:12px;color:#abfff2;margin-bottom:3px}.view-game .learning-hint>span{display:block;color:#fff}
.view-game .match-item.help-anchor,.view-game .match-target.help-anchor{border:2px solid #8affee;background:linear-gradient(140deg,#106975,#083a4d);box-shadow:inset 0 0 12px #6cffee44,0 0 12px #5dffe788}
.view-game .match-item.help-anchor:after,.view-game .match-target.help-anchor:after{content:attr(data-help-label);display:block;margin-top:3px;font-size:9px;line-height:1.2;font-weight:700;color:#a9fff2}
.view-game .match-item.feedback-correct,.view-game .match-target.feedback-correct,.view-game .board-cell.feedback-correct{background:linear-gradient(145deg,#8eed43,#138646);border:2px solid #dcff9e;color:#fff;box-shadow:inset 0 1px 8px #eeffbb66,0 0 12px #a4ff4b88;opacity:1!important}
.view-game .match-item.feedback-wrong,.view-game .match-target.feedback-wrong,.view-game .board-cell.feedback-wrong{background:linear-gradient(145deg,#e54962,#8b1634);border:2px solid #ffb3bb;color:#fff;box-shadow:inset 0 1px 8px #ffbdc644,0 0 10px #ff335c66;opacity:1!important}
.view-game .match-item[data-feedback-mark]:after,.view-game .match-target[data-feedback-mark]:after{content:attr(data-feedback-mark);position:absolute;right:3px;top:2px;font-size:16px;line-height:1;color:#fff;font-weight:800;text-shadow:0 1px 2px #002c35}
.view-game .match-target{position:relative}.view-game .match-item.feedback-correct>strong,.view-game .match-item.feedback-wrong>strong,.view-game .match-target.feedback-correct>.target-placed,.view-game .match-target.feedback-wrong>.target-placed{color:#fff}
.view-game .correct-placement{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);white-space:nowrap;z-index:6;padding:2px 5px;font-size:11px;line-height:1.1;font-weight:800;border:1px solid #e5ffb1;border-radius:5px;background:#378e30;color:#fff;box-shadow:0 0 7px #c5ff5b88}
.view-game .match-graph,.view-game .periodic-board{position:relative}
.view-game .correction-arrows{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:5}
.view-game .correction-path{fill:none;stroke:#ff4d67;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #17020b)}
.view-game .correction-head{fill:none;stroke:#ff4d67;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.view-game .correction-label{fill:#fff;stroke:#5b0824;stroke-width:3px;paint-order:stroke;stroke-linejoin:round;font-size:12px;font-weight:800;text-anchor:middle}
.view-game .board-cell[data-feedback-mark]{position:relative}.view-game .board-cell[data-feedback-mark]:after{content:attr(data-feedback-mark);position:absolute;right:0;top:-2px;font-size:8px;font-weight:800;color:#fff}
.view-game .option.correct:after{content:" ✓";color:#e8ffb6;font-weight:800}.view-game .option.wrong:after{content:" ✕";color:#ffc3ce;font-weight:800}
.view-game .method-match .answer-feedback{position:relative;left:auto;right:auto;bottom:auto;margin:6px 0 0;flex:0 0 auto;max-height:75px;padding:6px 8px;pointer-events:auto}
.view-game .method-match .answer-feedback>strong{font-size:12px}.view-game .method-match .answer-feedback>p{font-size:10px}.view-game .method-match .feedback-mapping{font-size:9px;line-height:1.2;margin-top:3px}.view-game .method-match .feedback-mapping>li{padding:1px 0}
.view-game .method-match .match-submit:disabled{opacity:1;background:#092d3b;color:#eafff8;font-size:11px;min-height:33px}
.view-game .memory-card{position:absolute;z-index:13;left:50%;top:43%;transform:translate(-50%,-50%);width:174px;max-width:70%;margin:0;padding:4px;border:1.5px solid #ffa4b6;border-radius:15px;background:linear-gradient(150deg,#143b4b,#151c31);box-shadow:inset 0 1px 5px #f7cbd133,0 0 18px #d9286155;color:#fff;pointer-events:none;overflow:hidden}
.view-game .memory-visual{position:relative;width:100%;height:0;padding-top:150%;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#346576,#112738 75%)}
.view-game .memory-visual>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1}
.view-game .memory-specimen{position:absolute;left:37%;top:64%;width:30%;height:8%;z-index:2;box-shadow:0 3px 5px #061c35aa}
.view-game .specimen-solid{border:1px solid #effaff66;border-radius:18% 9% 14% 7%;background-image:linear-gradient(135deg,#fff8,transparent 34%,#03142099 70%,#fff3);transform:rotate(-8deg)}
.view-game .specimen-solid>i{display:none}
.view-game .specimen-liquid{left:33%;top:65%;width:40%;height:10%;border-radius:1px 1px 4px 4px;background-image:linear-gradient(110deg,#fff5,transparent 35%,#101e4499);border-top:2px solid #eaffff88;box-shadow:inset 0 -3px 6px #081f3c55}
.view-game .specimen-liquid>i{display:none}
.view-game .specimen-gas{left:33%;top:56%;width:40%;height:19%;background:transparent!important;box-shadow:none}
.view-game .specimen-gas>i{position:absolute;display:block;width:8%;height:8%;border-radius:50%;background:#a9edf8;box-shadow:0 0 3px #adf4ff;animation:memory-particle 1.5s ease-in-out infinite alternate}
.view-game .specimen-gas>i:nth-child(1){left:12%;top:18%}.view-game .specimen-gas>i:nth-child(2){left:70%;top:12%;animation-delay:-.7s}.view-game .specimen-gas>i:nth-child(3){left:44%;top:42%;animation-delay:-.3s}.view-game .specimen-gas>i:nth-child(4){left:78%;top:74%;animation-delay:-.5s}.view-game .specimen-gas>i:nth-child(5){left:18%;top:80%;animation-delay:-1s}.view-game .specimen-gas>i:nth-child(6){left:7%;top:51%;animation-delay:-.2s}
.view-game .specimen-unknown{left:33%;top:56%;width:40%;height:19%;background:transparent!important;box-shadow:none}.view-game .specimen-unknown>i{display:none}.view-game .specimen-unknown:before{content:"?";display:block;text-align:center;color:#cceaff;font-size:24px;line-height:1.2;font-weight:700}
.view-game #memory-symbol{position:absolute;left:50%;top:78%;transform:translateX(-50%);z-index:3;background:#07293be0;padding:1px 4px;border:1px solid #c1ebf477;border-radius:4px;font-size:12px;line-height:1;color:#fff}
.view-game .memory-card figcaption{padding:5px 3px 3px;text-align:center}.view-game .memory-card figcaption>strong{display:block;font-size:13px;line-height:1.2;color:#fff}.view-game .memory-card figcaption>span{display:block;font-size:10px;line-height:1.25;margin-top:3px;color:#dfffb1}.view-game .memory-card figcaption>small{display:block;font-size:7px;line-height:1.3;margin-top:4px;color:#c4e4f0}.view-game .memory-card figcaption>.memory-duration{color:#fff;font-size:8px;margin-top:4px}
.view-game .memory-card.memory-compact{position:relative;left:auto;top:auto;transform:none;display:flex;align-items:center;width:100%;max-width:none;flex:0 0 auto;margin:5px 0 0;padding:4px 8px;min-height:94px;pointer-events:none}
.view-game .memory-compact .memory-visual{width:58px;height:87px;flex:0 0 58px;padding:0;margin-right:8px}.view-game .memory-compact figcaption{text-align:left;flex:1;padding:3px 0}.view-game .memory-compact #memory-symbol{font-size:7px}.view-game .memory-compact .specimen-unknown:before{font-size:10px}
@keyframes memory-particle{from{transform:translate(-1px,-1px)}to{transform:translate(2px,2px)}}
@media(max-height:600px){.view-game .learning-hint{font-size:10px;padding:6px 8px;margin-bottom:5px}.view-game .memory-card:not(.memory-compact){width:145px}.view-game .memory-compact .memory-visual{width:46px;height:69px;flex-basis:46px}.view-game .memory-card.memory-compact{min-height:75px}}
@media(prefers-reduced-motion:reduce){.view-game .specimen-gas>i{animation:none}}

/* 1.4.3: Wissenstests im bestehenden Spiel; flächiges Merkbild statt Fehlerbox. */
.view-game .concept-panel{flex:1 0 100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:10px 0;color:#fff;text-shadow:0 2px 6px #001520}
.view-game .concept-panel>small{font-size:10px;letter-spacing:2px;color:#bcf7ff}.view-game .concept-panel>span{font-size:64px;line-height:1.2;color:#8bf4ff;text-shadow:0 0 18px #42dce7}.view-game .concept-panel>strong{font-size:22px;line-height:1.2}.view-game .concept-panel>p{font-size:12px;color:#d6f4ff;margin:8px 0}
.view-game .concept-test .game-question{font-size:25px;line-height:1.2}.view-game .concept-test .option{font-size:15px;line-height:1.25;min-height:58px;padding:8px 6px;overflow-wrap:break-word}
.view-game .question-stage.memory-showing{position:relative;overflow:hidden;min-height:240px}
.view-game .question-stage.memory-showing> :not(.memory-card){visibility:hidden}
.view-game .question-stage .memory-card.memory-full{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;max-width:none;height:100%;transform:none;margin:0;padding:0;border:0;border-radius:inherit;background:linear-gradient(180deg,rgba(3,28,42,.08),rgba(3,23,37,.38));box-shadow:none;overflow:hidden}
.view-game .memory-full .memory-visual{position:absolute;left:50%;top:0;transform:translateX(-50%);padding:0;margin:0;border-radius:0;background:none}
.view-game .memory-full figcaption{position:absolute;left:0;right:0;bottom:0;padding:23px 12px 8px;background:linear-gradient(180deg,transparent,rgba(3,23,37,.94) 20%);z-index:4;text-align:center}
.view-game .memory-full figcaption>strong{font-size:21px;line-height:1.2}.view-game .memory-full figcaption>span{font-size:12px}.view-game .memory-full figcaption>small{font-size:8px;margin-top:5px;color:#bdd3e1}.view-game .memory-full figcaption>.memory-duration{font-size:10px;margin-top:3px}
.view-game #memory-answer{display:block;font-size:15px;line-height:1.25;color:#d7ffb3;margin-top:8px}.view-game #memory-explanation{font-size:11px;line-height:1.35;color:#fff;margin:5px 0 0}.view-game #memory-answer:empty,.view-game #memory-explanation:empty{display:none}
.view-game .answer-feedback.wrong{display:none!important}
@media(max-height:600px){.view-game .concept-test .game-question{font-size:21px}.view-game .concept-test .option{font-size:13px;min-height:48px}.view-game .concept-panel>span{font-size:43px}.view-game .concept-panel>p{display:none}.view-game .memory-full figcaption{padding:20px 9px 6px}.view-game .memory-full figcaption>strong{font-size:17px}.view-game .memory-full #memory-explanation{font-size:10px}.view-game .memory-full #memory-answer{font-size:13px;margin-top:4px}}

/* 1.4.6: Tabellenplatz statt grüner Richtig-Textbox. */
.view-game .answer-feedback.periodic-feedback{padding:7px 8px;border-color:#83d9ec;border-radius:12px;background:linear-gradient(130deg,rgba(7,44,64,.98),rgba(4,28,44,.97));box-shadow:inset 0 1px 5px #c9fbff30,0 0 12px #4ee7e82b;max-height:none;overflow:visible}
.view-game .feedback-location{display:flex;align-items:center;width:100%;color:#fff}
.view-game .location-copy{flex:0 0 86px;min-width:0;padding-right:8px}
.view-game .location-copy small{display:block;color:#b3e6ee;font-size:8px;line-height:1.2}
.view-game .location-copy strong{display:block;font-size:32px;line-height:1.1;color:#e8ffb0;text-shadow:0 0 12px #c8ff6938}
.view-game .location-copy b{display:block;font-size:11px;line-height:1.25;margin-top:3px;overflow-wrap:break-word}
.view-game .location-copy span{display:block;color:#bbdbe7;font-size:8px;line-height:1.35;margin-top:4px}
.view-game .feedback-periodic{display:block;width:calc(100% - 86px);height:auto;flex:1 1 auto;max-height:125px;overflow:visible}
.view-game .location-axis{text-anchor:middle;font-size:8px;fill:#aacdd8}
.view-game .location-cell rect{fill:rgba(163,224,235,.045);stroke:rgba(164,230,241,.32);stroke-width:.8}
.view-game .location-current rect{fill:#c7f65c;stroke:#f3ffd8;stroke-width:2.2;filter:drop-shadow(0 0 4px #bdfb72)}
.view-game .location-current text{fill:#143f31;font-size:9px;font-weight:750;text-anchor:middle}
@media(max-width:350px),(max-height:600px){.view-game .location-copy{flex-basis:73px;padding-right:5px}.view-game .location-copy strong{font-size:27px}.view-game .location-copy b{font-size:10px}.view-game .feedback-periodic{width:calc(100% - 73px);max-height:105px}.view-game .answer-feedback.periodic-feedback{padding:5px 7px}}
/* 1.4.5: Jede Zuordnung erhält unmittelbar eine Antwort im Graphen. */
.view-game .match-status{flex:0 0 auto;min-height:32px;margin:6px 0 0;padding:7px 5px;border:1px solid #75ccdc;border-radius:10px;background:rgba(5,36,51,.92);color:#f3ffff;font-size:12px;line-height:1.35;text-align:center}
.view-game .match-attempt{position:absolute;top:18px;right:-1px;bottom:-1px;left:-1px;display:flex;align-items:center;justify-content:center;border:2px solid #ffabc2;border-radius:8px;background:linear-gradient(145deg,#db3659,#991c3d);color:white;font-size:23px;font-weight:750;box-shadow:0 0 12px #ed4c7888;pointer-events:none;z-index:3}
.view-game .match-target.feedback-correct:disabled,.view-game .match-item.feedback-correct:disabled,.view-game .match-item.feedback-wrong:disabled{opacity:1}
.view-game .match-target.feedback-correct{background:linear-gradient(145deg,#259c40,#427a0c)!important;border-color:#d7ff9e!important;color:#fff!important}
/* 1.4.4: Kompakte Schulaufgabe nur für eingestreute Verständnisfragen. */
.view-game .concept-test #question-view{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:5px}
.view-game .concept-test .question-stage{flex:none;min-height:0;height:auto;padding:15px 12px 12px;background:linear-gradient(145deg,rgba(9,43,63,.98),rgba(4,25,43,.99))!important;border-color:#76d1e3;box-shadow:inset 0 1px 8px rgba(187,242,255,.12),0 0 9px rgba(68,190,213,.12)}
.view-game .concept-test .question-stage:before{display:none}
.view-game .concept-test .game-question{font-size:22px;line-height:1.28;text-align:left;margin:0 0 12px;letter-spacing:-.3px;color:#fff}
.view-game .concept-test .game-question:before{content:"WISSENSTEST";display:block;font-size:9px;font-weight:650;letter-spacing:1.8px;line-height:1;margin-bottom:10px;color:#9ce9f4}
.view-game .concept-test .learning-tools{margin:0 0 9px;min-height:29px;padding-bottom:8px;border-bottom:1px solid rgba(128,214,231,.2)}
.view-game .concept-test .help-button{min-height:29px;padding:5px 8px}
.view-game .concept-test .answer-section{flex:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.view-game .concept-test .answer-section>p{text-align:left;font-size:11px;color:#c4dfeb;margin:0 0 7px;line-height:1.3}
.view-game .concept-test .options{display:flex;flex-direction:column;gap:0;grid-gap:0}
.view-game .concept-test .school-option{display:flex;align-items:center;flex:0 0 auto;width:100%;min-height:48px;text-align:left;padding:9px 10px;margin:0 0 7px;border:1px solid rgba(123,203,224,.5);border-radius:9px;background:linear-gradient(110deg,rgba(22,64,86,.85),rgba(7,37,58,.96));box-shadow:inset 0 1px 3px rgba(190,245,255,.13);font-size:16px;font-weight:550;line-height:1.3;color:#fff;letter-spacing:0}
.view-game .concept-test .school-option:last-child{margin-bottom:0}
.view-game .concept-test .school-letter{display:flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;margin-right:10px;border:1px solid #92cbdc;border-radius:50%;font-size:13px;line-height:1;color:#dcf9ff;background:rgba(4,24,40,.55)}
.view-game .concept-test .school-answer{display:block;flex:1;min-width:0;overflow-wrap:break-word}
.view-game .concept-test .school-option.correct{background:linear-gradient(120deg,#157b51,#124835);border-color:#a5efa5;color:#fff;box-shadow:inset 0 0 8px #aaffb522}
.view-game .concept-test .school-option.wrong{background:linear-gradient(120deg,#9a2946,#582038);border-color:#f397ae;color:#fff}
.view-game .concept-test .school-option.correct .school-letter{background:#216a38;border-color:#e0ffb9}.view-game .concept-test .school-option.wrong .school-letter{background:#832b43;border-color:#ffc1ce}
.view-game .concept-test .school-option.correct:after,.view-game .concept-test .school-option.wrong:after{margin-left:8px;flex:0 0 auto}
.view-game .concept-test .answer-feedback:not(.wrong){position:relative;left:auto;right:auto;bottom:auto;margin:8px 0 0}
.view-game .concept-test .question-stage.memory-showing{min-height:360px}
@media(max-width:374px),(max-height:600px){.view-game .concept-test .question-stage{padding:12px 10px 10px}.view-game .concept-test .game-question{font-size:20px;margin-bottom:10px}.view-game .concept-test .school-option{font-size:14px;min-height:46px;padding:8px}.view-game .concept-test .school-letter{width:25px;height:25px;flex-basis:25px;margin-right:8px}.view-game .concept-test .question-stage.memory-showing{min-height:320px}}