.page-header{position:relative;background-image:url(/banner%20gliederungen.svg);background-size:cover;background-position:center;background-color:#1c3557;color:#fff;padding:4rem 0 3rem;text-align:center;min-height:220px;display:flex;align-items:center}.page-header:before{content:"";position:absolute;inset:0;background:#1428468c}.page-header .container{position:relative;z-index:1}.page-header h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:.5rem}.page-header p{opacity:.85;font-size:1.1rem}.games-hub-section{padding:2.5rem 0 5rem;background:var(--color-bg-alt)}.hidden,.hub-hidden{display:none!important}#game-hub,#game-screen{scroll-margin-top:96px}.hub-search-wrap{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.hub-search-inner{position:relative;flex:1;min-width:200px}.hub-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#94a3b8;pointer-events:none}.hub-search{width:100%;padding:.7rem 1rem .7rem 2.5rem;border:2px solid var(--color-border,#d1d5db);border-radius:10px;font-size:.95rem;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.hub-search:focus{border-color:var(--color-primary,#1c3557);box-shadow:0 0 0 3px #1c35571a}.hub-count{font-size:.85rem;color:#64748b;white-space:nowrap;font-weight:500}.hub-category{margin-bottom:2.5rem}.hub-cat-title{display:flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:700;color:var(--color-dark);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid var(--color-border,#e5e7eb);text-transform:uppercase;letter-spacing:.04em}.hub-cat-icon{font-size:1.1rem}.hub-cat-badge{margin-left:auto;font-size:.72rem;font-weight:600;background:var(--color-bg-alt,#f1f5f9);border:1px solid var(--color-border,#d1d5db);color:#64748b;border-radius:20px;padding:.15rem .55rem}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.85rem}[data-cat=geografie]{--cat-color:#0ea5e9;--cat-bg:rgba(14,165,233,.07)}[data-cat=wissen]{--cat-color:#16a34a;--cat-bg:rgba(22,163,74,.07)}[data-cat=politik]{--cat-color:#1c3557;--cat-bg:rgba(28,53,87,.07)}[data-cat=raetsel]{--cat-color:#7c3aed;--cat-bg:rgba(124,58,237,.07)}[data-cat=arcade]{--cat-color:#ea580c;--cat-bg:rgba(234,88,12,.07)}.hub-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:1.2rem .7rem 1rem;background:#fff;border:1.5px solid var(--color-border,#e5e7eb);border-radius:14px;cursor:pointer;text-align:center;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;color:var(--color-dark)}.hub-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cat-color, var(--color-primary,#1c3557));opacity:.7;transition:opacity .18s}.hub-card:hover{border-color:var(--cat-color, var(--color-primary,#1c3557));background:var(--cat-bg,#f8fafc);box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.hub-card:hover:before{opacity:1}.hub-card:active{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.hub-card span{font-size:1.75rem;line-height:1}.hub-card strong{font-size:.86rem;font-weight:700;display:block}.hub-card small{font-size:.72rem;color:#64748b}.hub-no-results{text-align:center;color:#94a3b8;padding:3rem 0;font-size:1rem}.back-btn{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1.5rem;background:none;border:2px solid var(--color-border,#d1d5db);border-radius:6px;padding:.5rem 1rem;font-weight:600;font-size:.88rem;cursor:pointer;color:var(--color-dark);transition:border-color .15s,background .15s}.back-btn:hover{border-color:var(--color-primary,#1c3557);background:#f0f4f8}.game-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 24px #00000012;max-width:780px;margin:0 auto}.game-card--wide{max-width:960px}.game-card h2{font-size:1.4rem;font-weight:800;color:var(--color-dark);margin-bottom:.4rem}.game-desc{color:#64748b;margin-bottom:1.5rem}.prog-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.prog-bar{flex:1;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.prog-bar div{height:100%;background:var(--color-primary,#1c3557);border-radius:999px;transition:width .3s ease;width:0}.quiz-q{font-size:1.1rem;font-weight:700;color:var(--color-dark);margin-bottom:1.25rem;line-height:1.5}.big-word{font-size:1.6rem;font-weight:800;color:var(--color-primary,#1c3557);text-align:center;padding:1.25rem;background:#f0f4f8;border-radius:10px;margin-bottom:1.25rem}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.75rem}.answer-btn{padding:.7rem .9rem;border-radius:8px;border:2px solid var(--color-border,#d1d5db);background:#f8fafc;font-size:.875rem;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;color:var(--color-dark)}.answer-btn:hover{border-color:var(--color-primary,#1c3557);background:#eff6ff}.answer-btn.correct{background:#dcfce7;border-color:#16a34a;color:#166534}.answer-btn.wrong{background:#fee2e2;border-color:#dc2626;color:#991b1b}.feedback{padding:.65rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem}.feedback.correct{background:#dcfce7;color:#166534}.feedback.wrong{background:#fee2e2;color:#991b1b}.feedback.neutral{background:#fef9c3;color:#854d0e}.result-box{text-align:center;padding-top:.5rem}.result-box p{color:#64748b;margin-bottom:1.5rem}.score-ring{width:100px;height:100px;border-radius:50%;background:var(--color-primary,#1c3557);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;margin:0 auto 1.25rem;gap:.2rem}.score-ring small{font-size:1rem;opacity:.7}.slider-area{margin:.75rem 0}.slider{width:100%;accent-color:var(--color-primary,#1c3557)}.slider-val{text-align:center;font-size:1.4rem;font-weight:700;color:var(--color-primary,#1c3557);margin-top:.4rem}.map-hud{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.hud-box{background:#f0f4f8;border-radius:8px;padding:.45rem .9rem;font-size:.875rem;color:var(--color-dark)}.map-wrap{background:#c8d8ee;border-radius:12px;padding:.5rem}.flu-map-outer{position:relative}.flu-info{position:absolute;top:.6rem;right:.6rem;left:auto;width:clamp(140px,38%,200px);background:#0f1e37d1;color:#e8f0f8;border-radius:10px;padding:.65rem .75rem .7rem;font-size:.72rem;line-height:1.45;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);pointer-events:none;animation:fluInfoIn .22s ease}.flu-info.flu-info--left{left:.6rem;right:auto}@keyframes fluInfoIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.flu-info strong{display:block;font-size:.8rem;color:#7dd3fc;margin-bottom:.4rem}.flu-info ul{margin:0;padding:0 0 0 .9rem}.flu-info li{margin-bottom:.18rem}.flu-info-hr{border:none;border-top:1px solid rgba(255,255,255,.15);margin:.45rem 0}.river-glow{filter:drop-shadow(0 0 3px #38bdf8) drop-shadow(0 0 7px #0ea5e9);animation:riverPulse 1.1s ease-in-out infinite}@keyframes riverPulse{0%,to{opacity:1}50%{opacity:.5}}.flu-link{stroke:#ef4444;stroke-width:2.5;stroke-dasharray:7 5;stroke-linecap:round;animation:fluDash .6s linear infinite}@keyframes fluDash{to{stroke-dashoffset:-24}}#sh-map{width:100%;height:auto;display:block;cursor:pointer}.mk,.mk path,.mk ellipse{fill:#3b6fad2e;stroke:none;cursor:pointer;transition:fill .18s,filter .18s}path.mk,ellipse.mk{fill:#3b6fad2e;stroke:none;cursor:pointer}.mk:hover,.mk:hover path,.mk:hover ellipse,path.mk:hover,ellipse.mk:hover{fill:#ffffff80;filter:blur(4px) drop-shadow(0 0 14px rgba(255,255,255,.8))}.mk.mk-hit,.mk.mk-hit path,.mk.mk-hit ellipse,path.mk.mk-hit,ellipse.mk.mk-hit{fill:#16a34aa6;stroke:#16a34a;stroke-width:2;filter:none}.mk.mk-miss,.mk.mk-miss path,.mk.mk-miss ellipse,path.mk.mk-miss,ellipse.mk.mk-miss{fill:#dc2626a6;stroke:#dc2626;stroke-width:2;filter:none}.mem-hud{font-size:.875rem;color:#64748b;margin-bottom:1rem}.mem-board{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.mem-card{aspect-ratio:3/4;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform .4s;border-radius:8px}.mem-card.flipped,.mem-card.matched{transform:rotateY(180deg)}.mem-front,.mem-back{position:absolute;inset:0;border-radius:8px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:1.4rem;border:2px solid rgba(255,255,255,.3);user-select:none}.mem-back{background:#1c3557;color:#fff;transform:rotateY(0)}.mem-front{transform:rotateY(180deg)}.mem-card.matched .mem-front{box-shadow:0 0 0 3px #16a34a}.shield-wrap{display:flex;justify-content:center;margin:1.25rem 0}.snk-dpad{display:none;flex-direction:column;align-items:center;gap:.4rem;margin:.75rem auto .25rem}.snk-dpad-row{display:flex;gap:.4rem;justify-content:center}.snk-dpad-btn{width:52px;height:52px;font-size:1.4rem;border:none;border-radius:12px;background:#1c3557;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;display:flex;align-items:center;justify-content:center}.snk-dpad-btn:active{background:#3b6fad}.flag-wrap{display:flex;justify-content:center;margin:1.25rem 0}.zt-list{display:flex;flex-direction:column;gap:.5rem}.zt-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border:2px solid var(--color-border,#d1d5db);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.zt-item:hover{border-color:var(--color-primary,#1c3557);background:#eff6ff}.zt-item.selected{border-color:#f59e0b;background:#fef9c3}.zt-item.zt-correct{border-color:#16a34a;background:#dcfce7}.zt-item.zt-wrong{border-color:#dc2626;background:#fee2e2}.zt-num{font-weight:700;color:var(--color-primary,#1c3557);min-width:1.5rem;flex-shrink:0}.zt-text{font-size:.875rem;color:var(--color-dark)}.wo-wrap{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000012;max-width:500px;margin:0 auto;overflow:hidden}.wo-header{background:linear-gradient(135deg,#1c3557,#3b6fad);color:#fff;text-align:center;padding:1.5rem 1rem 1.25rem}.wo-header h2{font-size:1.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .25rem}.wo-header p{font-size:.82rem;opacity:.8;margin:0}.wo-legend{display:flex;align-items:center;justify-content:center;gap:.5rem 1.5rem;flex-wrap:wrap;padding:.8rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.wo-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#475569;font-weight:600}.wo-legend-tile{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;font-size:.78rem;font-weight:900;color:#fff;cursor:default}.wo-legend-tile[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e293b;color:#fff;font-size:.72rem;font-weight:600;white-space:nowrap;padding:.35rem .65rem;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:50;line-height:1.4}.wo-legend-tile[data-tip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b;pointer-events:none;opacity:0;transition:opacity .15s;z-index:50}.wo-legend-tile[data-tip]:hover:after,.wo-legend-tile[data-tip]:hover:before{opacity:1}.wo-start-area{text-align:center;padding:2rem 1.5rem}.wo-hint{font-size:.88rem;color:#64748b;margin-bottom:1.5rem}.wo-start-btn-lg{font-size:1rem;padding:.85rem 2.5rem;border-radius:8px}.wo-toast{position:sticky;top:0;z-index:10;text-align:center;padding:.5rem 1rem;font-size:.85rem;font-weight:700;border-radius:0;margin:0}.wo-toast.wo-toast-warn{background:#fef9c3;color:#854d0e}.wo-toast.wo-toast-ok{background:#dcfce7;color:#166534}.wo-toast.wo-toast-err{background:#fee2e2;color:#991b1b}.wo-grid{display:flex;flex-direction:column;gap:5px;padding:1.25rem 1.25rem .75rem;align-items:center}.wo-row{display:flex;gap:5px;flex-wrap:nowrap}.wo-row-active .wo-cell:not(.wo-hit):not(.wo-present):not(.wo-miss){border-color:#94a3b8}.wo-cell{width:60px;height:60px;border:2px solid #d1d5db;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.6rem;font-weight:900;text-transform:uppercase;color:#1e293b;user-select:none;backface-visibility:hidden;transition:border-color .1s}.wo-cell.wo-filled{border-color:#64748b}.wo-cell.wo-hit,.wo-cell.wo-present,.wo-cell.wo-miss{background-color:var(--wo-c)!important;border-color:var(--wo-c)!important;color:#fff!important}@keyframes wo-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.wo-cell.wo-pop{animation:wo-pop .1s ease}@keyframes wo-flip{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}.wo-cell.wo-flipping{animation:wo-flip .32s ease}@keyframes wo-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.wo-row.wo-shake{animation:wo-shake .5s ease}.wo-kb{display:flex;flex-direction:column;gap:6px;align-items:center;padding:.75rem 1rem 1.5rem;background:#f1f5f9;border-top:1px solid #e2e8f0}.wo-kb-row{display:flex;gap:5px}.wo-key{min-width:36px;height:52px;padding:0 4px;border-radius:6px;border:none;background-color:#dde3eb;font-size:.88rem;font-weight:700;cursor:pointer;color:#1e293b;transition:background-color .15s,transform .1s;display:flex;align-items:center;justify-content:center}.wo-key:active{transform:scale(.92)}.wo-key-action{min-width:54px;background-color:#b0bbc8;font-size:.78rem}.wo-key[data-state]{background-color:var(--wo-c)!important;color:#fff!important}.wo-end-area{text-align:center;padding:2.5rem 1.5rem 2rem}.wo-end-icon{font-size:3.5rem;margin-bottom:1rem}.wo-end-msg{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;line-height:1.5}.fv-choices{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;flex-wrap:wrap}.fv-btn{flex:1;min-width:140px;padding:1.25rem;background:#f0f4f8;border:2px solid var(--color-border,#d1d5db);border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s;color:var(--color-dark)}.fv-btn:hover:not(:disabled){border-color:var(--color-primary,#1c3557);background:#dbeafe}.fv-btn:disabled{opacity:.5;cursor:default}.fv-vs{font-size:1.25rem;font-weight:700;color:#94a3b8;flex-shrink:0}.en-cities{font-size:1.3rem;font-weight:700;text-align:center;padding:1rem;background:#f0f4f8;border-radius:10px;margin-bottom:1rem;color:var(--color-dark)}.bi-hud{font-size:.875rem;color:#64748b;margin-bottom:.75rem}.bi-board{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.75rem}.bi-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.7rem;font-weight:700;background:#f0f4f8;border:2px solid var(--color-border,#d1d5db);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s;color:var(--color-dark);padding:2px}.bi-cell.bi-active{border-color:#f59e0b;background:#fef9c3;cursor:pointer}.bi-cell.bi-marked{background:#1c3557;border-color:#1c3557;color:#fff;cursor:default}.bi-caller{margin-top:.75rem;padding:.6rem 1rem;background:#1c3557;color:#fff;border-radius:8px;font-weight:700;font-size:1rem;text-align:center}.zu-btns{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.zu-btn{flex:1;min-width:100px;padding:.85rem;background:#f0f4f8;border:2px solid var(--color-border,#d1d5db);border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s;color:var(--color-dark)}.zu-btn:hover:not(:disabled){border-color:var(--color-primary,#1c3557);background:#dbeafe}.zu-btn.correct{background:#dcfce7;border-color:#16a34a;color:#166534}.zu-btn.wrong{background:#fee2e2;border-color:#dc2626;color:#991b1b}.zu-btn:disabled{cursor:default}.af-wrap{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000012;max-width:460px;margin:0 auto;overflow:hidden}.af-hud{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.25rem;background:linear-gradient(135deg,#1c3557,#3b6fad);color:#fff;font-size:.9rem;font-weight:600}.af-hud strong{font-size:1.1rem}.af-canvas-wrap{position:relative;line-height:0}#af-canvas{width:100%;height:auto;display:block;cursor:crosshair;touch-action:none;user-select:none}.kw-wrap{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000012;max-width:560px;margin:0 auto;overflow:hidden}.kw-hud{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.25rem;background:linear-gradient(135deg,#0e7490,#0369a1);color:#fff;font-size:.9rem;font-weight:600}.kw-hud strong{font-size:1.1rem}.kw-canvas-wrap{position:relative;line-height:0}#kw-canvas{width:100%;height:auto;display:block;cursor:pointer;touch-action:none;user-select:none}.af-overlay{position:absolute;inset:0;background:#05142db8;display:flex;align-items:center;justify-content:center}.af-overlay.is-gameover{position:fixed!important;inset:0!important;z-index:999!important}.af-dialog{background:#fff;border-radius:16px;overflow:hidden;max-width:360px;width:92%;box-shadow:0 12px 48px #00000059;box-sizing:border-box;text-align:center}.af-dialog-header{background:linear-gradient(135deg,#1c3557,#3b6fad);padding:1.1rem 1.5rem .9rem;color:#fff}.af-dialog-header .af-big-icon{font-size:2rem;line-height:1;display:block;margin-bottom:.3rem}.af-dlg-title{font-size:1.5rem;font-weight:900;margin:0;letter-spacing:.01em}.af-dialog-body{padding:1.4rem 1.75rem 1.6rem}.af-score-big{font-size:3rem;font-weight:900;color:#1c3557;line-height:1;margin:0 0 .2rem}.af-score-big small{font-size:.8rem;font-weight:500;color:#64748b;display:block;margin-top:.25rem;letter-spacing:.03em;text-transform:uppercase}.af-new-best{display:inline-block;background:#fef3c7;color:#92400e;font-weight:800;font-size:.9rem;border-radius:20px;padding:.25rem .9rem;margin:.6rem 0 .2rem;border:1.5px solid #fbbf24}.af-best-line{font-size:.88rem;color:#64748b;margin:.5rem 0 1.1rem}.af-sub{font-size:.84rem;color:#64748b;margin-bottom:.7rem}.af-controls{font-size:.75rem;background:#f0f4f8;border-radius:6px;padding:.4rem .7rem;color:#475569;margin-bottom:.9rem;line-height:1.5}.af-best-line-start{font-size:.84rem;color:#64748b;margin-bottom:.9rem;min-height:1.2em}.dm-wrap{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000012;max-width:540px;margin:0 auto;overflow:hidden}.dm-hud{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1.25rem;background:linear-gradient(135deg,#0c4a6e,#0369a1);color:#fff;font-size:.9rem;font-weight:600}.dm-hud strong{font-size:1.1rem}.dm-board-wrap{position:relative;padding:10px;background:linear-gradient(160deg,#1c3557,#0c4a6e)}.dm-board{display:grid;grid-template-columns:repeat(var(--n,8),1fr);gap:4px;aspect-ratio:1/1}.dm-cell{display:flex;align-items:center;justify-content:center;font-size:clamp(15px,4.6vw,30px);line-height:1;aspect-ratio:1/1;padding:0;background:hsl(var(--dm-hue,210),var(--dm-sat,42%),var(--dm-lgt,88%));border:none;border-radius:8px;cursor:pointer;box-shadow:inset 0 -2px #1c35571f;transition:transform .1s,background .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;user-select:none}.dm-cell:hover{background:hsl(var(--dm-hue,210),var(--dm-sat,42%),96%)}.dm-cell.dm-sel{background:#fde68a;box-shadow:inset 0 0 0 3px #f59e0b;transform:scale(1.06)}.dm-cell.dm-pop{animation:dmPop .23s ease forwards;background:#fff}@keyframes dmPop{0%{transform:scale(1)}45%{transform:scale(1.3);filter:brightness(1.6)}to{transform:scale(.2);opacity:0}}.dm-cell.dm-power{background:#fff7ed;box-shadow:inset 0 0 0 2px #fb923c;animation:dmGlow 1.1s ease-in-out infinite}@keyframes dmGlow{0%,to{box-shadow:inset 0 0 0 2px #fb923c,0 0 5px #fb923c80}50%{box-shadow:inset 0 0 0 2px #f59e0b,0 0 13px #f59e0bf2}}.dm-cell.dm-rock{background:#94a3b8;box-shadow:inset 0 0 0 2px #475569,inset 0 -3px #0f172a4d;cursor:not-allowed}.dm-cell.dm-rock:hover{background:#94a3b8}.dm-cell.dm-clock{background:#dcfce7;box-shadow:inset 0 0 0 2px #16a34a;animation:dmClock 1s ease-in-out infinite}.dm-cell.dm-clock:hover{background:#dcfce7}@keyframes dmClock{0%,to{box-shadow:inset 0 0 0 2px #16a34a,0 0 5px #16a34a80}50%{box-shadow:inset 0 0 0 2px #22c55e,0 0 14px #22c55ef2}}.dm-time-bonus{display:inline-block;animation:dmTimeBonus .6s ease;color:#bbf7d0}@keyframes dmTimeBonus{0%{transform:scale(1)}30%{transform:scale(1.5);color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.9)}to{transform:scale(1)}}.dm-time-penalty{display:inline-block;animation:dmTimePenalty .6s ease;color:#fca5a5}@keyframes dmTimePenalty{0%{transform:scale(1)}30%{transform:scale(1.5);color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.9)}to{transform:scale(1)}}.dm-cell.dm-double{background:#fef9c3;box-shadow:inset 0 0 0 2px #ca8a04;animation:dmDouble .9s ease-in-out infinite;cursor:not-allowed}.dm-cell.dm-double:hover{background:#fef9c3}@keyframes dmDouble{0%,to{box-shadow:inset 0 0 0 2px #ca8a04,0 0 5px #ca8a0480}50%{box-shadow:inset 0 0 0 2px #eab308,0 0 16px #eab308f2}}.dm-double-active #dm-score{animation:dmScoreGlow .7s ease-in-out infinite alternate}@keyframes dmScoreGlow{0%{text-shadow:none;color:#fff}to{text-shadow:0 0 10px rgba(234,179,8,1);color:#fde047}}.fz-wrap{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000012;max-width:600px;margin:0 auto;overflow:hidden}.fz-hud{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.25rem;background:linear-gradient(135deg,#0c4a6e,#0369a1);color:#fff;font-size:.9rem;font-weight:600}.fz-hud strong{font-size:1.1rem}.fz-canvas-wrap{position:relative;line-height:0}#fz-canvas{width:100%;height:auto;display:block;cursor:pointer;touch-action:none;user-select:none}.fz-overlay{position:absolute;inset:0;background:#05142db8;display:flex;align-items:center;justify-content:center}.fz-overlay.is-gameover{position:fixed!important;inset:0!important;z-index:999!important}.fz-dialog{background:#fff;border-radius:16px;overflow:hidden;max-width:360px;width:92%;box-shadow:0 12px 48px #00000059;box-sizing:border-box;text-align:center}.fz-dialog-header{background:linear-gradient(135deg,#0c4a6e,#0369a1);padding:1.1rem 1.5rem .9rem;color:#fff}.fz-dialog-header .fz-big-icon{font-size:2rem;line-height:1;display:block;margin-bottom:.3rem}.fz-dlg-title{font-size:1.5rem;font-weight:900;margin:0;letter-spacing:.01em}.fz-dialog-body{padding:1.4rem 1.75rem 1.6rem}.fz-score-big{font-size:3rem;font-weight:900;color:#0c4a6e;line-height:1;margin:0 0 .2rem}.fz-score-big small{font-size:.8rem;font-weight:500;color:#64748b;display:block;margin-top:.25rem;letter-spacing:.03em;text-transform:uppercase}.fz-new-best{display:inline-block;background:#fef3c7;color:#92400e;font-weight:800;font-size:.9rem;border-radius:20px;padding:.25rem .9rem;margin:.6rem 0 .2rem;border:1.5px solid #fbbf24}.fz-best-line{font-size:.88rem;color:#64748b;margin:.5rem 0 1.1rem}.fz-sub{font-size:.84rem;color:#64748b;margin-bottom:.7rem}.fz-controls{font-size:.75rem;background:#f0f4f8;border-radius:6px;padding:.4rem .7rem;color:#475569;margin-bottom:.9rem;line-height:1.5}.fz-best-line-start{font-size:.84rem;color:#64748b;margin-bottom:.9rem;min-height:1.2em}.zit-quote{font-style:italic;font-size:1.15rem;border-left:4px solid var(--color-primary,#1c3557);padding-left:1rem;color:#1e293b}.fe-stmt{font-size:1rem;background:#f8fafc;border-radius:8px;padding:1rem;border:2px solid var(--color-border,#d1d5db);text-align:center;margin-bottom:1rem}.gs-btns{display:flex;gap:1rem;justify-content:center;margin-bottom:.75rem;flex-wrap:wrap}.gs-btn{flex:1;min-width:120px;max-width:200px;padding:1rem;border-radius:10px;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.gs-btn:active{transform:scale(.96)}.gs-btn-yes{background:#16a34a;color:#fff}.gs-btn-no{background:#dc2626;color:#fff}.gs-btn:disabled{opacity:.5;cursor:default}.gz-btns{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.75rem}.wom-q{font-size:1.1rem;text-align:center;padding:1.25rem;background:#f0f4f8;border-radius:10px;margin-bottom:1.25rem}.wom-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.wom-btn{flex:1;min-width:100px;max-width:160px;padding:.85rem;border-radius:8px;border:none;font-size:.95rem;font-weight:700;cursor:pointer;background:#16a34a;color:#fff;transition:opacity .15s}.wom-btn:disabled{opacity:.5;cursor:default}.wom-neutral{background:#64748b}.wom-nein{background:#dc2626}.wom-result-bars{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.wom-bar-row{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;gap:.5rem}.wom-party-label{font-weight:700;font-size:.875rem;text-align:right}.wom-bar-track{background:#e2e8f0;border-radius:999px;height:18px;overflow:hidden}.wom-bar-fill{height:100%;border-radius:999px;transition:width .5s ease}.wom-score-label{font-size:.875rem;font-weight:700;color:#475569}.wom-winner-msg{text-align:center;font-weight:700;font-size:1rem;margin:0 0 1.25rem;color:var(--color-dark)}.ko-sliders{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.ko-slider-row{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;gap:.5rem}.ko-party-name{font-weight:700;font-size:.875rem;text-align:right}.ko-results{display:flex;flex-direction:column;gap:.3rem;max-height:350px;overflow-y:auto;margin-bottom:.75rem}.ko-results-title{font-weight:700;font-size:.9rem;color:var(--color-dark);margin-bottom:.5rem}.ko-result-row{display:flex;justify-content:space-between;padding:.4rem .75rem;border-radius:6px;font-size:.82rem;font-weight:600}.ko-majority{background:#dcfce7;color:#166534}.ko-minority{background:#f1f5f9;color:#475569}.ko-hint{font-size:.78rem;color:#64748b;margin-top:.5rem}.bdg-sliders{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.bdg-total-row{font-weight:700;margin-bottom:1rem;font-size:1rem}.bdg-table{width:100%;border-collapse:collapse;font-size:.875rem}.bdg-table th{background:#f0f4f8;padding:.5rem;text-align:left;font-weight:700;border-bottom:2px solid #e2e8f0}.bdg-table td{padding:.45rem .5rem;border-bottom:1px solid #e2e8f0}.amp-game-card{overflow:hidden}.amp-scene{position:relative;width:100%;height:220px;border-radius:12px;overflow:hidden;margin-bottom:1.25rem}.amp-scene-sky{position:absolute;inset:0 0 70px;background:linear-gradient(180deg,#60a5fa,#bfdbfe)}.amp-building{position:absolute;bottom:0;background:#334155;border-top-left-radius:3px;border-top-right-radius:3px}.amp-building:before{content:"";position:absolute;top:8px;left:5px;right:5px;height:100%;background:repeating-linear-gradient(180deg,transparent 0 8px,rgba(255,220,60,.35) 8px 10px)}.amp-scene-road{position:absolute;bottom:0;left:0;right:0;height:70px;background:#374151;display:flex;align-items:center;justify-content:center;gap:20px}.amp-road-stripe{width:36px;height:8px;background:#ffffffb3;border-radius:2px}.amp-pole-wrap{position:absolute;left:50%;bottom:70px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.amp-pole{width:10px;height:80px;background:linear-gradient(90deg,#9ca3af,#d1d5db,#9ca3af);border-radius:5px}.amp-housing{width:74px;background:#1c1c1c;border-radius:14px;padding:.6rem .5rem;border:3px solid #333;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;align-items:center;gap:.45rem;order:-1}.amp-visor{width:68px;height:8px;background:#111;border-radius:4px;margin-bottom:2px}.amp-bulb-wrap{display:flex;flex-direction:column;gap:.45rem}.amp-bulb{position:relative;width:50px;height:50px;border-radius:50%;border:3px solid rgba(0,0,0,.4);transition:opacity .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center}.amp-glare{position:absolute;top:7px;left:9px;width:14px;height:10px;background:#fff6;border-radius:50%;transform:rotate(-30deg);pointer-events:none}.amp-red{background:radial-gradient(circle at 35% 35%,#ff6060,#c00)}.amp-yellow{background:radial-gradient(circle at 35% 35%,#ffe066,#c90)}.amp-green{background:radial-gradient(circle at 35% 35%,#6f8,#0a3)}.amp-red[style*="opacity: 1"],.amp-red[style*="opacity:1"]{box-shadow:0 0 18px 6px #f009}.amp-yellow[style*="opacity: 1"],.amp-yellow[style*="opacity:1"]{box-shadow:0 0 18px 6px #ffc80099}.amp-green[style*="opacity: 1"],.amp-green[style*="opacity:1"]{box-shadow:0 0 18px 6px #00dc3c99}.amp-instruction{text-align:center;font-weight:700;font-size:1rem;margin-bottom:.75rem;color:var(--color-dark)}.amp-click-btn{display:block;width:100%;margin-bottom:.75rem;font-size:1.1rem;padding:1rem}.amp-history{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.amp-hist-item{background:#e0f2fe;color:#0369a1;border-radius:6px;padding:.25rem .6rem;font-size:.8rem;font-weight:700}.amp-hist-penalty{background:#fee2e2;color:#991b1b}.sv-wrap{position:relative;background:linear-gradient(160deg,#0c1e3a,#0a3260);border-radius:18px;overflow:hidden;min-height:480px;display:flex;flex-direction:column}.sv-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#081228e0;z-index:10;border-radius:18px}.sv-dialog{background:#0f2a50;border:1px solid rgba(96,165,250,.25);border-radius:16px;padding:2rem 2.5rem;max-width:420px;width:90%;text-align:center;color:#e0eeff}.sv-dialog-icon{font-size:2.8rem;margin-bottom:.5rem}.sv-dialog-title{font-size:1.5rem;font-weight:800;margin:0 0 .5rem;color:#fff}.sv-dialog-desc{font-size:.93rem;opacity:.8;margin:0 0 1.25rem;line-height:1.5}.sv-fleet-legend{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0 1.25rem;text-align:left}.sv-legend-row{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#bcd}.sv-ship-preview{display:inline-flex;gap:3px}.sv-ship-preview:before{content:"";display:block;width:calc(var(--len)*18px + (var(--len) - 1)*3px);height:14px;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:4px}.sv-result-stats{display:flex;gap:1.5rem;justify-content:center;margin:.75rem 0}.sv-stat{display:flex;flex-direction:column;align-items:center}.sv-stat span{font-size:2rem;font-weight:800;color:#60a5fa}.sv-stat small{font-size:.75rem;opacity:.7}.sv-hud{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:.75rem 1rem;background:#00000059;border-bottom:1px solid rgba(255,255,255,.07);color:#e0eeff;font-size:.9rem;font-weight:600}.sv-hud-item{white-space:nowrap}.sv-game{display:flex;flex-direction:column;flex:1}.sv-layout{display:flex;gap:1.25rem;padding:1.25rem;align-items:flex-start;flex:1}.sv-board-wrap{flex:1;min-width:0}.sv-board{display:grid;grid-template-columns:28px repeat(var(--size,10),1fr);grid-template-rows:28px repeat(var(--size,10),1fr);gap:3px;aspect-ratio:11/11}.sv-cell{display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.75rem;font-weight:700}.sv-corner,.sv-label{color:#94b4dcb3;font-size:.7rem;background:transparent}.sv-water{background:#1e50a073;border:1px solid rgba(96,165,250,.15);cursor:pointer;transition:background .12s,transform .1s}.sv-water:hover{background:#60a5fa59;transform:scale(1.08);border-color:#93c5fd80}.sv-hit{background:#ef444440;border:1px solid rgba(239,68,68,.5);cursor:default}.sv-hit-icon{font-size:.85em;animation:svPop .25s ease}.sv-miss{background:#1e50a033;border:1px solid rgba(96,165,250,.1);opacity:.55;cursor:default}.sv-miss-icon{font-size:.75em;opacity:.8}.sv-sunk{background:#ef444473!important;border-color:#ef4444b3!important}@keyframes svPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.sv-sidebar{width:140px;flex-shrink:0;display:flex;flex-direction:column;gap:.75rem}.sv-sidebar-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94b4dc99;padding-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.sv-fleet{display:flex;flex-direction:column;gap:.5rem}.sv-fleet-row{display:flex;flex-direction:column;gap:.25rem}.sv-ship-name{font-size:.72rem;color:#94b4dccc}.sv-ship-dots{display:flex;gap:3px}.sv-dot{width:12px;height:12px;border-radius:2px;background:#60a5fa66;border:1px solid rgba(96,165,250,.3);transition:background .2s}.sv-dot-hit{background:#ef4444;border-color:#b91c1c}.sv-ship-sunk .sv-dot{background:#374151;border-color:#4b5563}.sv-ship-sunk .sv-ship-name{text-decoration:line-through;color:#94b4dc66}.sv-feedback{font-size:.9rem;font-weight:700;padding:.5rem .75rem;border-radius:8px;text-align:center;margin-top:.5rem}.sv-fb-hit{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.sv-fb-miss{background:#60a5fa1a;color:#93c5fd;border:1px solid rgba(96,165,250,.2)}@media(max-width:560px){.sv-layout{flex-direction:column;gap:.75rem;padding:.75rem}.sv-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.sv-fleet{flex-direction:row;flex-wrap:wrap;gap:.5rem}.sv-board{gap:2px}.sv-cell{border-radius:3px}.sv-sidebar-title{width:100%}}.fish-game-card{overflow:hidden}.fish-pond-wrap{position:relative;line-height:0;border-radius:14px;overflow:hidden;margin-bottom:1rem;box-shadow:0 4px 20px #00000040;background:#0e7490}#fish-canvas{width:100%;height:auto;display:block;cursor:crosshair;touch-action:none;user-select:none}.ts-timer-row{display:flex;justify-content:space-between;font-size:.9rem;font-weight:700;margin-bottom:1rem;color:#64748b}.ts-word{font-size:2rem;font-weight:900;color:var(--color-primary,#1c3557);text-align:center;padding:1.25rem;background:#f0f4f8;border-radius:10px;margin-bottom:1rem;letter-spacing:.05em}.ts-input{width:100%;padding:.85rem 1rem;font-size:1.1rem;border:2px solid var(--color-border,#d1d5db);border-radius:8px;outline:none;transition:border-color .15s;box-sizing:border-box}.ts-input:focus{border-color:var(--color-primary,#1c3557)}.ts-fb{text-align:center;font-size:1.5rem;font-weight:900;min-height:2rem;margin-top:.5rem}@media(max-width:600px){.page-header{padding:2.5rem 0 2rem;min-height:140px}.page-header h1{font-size:1.6rem}.page-header p{font-size:.9rem}.games-hub-section{padding:1.5rem 0 3rem}.hub-search-wrap{flex-direction:column;align-items:stretch;gap:.6rem}.hub-count{text-align:right}.hub-cat-title{font-size:.85rem}.hub-grid{grid-template-columns:repeat(2,1fr);gap:.55rem}.hub-card{padding:.8rem .4rem .7rem;gap:.2rem}.hub-card span{font-size:1.4rem}.hub-card strong{font-size:.78rem}.hub-card small{font-size:.66rem}.back-btn{font-size:.8rem;padding:.45rem .8rem;margin-bottom:1rem}.game-card{padding:1.25rem .875rem;border-radius:10px}.game-card h2{font-size:1.15rem}.game-desc{font-size:.85rem;margin-bottom:1rem}.answer-grid{grid-template-columns:1fr}.answer-btn{font-size:.82rem;padding:.6rem .75rem}.quiz-q{font-size:.95rem}.prog-row{gap:.6rem;margin-bottom:1rem}.wo-cell{width:44px;height:44px;font-size:1.1rem}.wo-key{min-width:27px;height:42px;font-size:.72rem}.wo-key-action{min-width:42px}.wo-legend-tile[data-tip]:after{white-space:normal;max-width:140px;text-align:center}.fv-choices,.zu-btns{flex-direction:column}.zu-btn{min-width:unset;padding:.7rem;font-size:.9rem}.mem-board{gap:.3rem}.zt-item{padding:.6rem .75rem;gap:.5rem}.zt-text{font-size:.8rem}.score-ring{width:80px;height:80px;font-size:2rem}.af-overlay{position:fixed!important;inset:0!important;z-index:50!important}.af-overlay.is-gameover{z-index:999!important}.af-dialog{max-height:92dvh;overflow-y:auto}.af-dialog-header{padding:.75rem 1rem .65rem}.af-dialog-body{padding:1rem 1.25rem 1.25rem}.af-big-icon{font-size:1.6rem}.af-dlg-title{font-size:1.2rem}.af-score-big{font-size:2.2rem}.af-sub,.af-controls,.af-best-line,.af-best-line-start{font-size:.75rem}.fz-overlay{position:fixed!important;inset:0!important;z-index:50!important}.fz-overlay.is-gameover{z-index:999!important}.fz-dialog{max-height:92dvh;overflow-y:auto}.fz-dialog-header{padding:.75rem 1rem .65rem}.fz-dialog-body{padding:1rem 1.25rem 1.25rem}.fz-big-icon{font-size:1.6rem}.fz-dlg-title{font-size:1.2rem}.fz-score-big{font-size:2.2rem}.fz-sub,.fz-controls,.fz-best-line,.fz-best-line-start{font-size:.75rem}.af-wrap,.fz-wrap{max-width:100%;border-radius:10px}input,textarea,select{font-size:16px}.snk-dpad{display:flex!important}#wtr-play{flex-direction:column!important;align-items:center!important;gap:.75rem!important}}