
:root{
 --bg:#f7fbfe;--card:#fff;--ink:#10233d;--muted:#60758b;--line:#dbe8f1;--blue:#0b7acb;--blue2:#075e9f;--soft:#eaf7ff;
 --green:#168a57;--yellow:#f8b84e;--red:#cf4f4f;--shadow:0 10px 30px rgba(20,69,105,.08);
 --radius:18px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
img{max-width:100%;display:block}a{color:var(--blue2);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:8px 12px;z-index:1000}.skip-link:focus{left:8px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-row{min-height:72px;display:flex;align-items:center;gap:22px}.brand{margin-right:auto}.brand:hover{text-decoration:none}.brand img{height:48px;width:auto}.main-nav{display:flex;gap:4px;align-items:center}.main-nav a{padding:10px 11px;border-radius:10px;color:var(--ink);font-weight:700;font-size:.94rem}.main-nav a:hover{background:var(--soft);text-decoration:none}.daily-cta,.primary-button{background:var(--blue);color:#fff!important;border-radius:12px;padding:11px 15px;font-weight:800;box-shadow:0 5px 14px #0b7acb28}.daily-cta:hover,.primary-button:hover{background:var(--blue2);text-decoration:none}.nav-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.hero{padding:54px 0 28px;background:linear-gradient(180deg,#eef9ff 0%,var(--bg) 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:42px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.74rem;font-weight:900;color:var(--blue)}h1,h2,h3{line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(2.1rem,4vw,4.2rem);margin:.3em 0 .28em}.hero-copy{font-size:1.15rem;color:var(--muted);max-width:760px}.hero-actions,.trust-row,.button-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:11px 15px;border-radius:12px;font-weight:800}.hero-stat-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow);text-align:center}.hero-stat-card strong{font-size:4.2rem;color:var(--blue);display:block;line-height:1}.hero-stat-card span{display:block;font-weight:900;font-size:1.1rem}.hero-stat-card small{color:var(--muted)}.trust-row{margin-top:18px;color:#466176;font-weight:700;font-size:.92rem}
.page-wrap{padding:28px 0 60px}.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:.88rem;color:var(--muted);margin:8px 0 24px}.page-title{max-width:840px;margin:28px 0 30px}.page-title h1{font-size:clamp(2rem,4vw,3.5rem)}.page-title p{font-size:1.08rem;color:var(--muted)}.puzzle-title{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:18px 0 20px}.puzzle-title h1{font-size:clamp(1.8rem,3.5vw,3rem);margin:.25em 0}.puzzle-title p{color:var(--muted);max-width:800px}.category-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:800;white-space:nowrap}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:46px 0 18px}.section-head h2{font-size:clamp(1.5rem,3vw,2.25rem);margin:.25em 0}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.puzzle-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 7px 22px rgba(23,65,94,.05);display:flex;flex-direction:column}.puzzle-card h3{margin:12px 0 8px;font-size:1.1rem}.puzzle-card p{color:var(--muted);font-size:.92rem;flex:1}.card-top{display:flex;justify-content:space-between;align-items:center}.difficulty{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:900}.diff-leicht{background:#e8f8ef;color:#167343}.diff-mittel{background:#eef4ff;color:#315eaa}.diff-schwer{background:#fff0ed;color:#a94334}.diff-mini{background:#fff8dd;color:#8b6710}.played-badge{font-size:.75rem;font-weight:800;color:var(--green)}.card-play{font-weight:900;display:flex;justify-content:space-between;padding-top:8px}.category-links{margin:54px 0}.category-link-grid,.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-link-grid a,.theme-grid a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;color:var(--ink);display:flex;flex-direction:column;gap:5px}.category-link-grid a:hover,.theme-grid a:hover{border-color:#9acbec;text-decoration:none;transform:translateY(-1px)}.category-link-grid span{font-size:1.8rem}.category-link-grid small,.theme-grid span,.theme-grid small{color:var(--muted)}.seo-content{margin-top:56px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,42px);max-width:980px}.seo-content h2{font-size:2rem}.seo-content p{color:#445d72}
.game-shell{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.game-toolbar{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding-bottom:14px;flex-wrap:wrap}.game-toolbar button,.game-tools button,.modal-actions button{background:#f8fbfd;border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:var(--ink);font:inherit;font-weight:750;cursor:pointer}.game-toolbar button:hover,.game-tools button:hover{background:var(--soft)}.timer-box{display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}.progress-box{display:flex;align-items:center;gap:7px;min-width:180px;margin-right:auto}.progress-track,.mini-track{background:#e7eef3;border-radius:999px;height:7px;overflow:hidden;flex:1}.progress-track span,.mini-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0b7acb,#25a1ef);transition:width .2s}.active-clue{background:#eef9ff;border:1px solid #cbeafd;border-radius:12px;padding:11px 13px;margin:14px 0;font-weight:800;min-height:48px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:start}.board-wrap{overflow:auto;overscroll-behavior:contain;border-radius:14px;background:#24364a;padding:4px}.crossword-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(36px,1fr));gap:2px;min-width:max-content;background:#24364a}.cw-cell{width:clamp(36px,5vw,56px);aspect-ratio:1;border:0;margin:0;padding:0;font:inherit;position:relative}.cw-cell.block{background:#24364a;pointer-events:none}.cw-cell.letter{background:#fff;color:#12273e;font-size:clamp(1rem,2.6vw,1.6rem);font-weight:900;text-transform:uppercase;cursor:pointer}.cw-cell.clue{background:#dff2ff;color:#153650;cursor:pointer;padding:3px}.clue-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(.42rem,.8vw,.58rem);font-weight:800;line-height:1.05}.clue-arrow{position:absolute;right:2px;bottom:-1px;font-size:.82rem;font-weight:1000}.cw-cell.active-word{background:#fff3b5}.cw-cell.active-cell{outline:3px solid #158bd7;outline-offset:-3px}.cw-cell.clue.active-word{background:#bfe8ff}.cw-cell.wrong{background:#ffd6d6!important}.cw-cell.right{background:#d8f5e5!important}.game-tools{display:flex;flex-direction:column;gap:12px}.tool-group{border:1px solid var(--line);border-radius:13px;padding:11px}.tool-group h3{font-size:.83rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 8px}.tool-group button{width:100%;margin:3px 0;text-align:left}.daily-progress-card{display:flex;gap:12px;align-items:center;margin-top:14px;background:#fbfdff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.daily-progress-card .mini-track{min-width:100px}.mobile-input{position:fixed;opacity:0;left:-9999px;width:1px;height:1px}.pause-overlay,.modal{position:fixed;inset:0;background:rgba(8,25,42,.72);display:grid;place-items:center;z-index:90;padding:20px}.pause-overlay[hidden],.modal[hidden]{display:none}.pause-overlay>div,.modal-card{background:#fff;border-radius:22px;padding:28px;max-width:520px;width:100%;text-align:center;box-shadow:0 30px 80px #0004}.modal-card{position:relative}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:2rem}.celebrate{font-size:3rem}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.result-stats div{background:#f4f9fc;border-radius:12px;padding:12px}.result-stats strong{display:block;font-size:1.35rem}.result-stats span{font-size:.8rem;color:var(--muted)}.streak-box{background:#fff8dd;padding:10px;border-radius:10px;margin:14px 0}.big-next{display:block;background:var(--blue);color:#fff;padding:14px;border-radius:12px;font-weight:900;margin:14px 0}.modal-actions{display:flex;gap:8px;justify-content:center}.clue-list-section{margin-top:28px}.clue-columns{columns:2;column-gap:24px}.clue-row{break-inside:avoid;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin:0 0 8px;display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center}.clue-row small{color:var(--muted)}.archive-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.archive-list a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.archive-day{margin-top:40px}.legal-page,.contact-page{padding:32px 0 70px;max-width:850px}.legal-page h1,.contact-page h1{font-size:3rem}.legal-page h2{margin-top:32px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:15px}.contact-form label{font-weight:800}.contact-form input,.contact-form textarea{width:100%;border:1px solid #b9cfde;border-radius:10px;padding:11px;margin-top:5px;font:inherit}.checkline{display:flex!important;gap:9px;align-items:flex-start}.checkline input{width:auto!important;margin-top:5px!important}.hp-field{position:absolute;left:-9999px}.success-box{background:#e9f8ef;color:#17633e;padding:13px 16px;border-radius:12px;margin-bottom:14px}.not-found{text-align:center;padding:90px 20px}.big-404{font-size:7rem;font-weight:1000;color:#b9dff6;line-height:1}
.site-footer{background:#10283b;color:#d7e7f3;padding:46px 0 18px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:28px}.footer-grid>div{display:flex;flex-direction:column;gap:7px}.footer-grid a{color:#d7e7f3}.footer-logo{filter:none;margin-bottom:10px;height:48px;width:auto}.footer-bottom{border-top:1px solid #ffffff22;margin-top:28px;padding-top:18px;color:#a9c2d3;font-size:.88rem}.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;z-index:100;box-shadow:0 20px 60px #071b2d35;display:flex;gap:20px;align-items:center;justify-content:space-between}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:3px 0;color:var(--muted)}.cookie-actions{display:flex;gap:8px}.cookie-actions button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-weight:800}.cookie-actions .primary{background:var(--blue);color:#fff}
@media(max-width:980px){.daily-cta{display:none}.nav-toggle{display:block}.main-nav{position:absolute;top:72px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.hero-grid{grid-template-columns:1fr}.hero-stat-card{display:none}.cards-grid{grid-template-columns:repeat(2,1fr)}.category-link-grid,.theme-grid{grid-template-columns:repeat(2,1fr)}.game-layout{grid-template-columns:1fr}.game-tools{display:grid;grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 20px,1180px)}.header-row{min-height:62px}.brand img{height:41px}.main-nav{top:62px}.hero{padding-top:32px}.hero-actions{align-items:stretch}.hero-actions a{width:100%;text-align:center}.cards-grid,.theme-grid,.category-link-grid{grid-template-columns:1fr}.puzzle-title{display:block}.category-pill{display:inline-flex}.game-shell{padding:8px;border-radius:16px}.game-toolbar{gap:5px}.game-toolbar button{padding:8px}.desktop-label{display:none}.progress-box{order:5;width:100%;margin:0}.crossword-board{grid-template-columns:repeat(var(--cols),36px)}.cw-cell{width:36px}.clue-text{font-size:.39rem}.game-tools{grid-template-columns:1fr 1fr;gap:7px}.tool-group:last-child{grid-column:1/-1}.clue-columns{columns:1}.clue-row{grid-template-columns:20px 1fr}.clue-row small{display:none}.archive-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cookie-banner{left:8px;right:8px;bottom:8px;display:block}.cookie-actions{margin-top:10px}.result-stats{grid-template-columns:repeat(3,1fr)}}
@media print{.site-header,.site-footer,.game-toolbar,.game-tools,.daily-progress-card,.section-head,.cards-grid,.clue-list-section,.cookie-banner{display:none!important}.game-shell{box-shadow:none;border:0}.board-wrap{overflow:visible}.crossword-board{min-width:0}.cw-cell{width:34px}}

.my-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.my-tabs button{background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:10px;font-weight:800;cursor:pointer}.my-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.empty-card{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center;color:var(--muted)}

.pagination{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:28px 0}.pagination a,.pagination span{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-weight:800}.pagination span{background:var(--blue);color:#fff;border-color:var(--blue)}

.game-note{margin:12px 2px 0;color:var(--muted);font-size:.86rem}

/* v3 professional archive and completion experience */
.archive-hero{max-width:760px}.day-switcher{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin:0 0 20px}.day-switcher>a:last-child,.day-switcher>.today-pill{text-align:right}.today-pill{font-weight:850;color:var(--blue)}.archive-featured{margin-bottom:34px}.archive-library-head{margin-top:18px}.archive-list a.active{border-color:#1689d6;box-shadow:0 0 0 2px #1689d61c;background:#f4fbff}.modal-card{max-width:570px;overflow:hidden}.celebrate{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:linear-gradient(145deg,#eaf8ff,#fff4c9);font-size:2rem;color:#0a80cf;box-shadow:0 10px 30px #0b7acb20}.daily-goal-result{border:1px solid var(--line);background:#f8fcff;border-radius:15px;padding:13px 14px;margin:14px 0}.daily-goal-result>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.goal-dots{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.goal-dots span{height:34px;border-radius:9px;background:#e8eff4;display:grid;place-items:center;font-weight:900;color:#718295}.goal-dots span.done{background:#dff6e8;color:#147344}.remaining-daily{text-align:left;margin:14px 0}.remaining-daily>strong{display:block;margin-bottom:8px}.remaining-links{display:grid;gap:7px}.remaining-links a{display:grid;grid-template-columns:80px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px 11px;background:#fbfdff;font-weight:800}.remaining-links a:hover{border-color:#1689d6;background:#f2faff}.remaining-links span{font-size:.75rem;color:#0877c9;text-transform:uppercase;letter-spacing:.04em}.daily-complete-badge{display:flex;gap:12px;align-items:center;background:#effaf3;border:1px solid #ccebd8;border-radius:14px;padding:13px}.daily-complete-badge>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1b8b52;color:#fff;font-weight:1000}.daily-complete-badge strong,.daily-complete-badge small{display:block}.daily-complete-badge small{margin-top:3px;color:#557164}.return-nudge{font-size:.86rem;color:var(--muted);background:#f8fafc;border-radius:10px;padding:9px 11px;margin:10px 0 2px}@media(max-width:650px){.day-switcher{grid-template-columns:1fr 1fr}.day-switcher strong{grid-column:1/-1;grid-row:1;text-align:center}.day-switcher>a:first-child{grid-column:1}.day-switcher>a:last-child,.day-switcher>.today-pill{grid-column:2}.remaining-links a{grid-template-columns:65px 1fr auto}.modal-card{padding:24px 16px}}

/* Premium game UI v4 */
:root{--shadow-lg:0 24px 70px rgba(14,48,77,.14);--glow:0 0 0 4px rgba(11,122,203,.10)}
body{background:radial-gradient(circle at 50% -200px,#e6f6ff 0,#f7fbfe 440px)}
.site-header{box-shadow:0 5px 24px rgba(19,55,82,.05)}
.game-shell{border-color:#cfe2ee;box-shadow:0 20px 65px rgba(17,65,99,.11);background:linear-gradient(180deg,#fff,#fbfdff)}
.game-toolbar button,.game-tools button{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.game-toolbar button:hover,.game-tools button:hover{transform:translateY(-1px);border-color:#9fcce8;box-shadow:0 6px 16px rgba(16,93,143,.10)}
.puzzle-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden;position:relative}.puzzle-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#0b7acb,#43b8ef);opacity:0;transition:.18s}.puzzle-card:hover{transform:translateY(-4px);border-color:#b8d9ec;box-shadow:0 18px 40px rgba(18,68,103,.11);text-decoration:none}.puzzle-card:hover:before{opacity:1}.card-play{border-top:1px solid #edf3f7;margin-top:8px;padding-top:13px}
.modal{backdrop-filter:blur(9px);background:rgba(7,24,39,.76)}.modal-card,.share-card{background:linear-gradient(180deg,#fff 0,#f9fcff 100%);border:1px solid rgba(255,255,255,.8);box-shadow:0 35px 100px rgba(0,0,0,.30)}.modal-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#0b7acb,#31b3ef,#55c985);border-radius:22px 22px 0 0}.celebrate{animation:winPop .55s cubic-bezier(.2,.9,.25,1.25);font-weight:900}@keyframes winPop{0%{transform:scale(.45) rotate(-16deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}
.result-stats div{border:1px solid #e3eef5;background:linear-gradient(180deg,#fff,#f4f9fc)}.big-next{display:block;background:linear-gradient(135deg,#0879c9,#0a93dc);color:#fff!important;padding:14px 18px;border-radius:13px;font-weight:900;box-shadow:0 10px 24px rgba(11,122,203,.24);transition:.15s}.big-next:hover{transform:translateY(-1px);text-decoration:none;box-shadow:0 14px 30px rgba(11,122,203,.30)}
.share-result-btn{background:#10233d!important;color:#fff!important;border-color:#10233d!important}.share-modal{z-index:110}.share-card{position:relative;max-width:560px;width:100%;border-radius:24px;padding:28px;text-align:left}.share-card h2{margin:.25rem 0 .4rem;font-size:1.65rem}.share-card>p{color:var(--muted)}.share-kicker{font-size:.72rem;letter-spacing:.12em;font-weight:950;color:var(--blue)}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.share-grid button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 8px;display:flex;align-items:center;gap:8px;justify-content:flex-start;cursor:pointer;font:inherit;transition:.15s}.share-grid button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(18,66,99,.10);border-color:#b9d8ea}.social-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:1.1rem;font-weight:950;flex:0 0 auto}.social-icon.fb{background:#1877f2}.social-icon.x{background:#111}.social-icon.wa{background:#25d366}.social-icon.tg{background:#229ed9}.social-icon.ig{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.social-icon.mail{background:#526b7d}.copy-result{width:100%;border:1px solid #bcd9eb;background:#eef9ff;border-radius:14px;padding:13px 14px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;text-align:left;cursor:pointer}.copy-result>span{grid-row:1/3;font-size:1.45rem}.copy-result strong,.copy-result small{display:block}.copy-result small{color:var(--muted)}.share-note{font-size:.8rem;margin-bottom:0}.footer-grid>div:first-child{min-width:250px}.site-footer{background:linear-gradient(145deg,#0b2235,#102f46);border-top:1px solid #1e425c}.footer-grid strong{color:#fff;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase}.footer-grid a{transition:.15s}.footer-grid a:hover{color:#fff;transform:translateX(2px);text-decoration:none}
@media(max-width:650px){.share-card{padding:24px 15px}.share-grid{grid-template-columns:repeat(2,1fr)}.share-grid button{padding:11px 8px}.social-icon{width:32px;height:32px}.game-toolbar button{min-height:42px}.big-next{padding:15px}.footer-logo{height:44px}}

/* V5 premium UI */
.modal-close svg,.share-result-btn svg,.difficulty-icon svg,.social-icon svg,.copy-icon svg,.archive-date-icon svg{display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.difficulty-icon{width:46px;height:46px;border-radius:14px;display:grid!important;place-items:center;font-size:1rem!important;margin-bottom:7px}.difficulty-icon svg{width:25px;height:25px}.icon-leicht{background:#e8f8ef;color:#168a57}.icon-mittel{background:#eef4ff;color:#315eaa}.icon-schwer{background:#fff0ed;color:#b34c3c}.icon-mini{background:#fff7d8;color:#9a6a00}
.category-link-grid a{min-height:142px;justify-content:center;box-shadow:0 8px 24px rgba(18,68,103,.045);transition:.2s}.category-link-grid a:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(18,68,103,.11)}
.footer-brand{display:inline-flex;align-items:center;gap:12px;width:max-content;color:#fff!important;margin-bottom:13px}.footer-brand:hover{text-decoration:none}.footer-brand-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#20a5ed,#0879c9);display:grid;grid-template-columns:repeat(3,7px);grid-template-rows:repeat(3,7px);gap:4px;place-content:center;box-shadow:0 9px 25px rgba(0,0,0,.18)}.footer-brand-mark i{display:block;background:#fff;border-radius:2px}.footer-brand-mark i:nth-child(4),.footer-brand-mark i:nth-child(5){grid-column:2}.footer-brand-copy{display:flex;flex-direction:column;line-height:1}.footer-brand-copy strong{font-size:1.02rem!important;letter-spacing:-.01em!important;text-transform:none!important}.footer-brand-copy small{color:#70c9ff;font-weight:800;margin-top:4px}
.modal{padding:24px!important;animation:overlayIn .18s ease-out}.modal-card,.share-card{border-radius:28px!important;box-shadow:0 40px 120px rgba(2,18,31,.38)!important;animation:dialogIn .32s cubic-bezier(.2,.85,.25,1.08)}@keyframes overlayIn{from{opacity:0}to{opacity:1}}@keyframes dialogIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.modal-close{width:40px!important;height:40px!important;border-radius:50%!important;display:grid!important;place-items:center!important;right:16px!important;top:14px!important;background:#f1f6f9!important;color:#30485c!important;cursor:pointer!important}.modal-close svg{width:19px;height:19px}.modal-card{padding:34px 30px 28px!important}.modal-card h2{font-size:1.75rem}.result-stats div{padding:16px 10px!important;border-radius:15px!important}.streak-box{border:1px solid #f4df9a;background:linear-gradient(180deg,#fff9e4,#fff4c7)!important;border-radius:13px!important}.modal-actions{align-items:center;margin-top:14px}.share-result-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:11px 14px!important;border-radius:12px!important}.share-result-btn svg{width:18px;height:18px}
.share-modal{z-index:140!important}.share-card{max-width:590px!important;padding:32px!important;background:#fff!important}.share-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#0879c9,#23a6e8,#50c48b);border-radius:28px 28px 0 0}.share-card h2{font-size:1.8rem!important;margin:0 48px 6px 0!important}.share-kicker{display:block!important;margin-bottom:6px}.share-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;margin:22px 0 14px!important}.share-grid button{appearance:none!important;border:1px solid #dbe8f1!important;background:#fff!important;color:#10233d!important;border-radius:15px!important;padding:12px!important;min-height:58px!important;display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-start!important;font:inherit!important;cursor:pointer!important;box-shadow:0 5px 15px rgba(18,68,103,.035)!important}.share-grid button:hover{border-color:#9bcce9!important;transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(18,68,103,.10)!important}.social-icon{width:36px!important;height:36px!important;border-radius:11px!important;display:grid!important;place-items:center!important;color:#fff!important;flex:0 0 36px!important}.social-icon svg{width:19px;height:19px}.social-icon.fb svg{fill:currentColor;stroke:none}.copy-result{appearance:none!important;width:100%!important;border:1px solid #b8d9ec!important;background:linear-gradient(180deg,#f4fbff,#eaf7ff)!important;color:#10233d!important;border-radius:15px!important;padding:13px 14px!important;display:grid!important;grid-template-columns:38px 1fr!important;column-gap:11px!important;text-align:left!important;cursor:pointer!important;font:inherit!important}.copy-icon{grid-row:1/3;width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;color:#0879c9}.copy-icon svg{width:20px;height:20px}.share-note{font-size:.8rem!important;color:#6a7e90!important;margin:12px 2px 0!important}
.archive-list a{min-height:58px;padding:12px 14px;transition:.15s;box-shadow:0 3px 12px rgba(18,68,103,.025)}.archive-list a:hover{border-color:#9bcce9;box-shadow:0 8px 20px rgba(18,68,103,.08);transform:translateY(-1px);text-decoration:none}.archive-date-icon{width:30px;height:30px;border-radius:9px;background:#edf8ff;color:#0879c9;display:grid;place-items:center}.archive-date-icon svg{width:16px;height:16px}.archive-list small{color:#5e7589}
@media(max-width:650px){.modal{padding:10px!important;align-items:end}.modal-card,.share-card{border-radius:24px 24px 18px 18px!important;max-height:92vh;overflow:auto}.modal-card{padding:28px 16px 18px!important}.share-card{padding:28px 15px 18px!important}.share-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.archive-list{grid-template-columns:1fr}.category-link-grid a{min-height:112px}}

/* Premium pause dialog patch */
.pause-overlay{background:rgba(7,24,39,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:krkFadeIn .18s ease-out}
.pause-overlay>.pause-card{max-width:440px;padding:34px 34px 30px;border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 28px 90px rgba(0,0,0,.28);position:relative;overflow:hidden;animation:krkPauseUp .24s cubic-bezier(.2,.8,.2,1)}
.pause-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#0879c9,#25a1ef)}
.pause-icon{width:72px;height:72px;margin:0 auto 15px;border-radius:22px;background:linear-gradient(145deg,#e9f7ff,#d7efff);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 0 0 1px #c6e8fb,0 10px 26px rgba(11,122,203,.12)}
.pause-icon span{display:block;width:8px;height:28px;border-radius:4px;background:#0b7acb}
.pause-kicker{font-size:.72rem;line-height:1;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#0b7acb;margin-bottom:8px}
.pause-card h2{margin:0;font-size:clamp(1.65rem,5vw,2.05rem);letter-spacing:-.035em;color:#10283b}
.pause-card p{max-width:330px;margin:10px auto 20px;color:#5c7080;line-height:1.55}
.pause-time-wrap{background:#f5faff;border:1px solid #d8ebf7;border-radius:17px;padding:13px 18px;margin:0 auto 18px;max-width:230px}
.pause-time-label{display:block;color:#6b8090;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.pause-time{display:block;color:#10283b;font-size:1.8rem;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.pause-resume{width:100%;min-height:54px;border:0;border-radius:15px;background:linear-gradient(135deg,#0879c9,#1599e7);color:#fff;font:inherit;font-weight:900;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 12px 26px rgba(11,122,203,.24);transition:transform .15s ease,box-shadow .15s ease}
.pause-resume:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(11,122,203,.3)}
.pause-resume:active{transform:translateY(1px)}
.pause-resume:focus-visible{outline:3px solid #8fd5ff;outline-offset:3px}
.pause-play{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;margin-left:2px}
.pause-card small{display:block;margin-top:13px;color:#8193a0;font-size:.78rem}
@keyframes krkFadeIn{from{opacity:0}to{opacity:1}}
@keyframes krkPauseUp{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:520px){.pause-overlay{padding:14px}.pause-overlay>.pause-card{padding:29px 20px 24px;border-radius:23px}.pause-icon{width:64px;height:64px;border-radius:19px}.pause-card p{font-size:.92rem}.pause-resume{min-height:52px}}
@media(prefers-reduced-motion:reduce){.pause-overlay,.pause-overlay>.pause-card{animation:none}.pause-resume{transition:none}}

/* V6.1 footer brand: use the exact header logo with a light protective plate. */
.footer-brand-logo{display:inline-flex!important;background:#fff;border-radius:14px;padding:8px 12px;box-shadow:0 8px 24px rgba(0,0,0,.18);width:max-content}
.footer-brand-logo img{display:block!important;width:230px!important;max-width:100%!important;height:48px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
@media(max-width:650px){.footer-brand-logo img{width:205px!important;height:auto!important}}

/* === Adaptive crossword board sizing (2026-09-17) ===
   Keeps every generated grid inside the available width. In fullscreen the
   complete board is fitted to both the available width and viewport height. */
.board-wrap{
  overflow:hidden!important;
  width:100%;
  max-width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  box-sizing:border-box;
}
.crossword-board{
  --cell-size:36px;
  --board-gap:2px;
  display:grid;
  grid-template-columns:repeat(var(--cols),var(--cell-size))!important;
  grid-auto-rows:var(--cell-size);
  gap:var(--board-gap)!important;
  width:max-content;
  min-width:0!important;
  max-width:100%;
  flex:0 0 auto;
}
.cw-cell{
  width:var(--cell-size)!important;
  height:var(--cell-size)!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:auto!important;
}
.cw-cell.letter{
  font-size:clamp(.72rem,calc(var(--cell-size) * .43),1.6rem)!important;
}
.cw-cell.clue{padding:clamp(1px,calc(var(--cell-size) * .055),3px)!important}
.clue-text{
  font-size:clamp(.28rem,calc(var(--cell-size) * .105),.58rem)!important;
  line-height:1.02!important;
}
.clue-arrow{font-size:clamp(.46rem,calc(var(--cell-size) * .22),.82rem)!important}

.game-shell:fullscreen,
.game-shell:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  padding:12px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
.game-shell:fullscreen .game-layout,
.game-shell:-webkit-full-screen .game-layout{
  min-height:0!important;
  height:auto!important;
}
.game-shell:fullscreen .board-wrap,
.game-shell:-webkit-full-screen .board-wrap{
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
.game-shell:fullscreen .daily-progress-card,
.game-shell:-webkit-full-screen .daily-progress-card{margin-top:8px!important}

@media(max-width:900px){
  .game-layout{grid-template-columns:1fr!important}
  .game-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .board-wrap{width:100%}
}
@media(max-width:650px){
  .crossword-board{grid-template-columns:repeat(var(--cols),var(--cell-size))!important}
  .cw-cell{width:var(--cell-size)!important;height:var(--cell-size)!important}
  .game-tools{grid-template-columns:1fr 1fr}
}
