/* Verspielte HUD-Schicht für die Hausspuren-Spielwelt. */
body[data-route="spiel"] .topbar{border-color:rgba(111,169,255,.28);box-shadow:0 8px 0 rgba(7,17,43,.18),0 18px 45px rgba(0,0,0,.22)}
body[data-route="spiel"] .nav-link.active{background:linear-gradient(180deg,#ffe45d,#f5bd20);box-shadow:inset 0 -3px 0 rgba(130,82,0,.2),0 4px 12px rgba(255,207,39,.25)}
.resource-strip{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;padding:7px;background:rgba(14,27,42,.94);border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 6px 0 rgba(5,13,30,.22),0 16px 35px rgba(0,0,0,.2);backdrop-filter:blur(16px)}
.resource-chip{min-width:0;height:46px;display:flex;align-items:center;gap:8px;padding:5px 8px;border:0;border-radius:12px;color:white;text-align:left;font:inherit;background:rgba(255,255,255,.08)}
.resource-chip>span{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;font-size:1.05rem;font-weight:950;box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)}
.resource-chip small,.resource-chip strong{display:block;white-space:nowrap}.resource-chip small{font-size:.58rem;color:#bdcbe2}.resource-chip strong{font-size:.78rem;line-height:1.1}.resource-xp>span{background:linear-gradient(180deg,#ffdc46,#f0a70c);color:#784b00}.resource-clues>span{background:linear-gradient(180deg,#48e18b,#11a85c);color:#063f27}.resource-token{position:relative;cursor:pointer;padding-right:7px}.resource-token>span{background:linear-gradient(180deg,#8d78ff,#6248e5);color:white}.resource-token>strong{font-size:.9rem}.resource-token>i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#38d57e;color:#08391f;font-style:normal;font-weight:950;margin-left:-2px}
.quest-banner{position:absolute;z-index:4;left:16px;right:16px;bottom:15px;min-height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 13px;border:3px solid #72b5ff;border-radius:17px;color:white;background:linear-gradient(180deg,#3287f3,#1c62d7);box-shadow:inset 0 -5px 0 rgba(7,55,145,.3),0 8px 0 rgba(9,38,95,.18),0 14px 35px rgba(7,31,91,.32)}
.quest-star{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#ffe568,#f9b718);border:3px solid rgba(255,255,255,.85);color:#8c5900;font-size:1.25rem;box-shadow:inset 0 -3px 0 rgba(160,100,0,.18)}
.quest-copy{min-width:0}.quest-copy small,.quest-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-copy small{font-size:.62rem;color:#d9ebff;font-weight:800}.quest-copy strong{font-size:.82rem;margin:2px 0 5px}.quest-banner>b{padding:7px 9px;border-radius:10px;background:#174fae;color:#ffe35c;font-size:.7rem;white-space:nowrap}.quest-track{height:5px;display:block;border-radius:99px;overflow:hidden;background:rgba(3,36,100,.4)}.quest-track i{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe155,#fff2a4);transition:width .35s ease}
.streak-card{border-color:rgba(255,202,45,.4);background:linear-gradient(135deg,rgba(22,39,55,.96),rgba(12,28,32,.96));box-shadow:0 6px 0 rgba(5,13,30,.19),0 16px 35px rgba(0,0,0,.19)}.streak-icon{background:linear-gradient(180deg,#ffe665,#f5ad16);box-shadow:inset 0 -4px 0 rgba(130,80,0,.15)}
.game-status .score-card{border-color:rgba(86,149,255,.35);background:linear-gradient(145deg,rgba(27,52,82,.96),rgba(14,28,44,.96));box-shadow:0 6px 0 rgba(5,13,30,.19),0 16px 35px rgba(0,0,0,.19)}.compact-score .league-badge{background:linear-gradient(180deg,#ffe665,#efad14);box-shadow:inset 0 -4px 0 rgba(130,80,0,.17)}
.rival-alert{border-color:rgba(255,111,88,.35);background:linear-gradient(135deg,rgba(53,34,43,.96),rgba(21,29,41,.96));box-shadow:0 5px 0 rgba(5,13,30,.18)}.challenge-alert{border-color:rgba(84,218,138,.38);background:linear-gradient(135deg,rgba(20,54,48,.96),rgba(16,31,42,.96));box-shadow:0 5px 0 rgba(5,13,30,.18)}
.team-card{width:100%;min-height:58px;display:flex;align-items:center;padding:10px 11px;border:1px solid rgba(139,111,255,.4);border-radius:16px;color:white;background:linear-gradient(135deg,rgba(47,39,85,.96),rgba(17,28,46,.96));box-shadow:0 5px 0 rgba(5,13,30,.18);cursor:pointer;text-align:left}.team-avatar{width:34px;height:34px;display:grid;place-items:center;margin-right:-9px;border:3px solid #182137;border-radius:50%;font-size:.57rem;font-weight:900;color:#172033}.team-a{background:#ffba72}.team-b{background:#73c4ff}.team-c{background:#b89aff}.team-copy{margin-left:16px;min-width:0;flex:1}.team-copy small,.team-copy strong{display:block}.team-copy small{font-size:.6rem;color:#c5badf}.team-copy strong{font-size:.78rem;margin-top:2px}.team-card>b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#755de8;font-size:1rem}
.decision-dock{border:3px solid rgba(255,255,255,.9);box-shadow:0 8px 0 rgba(15,35,32,.22),0 26px 70px rgba(0,0,0,.3)}.decision-dock .btn{border-width:2px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.09);font-weight:850;transition:transform .15s ease,filter .15s ease}.decision-dock .btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.decision-dock .btn:active{transform:translateY(2px);box-shadow:inset 0 -1px 0 rgba(0,0,0,.12)}.decision-dock .btn.primary{background:linear-gradient(180deg,#ffe45b,#f5bd22);border-color:#ffd438}.decision-dock .btn.danger{background:linear-gradient(180deg,#fff3f1,#ffd9d3);border-color:#ff9b8d;color:#8f2b20}.decision-dock .btn.secondary{background:linear-gradient(180deg,#f5f8ff,#dfe8f8);border-color:#b9c9e5;color:#30435f}
.reward-stars{display:flex;justify-content:center;gap:8px;margin:-7px 0 13px}.reward-stars span{color:#f6bf20;font-size:1.25rem;filter:drop-shadow(0 2px 0 #a36e00)}.reward-stars span:nth-child(2){font-size:1.65rem;transform:translateY(-5px)}.result-mark{background:linear-gradient(180deg,#57e292,#18ae64);color:white;box-shadow:inset 0 -5px 0 rgba(4,99,49,.2),0 7px 18px rgba(23,174,98,.25)}
.mobile-nav button span{box-shadow:inset 0 -4px 0 rgba(0,0,0,.12)}.mobile-nav button small{display:block;font-size:.62rem;font-weight:850;margin-top:3px}
@media(max-width:1100px){.resource-strip{display:none}.team-card{display:none}}
@media(max-width:760px){.game-status{display:block;position:absolute;z-index:15;top:77px;left:12px;right:12px;width:auto}.game-status>.resource-strip{display:grid}.game-status>:not(.resource-strip){display:none}.resource-strip{grid-template-columns:1fr 1fr auto;padding:5px;border-radius:14px;gap:4px}.resource-chip{height:42px;padding:4px 6px;gap:6px}.resource-chip>span{width:29px;height:29px;flex-basis:29px}.resource-chip small{display:none}.resource-chip strong{font-size:.7rem}.resource-token{width:84px}.mission-hud{top:132px}.archive-window{top:188px}.archive-window .photo-stage{height:29vh;min-height:200px}.quest-banner{left:9px;right:9px;bottom:9px;min-height:55px;grid-template-columns:auto 1fr;padding:7px 9px;border-width:2px;border-radius:13px;gap:8px}.quest-star{width:34px;height:34px;font-size:1rem;border-width:2px}.quest-copy small{font-size:.56rem}.quest-copy strong{font-size:.7rem;margin:1px 0 4px}.quest-banner>b{display:none}.decision-dock{bottom:91px;border-width:2px;box-shadow:0 6px 0 rgba(15,35,32,.22),0 18px 45px rgba(0,0,0,.3)}.mobile-nav{height:78px;left:8px;right:8px;bottom:7px;border-radius:20px;padding:7px 11px;background:rgba(17,28,45,.96);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 25px rgba(0,0,0,.3)}.mobile-nav button{border-radius:14px;color:#aebbd1}.mobile-nav button span{width:38px;height:38px;margin:0 auto;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.1);font-size:1rem}.mobile-nav button.active{background:transparent;color:#ffe15b}.mobile-nav button.active span{background:linear-gradient(180deg,#ffe560,#f2b51d);color:#172033}}
@media(max-width:380px){.resource-clues{display:none}.resource-strip{grid-template-columns:1fr auto}.resource-token{width:78px}.quest-copy strong{max-width:210px}}
@media(prefers-reduced-motion:no-preference){.quest-star{animation:quest-bob 2.4s ease-in-out infinite}.resource-token>span{animation:token-glow 2.8s ease-in-out infinite}@keyframes quest-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}@keyframes token-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}}