:root{--bg:#120d0a;--panel:#211611;--gold:#f6b73c;--red:#b92d28;--cream:#fff2d0;--ink:#20140c}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top,#3b2417,#100b08 62%);color:var(--cream);min-height:100vh}.game-shell{width:min(1100px,100%);margin:auto;min-height:100vh;background:rgba(16,10,7,.7);box-shadow:0 0 80px #000}.game-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#0d0907;border-bottom:2px solid #6e4422;position:sticky;top:0;z-index:10}.game-head strong{font-size:clamp(1.2rem,4vw,2rem);color:var(--gold);letter-spacing:.04em}.game-head small{display:block}.stars{font-size:1.2rem;background:#2b1b12;padding:8px 14px;border-radius:999px}.screen{display:none;padding:18px}.screen.active{display:block}.teaser{position:relative;border-radius:24px;overflow:hidden;min-height:520px;background:#000}.teaser img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.teaser:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.9))}.teaser-copy{position:absolute;z-index:2;left:5%;right:5%;bottom:5%;text-align:center}.teaser-copy h1{font-size:clamp(2rem,6vw,4.2rem);margin:.1em}.teaser-copy p{font-size:1.08rem}button{border:0;border-radius:14px;padding:13px 22px;font-weight:900;font-size:1rem;background:linear-gradient(#ffd66a,#f09a16);color:var(--ink);cursor:pointer;box-shadow:0 5px 0 #8b4807}.studio{margin-top:20px}.buildings{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.building{background:#261913;border:1px solid #664326;border-radius:18px;padding:20px;text-align:center;opacity:.48}.building.open{opacity:1;border-color:var(--gold)}.building:first-letter{font-size:2.5rem}.building b,.building span{display:block}.level-list{display:grid;gap:14px}.level-card{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center;background:#241711;border:1px solid #654126;border-radius:18px;padding:16px}.level-no{font-size:2rem;font-weight:900;color:var(--gold)}.level-card.locked{opacity:.45}.back{box-shadow:none;background:#3b281d;color:#fff;margin-bottom:12px}.play-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.play-top small{display:block;color:#e7cfa6}.moves{background:#2a1b12;padding:10px;border-radius:12px}.story{margin:12px 0;padding:12px;background:#2c1a13;border-left:4px solid var(--gold);border-radius:10px}.board{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:min(92vw,620px);margin:18px auto;background:#4a2f1d;padding:8px;border-radius:18px;box-shadow:inset 0 0 22px #000}.tile{aspect-ratio:1;border-radius:15px;border:2px solid rgba(255,255,255,.25);display:grid;place-items:center;font-size:clamp(1.5rem,6vw,3rem);user-select:none;cursor:pointer;transition:.12s transform,.12s filter}.tile:hover{filter:brightness(1.12)}.tile.selected{transform:scale(.86);outline:4px solid #fff}.scorebar{display:flex;justify-content:space-between;background:#241711;border-radius:14px;padding:14px}.result{min-height:70vh;place-items:center}.result.active{display:grid}.result-card{max-width:520px;text-align:center;background:#241711;padding:34px;border-radius:24px;border:2px solid var(--gold)}.result-icon{font-size:5rem}footer{text-align:center;padding:20px;color:#bea888;font-size:.9rem}@media(max-width:700px){.buildings{grid-template-columns:1fr}.teaser{min-height:480px}.level-card{grid-template-columns:55px 1fr}.level-card button{grid-column:1/-1}.screen{padding:10px}.board{gap:4px;padding:5px}.tile{border-radius:10px}}
.game-link{display:inline-block;padding:14px 20px;border-radius:14px;background:#f7c948;color:#151515;font-weight:900;text-decoration:none}

/* DWGame Login 0.0.2 */
.login-page{min-height:100vh;background:#070b16;color:#f8fafc;margin:0;font-family:Inter,system-ui,sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.6fr)}.login-visual{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(28px,5vw,72px)}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.18),rgba(2,6,23,.88)),linear-gradient(0deg,rgba(2,6,23,.95),transparent 65%)}.login-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.login-visual>div{position:relative;z-index:1;max-width:760px}.login-visual h1{font-size:clamp(2rem,4vw,4.4rem);line-height:1.02;margin:.4rem 0 1rem;text-shadow:0 5px 28px #000}.eyebrow{color:#f7c948;font-weight:900;letter-spacing:.15em}.login-card{align-self:center;margin:32px;padding:clamp(24px,4vw,44px);background:rgba(15,23,42,.96);border:1px solid rgba(247,201,72,.35);border-radius:26px;box-shadow:0 30px 90px #0009}.login-card h2{font-size:2rem;margin:.5rem 0}.login-brand{color:#f7c948;font-weight:950;letter-spacing:.08em}.login-card label{display:grid;gap:7px;margin:17px 0;font-weight:800}.login-card input{padding:14px 15px;border-radius:12px;border:1px solid #475569;background:#080d1a;color:#fff;font-size:1rem}.login-card button{width:100%;padding:14px;border:0;border-radius:12px;background:linear-gradient(135deg,#f7c948,#f59e0b);font-weight:950;font-size:1rem;cursor:pointer}.login-error{padding:12px;border-radius:12px;background:#7f1d1d;border:1px solid #ef4444}.muted{color:#aeb9ca}.coco-badge{margin-top:18px;padding-top:16px;border-top:1px solid #334155;color:#cbd5e1;font-size:.9rem}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:38vh}.login-card{margin:-28px 16px 24px;position:relative;z-index:3}}

/* Patch 139: C.O.C.O.-Warnansicht im DWGame-Login */
.coco-warning-card {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.coco-warning-view {
    width: 100%;
}

.coco-warning-image {
    display: block;
    width: min(100%, 430px);
    max-height: 390px;
    margin: 0 auto 1.25rem;
    object-fit: contain;
    filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .45));
}

.coco-warning-text {
    margin: 0 0 1rem;
    font-size: 1.05rem;
    line-height: 1.6;
}

.login-return-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin-top: .75rem;
    padding: .75rem 1.2rem;
    border: 1px solid rgba(218, 174, 79, .75);
    border-radius: 12px;
    background: linear-gradient(180deg, #e1bd69, #b88a31);
    color: #17120a;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
}

.login-return-button:hover,
.login-return-button:focus-visible {
    transform: translateY(-1px);
    filter: brightness(1.06);
}

/* Patch 143: Dogiwood Classic Theme */
:root{
  --dw-classic-gold:#f6c453;
  --dw-classic-gold-deep:#a96716;
  --dw-classic-night:#060912;
  --dw-classic-panel:rgba(12,18,31,.92);
}
body{background:radial-gradient(circle at 50% -10%,#26334c 0,#0b101b 36%,#05070c 76%);background-attachment:fixed}
.game-shell{background:linear-gradient(180deg,rgba(5,8,14,.72),rgba(5,8,14,.94));box-shadow:0 0 100px rgba(0,0,0,.78)}
.game-head{background:rgba(4,7,12,.94);border-bottom-color:rgba(246,196,83,.48);backdrop-filter:blur(14px)}
.game-head strong,.level-no{color:var(--dw-classic-gold)}
.teaser{border:1px solid rgba(246,196,83,.38);box-shadow:0 24px 70px rgba(0,0,0,.52),0 0 34px rgba(246,196,83,.08)}
.teaser:after{background:linear-gradient(180deg,rgba(0,0,0,.04) 22%,rgba(3,6,12,.24) 50%,rgba(3,6,12,.96) 100%)}
.teaser-copy h1{text-shadow:0 4px 32px #000,0 0 24px rgba(246,196,83,.16)}
.building,.level-card,.story,.scorebar,.result-card{background:linear-gradient(145deg,rgba(18,25,40,.96),rgba(8,12,21,.94));border-color:rgba(246,196,83,.24)}
.building.open,.result-card{border-color:rgba(246,196,83,.72)}
button,.game-link{background:linear-gradient(180deg,#ffe08a,#efae32 60%,#cb7b14);box-shadow:0 5px 0 #794208,0 10px 28px rgba(0,0,0,.28)}
button:hover,.game-link:hover{filter:brightness(1.07);transform:translateY(-1px)}
.login-page{background:radial-gradient(circle at 20% 0,#293651,#0a0e17 42%,#05070c 80%)}
.login-card{background:linear-gradient(160deg,rgba(17,24,39,.98),rgba(5,9,17,.98));border-color:rgba(246,196,83,.46);box-shadow:0 30px 90px #000b,0 0 35px rgba(246,196,83,.08)}
.login-visual:after{background:linear-gradient(90deg,rgba(2,6,23,.08),rgba(2,6,23,.86)),linear-gradient(0deg,rgba(2,6,23,.96),transparent 66%)}


/* Patch 144: Kategorien- und Spieleübersicht */
.catalog-shell{max-width:1240px;margin:0 auto;padding:28px 20px 50px}.catalog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px;padding:24px;border:1px solid rgba(245,196,81,.24);border-radius:22px;background:linear-gradient(135deg,rgba(11,18,34,.96),rgba(19,31,55,.88));box-shadow:0 22px 60px rgba(0,0,0,.3)}.catalog-head h1{margin:.2rem 0;font-size:clamp(2rem,5vw,3.6rem)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.category-card{display:block;overflow:hidden;color:inherit;text-decoration:none;border:1px solid rgba(245,196,81,.24);border-radius:20px;background:rgba(7,15,29,.92);box-shadow:0 16px 38px rgba(0,0,0,.28);transition:.2s transform,.2s border-color}.category-card:hover{transform:translateY(-4px);border-color:rgba(245,196,81,.7)}.square-media{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#1b2742,#090d15);font-size:4rem}.square-media img{width:100%;height:100%;object-fit:cover}.tile-copy{padding:16px}.tile-copy h2{margin:0 0 8px;color:#f5c451}.tile-copy p{min-height:3em;color:#c9d4e6}.play-link,.coming-soon{display:inline-flex;margin-top:12px;padding:9px 13px;border-radius:999px;background:#f5c451;color:#171006;font-weight:900;text-decoration:none}.coming-soon{background:rgba(245,196,81,.12);color:#f5c451;border:1px solid rgba(245,196,81,.3)}
.catalog-head.has-managed-background{position:relative;isolation:isolate;overflow:hidden;background:rgba(7,15,29,.72)}
.catalog-head.has-managed-background::before{content:"";position:absolute;z-index:-2;inset:-8px;background-image:var(--hero-background);background-position:center;background-size:cover;filter:blur(4px);transform:scale(1.035)}
.catalog-head.has-managed-background.hero-blur-none::before{filter:none;transform:none;inset:0}
.catalog-head.has-managed-background.hero-blur-light::before{filter:blur(4px);transform:scale(1.035)}
.catalog-head.has-managed-background.hero-blur-strong::before{filter:blur(9px);transform:scale(1.07)}
.catalog-head.has-managed-background::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,rgba(3,8,18,.9),rgba(8,17,32,.7))}
.catalog-head.has-managed-background>*{position:relative;z-index:1}