:root{--bg:#f6f2e4;--panel:#fcf9ef;--felt:#e6ecd8;--line:#ddd5bd;--line2:#c9bfa1;--text:#2e3329;--mut:#6f7a68;--brass:#d9a441;--brass2:#c08f2f;--brassdk:#8a5a12;--paper:#fffdf4;--card:#fffdf4;--ink:#2b2b23;--ok:#1f7a43;--bad:#b3362b}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background-color:var(--bg);background-image:radial-gradient(rgba(161,120,42,.13) 1px,transparent 1.5px);background-size:26px 26px;color:var(--text);line-height:1.65}.db-wrap{max-width:1060px;margin:0 auto;padding:0 18px}a{color:var(--brassdk)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:.01em}h1{font-size:2rem;line-height:1.22;margin:.4em 0 .5em}h2{font-size:1.4rem;margin:1.4em 0 .5em}h3{font-size:1.05rem}::selection{background:#d9a441;color:#1c1607}.db-head{background:#fbf7ea;position:sticky;top:0;z-index:50;border-bottom:2px solid var(--brass);box-shadow:0 2px 12px rgba(90,75,30,.10)}.db-headin{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;flex-wrap:wrap;padding-top:5px;padding-bottom:5px}.db-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-family:Georgia,"Times New Roman",serif;font-size:1.28rem;font-weight:700;letter-spacing:.02em}.db-logo b{color:var(--brassdk);font-weight:700}.db-nav{display:flex;flex-wrap:wrap;gap:2px}.db-nav a{color:#5f6b58;text-decoration:none;padding:8px 11px;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid transparent}.db-nav a:hover,.db-nav a.on{color:var(--brassdk);border-bottom-color:var(--brass)}.db-main{padding:10px 0 48px}.db-bc{font-size:.85rem;color:var(--mut);margin:14px 0 0}.db-bc a{color:var(--mut)}.db-hero{padding:30px 0 6px}.db-hero h1{font-size:2.2rem}.db-hero p{max-width:720px;font-size:1.06rem;color:#4c554a}.db-usps{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:18px 0 4px}.db-usps li{border:1px solid var(--line2);border-radius:4px;padding:6px 14px;font-size:.86rem;color:#4c554a;background:var(--panel)}.db-usps li::before{content:"\2726";color:var(--brass2);margin-right:8px}.db-kat{margin-top:2.2em}.db-kat h2{display:flex;align-items:center;gap:14px}.db-kat h2::after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--line2),transparent)}.db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px;margin:14px 0}.db-card{display:flex;gap:13px;align-items:flex-start;background:var(--card);border:1px solid #ddd3b4;border-radius:10px;padding:16px;text-decoration:none;color:var(--ink);box-shadow:0 2px 8px rgba(90,75,30,.08);transition:transform .15s,border-color .15s,box-shadow .15s}.db-card:hover{transform:translateY(-3px);border-color:var(--brass);box-shadow:0 8px 18px rgba(90,75,30,.16)}.db-cardico{width:46px;height:46px;flex:none;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--brass);border-radius:50%;color:var(--brassdk);background:#f6efdb}.db-cardico svg{width:26px;height:26px}.db-cardtxt strong{display:block;margin-bottom:3px;font-family:Georgia,"Times New Roman",serif;font-size:1.04rem;color:#23231b}.db-cardtxt span{font-size:.85rem;color:#6d6a56;line-height:1.45;display:block}.db-game{background:var(--felt);border:1px solid #c6cfae;border-radius:14px;padding:22px;margin:18px 0 26px;box-shadow:inset 0 0 0 1px rgba(184,134,43,.22),inset 0 0 60px rgba(120,130,90,.12),0 3px 12px rgba(90,75,30,.10)}.db-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:12px}.db-fld{display:flex;flex-direction:column;gap:4px}.db-fld>span{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}select,input[type=text],input[type=number]{font:inherit;padding:8px 10px;border:1px solid var(--line2);border-radius:8px;background:var(--paper);color:var(--text)}select:focus,input:focus{outline:2px solid var(--brass2);border-color:var(--brass2)}label.db-chk{display:flex;gap:7px;align-items:center;font-size:.92rem;cursor:pointer;color:var(--text)}input[type=checkbox]{accent-color:var(--brass2)}.db-btn{font:inherit;font-weight:700;background:var(--brass);color:#1c1607;border:0;border-radius:8px;padding:10px 20px;cursor:pointer}.db-btn:hover{background:var(--brass2)}.db-btn2{font:inherit;background:transparent;color:var(--text);border:1px solid var(--line2);border-radius:8px;padding:9px 16px;cursor:pointer}.db-btn2:hover{border-color:var(--brass2);color:var(--brassdk)}.db-stats{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.db-stat{background:var(--paper);border:1px solid var(--line2);border-radius:8px;padding:8px 14px;font-size:.9rem;color:var(--mut)}.db-stat b{font-size:1.08rem;color:var(--brassdk);font-family:Georgia,"Times New Roman",serif}.db-msg{min-height:1.4em;font-weight:600;margin:10px 0 2px}.db-msg.ok{color:var(--ok)}.db-msg.bad{color:var(--bad)}.db-note{font-size:.85rem;color:var(--mut)}.db-intro p{max-width:760px;color:#4c554a}.db-sec{max-width:800px}.db-sec li{margin-bottom:.5em;color:#4c554a}.db-faq details{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0 16px;margin:9px 0;max-width:800px}.db-faq summary{cursor:pointer;font-weight:600;padding:12px 0;color:var(--text)}.db-faq details div{padding:0 0 13px;color:#565f4f}.db-foot{background:#eee8d4;color:#5a6552;margin-top:34px;border-top:2px solid var(--brass)}.db-footgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;padding:32px 18px 8px}.db-foot h3{color:var(--brassdk);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.db-foot ul{list-style:none;margin:0;padding:0}.db-foot li{margin:4px 0}.db-foot a{color:#5a6552;text-decoration:none;font-size:.88rem}.db-foot a:hover{color:var(--text)}.db-footnote{border-top:1px solid var(--line2);margin-top:14px}.db-footnote p{font-size:.8rem;color:#88907c;padding:12px 0}/* 2048 */.db-b2048{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;background:#cbc0a0;border:1px solid #b9ac86;border-radius:12px;padding:9px;width:min(420px,100%);aspect-ratio:1;margin:0 auto;touch-action:none}.db-b2048 .c{background:#e4dcc4;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(1rem,6vw,1.7rem);color:#9a917b}.db-b2048 .v2{background:#eee4da}.db-b2048 .v4{background:#ede0c8}.db-b2048 .v8{background:#f2b179;color:#fff}.db-b2048 .v16{background:#f59563;color:#fff}.db-b2048 .v32{background:#f67c5f;color:#fff}.db-b2048 .v64{background:#f65e3b;color:#fff}.db-b2048 .v128{background:#edcf72;color:#fff}.db-b2048 .v256{background:#edcc61;color:#fff}.db-b2048 .v512{background:#edc850;color:#fff}.db-b2048 .v1024{background:#edc53f;color:#fff;font-size:clamp(.85rem,5vw,1.35rem)}.db-b2048 .v2048{background:#d9a441;color:#1c1607;font-size:clamp(.85rem,5vw,1.35rem)}.db-b2048 .vX{background:#3a352a;color:#ece6d4;font-size:clamp(.85rem,5vw,1.35rem)}/* Memory */.db-mem{display:grid;gap:8px;width:min(460px,100%);margin:0 auto}.db-mem button{aspect-ratio:1;font:700 clamp(1.2rem,6vw,1.9rem)/1 Georgia,"Times New Roman",serif;border:1px solid #a9bfa0;border-radius:8px;cursor:pointer;padding:0;background:repeating-linear-gradient(45deg,#c5d4b8,#c5d4b8 5px,#b7c9a8 5px,#b7c9a8 10px)}.db-mem button span{visibility:hidden}.db-mem button.up{background:var(--card);border:2px solid #d9cfb2;cursor:default}.db-mem button.done{background:#e2f0da;border:2px solid #9ec9a0;cursor:default}.db-mem button.up span,.db-mem button.done span{visibility:visible}/* Galgenmännchen */.db-galgen{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start;justify-content:center}#db-gallows{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px;box-shadow:0 3px 10px rgba(90,75,30,.12)}.db-word{font-size:clamp(1.4rem,5vw,2rem);letter-spacing:.35em;font-weight:800;text-align:center;margin:10px 0;word-break:break-all;color:var(--text);font-family:Georgia,"Times New Roman",serif}.db-keys{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:520px}.db-keys button{font:inherit;font-weight:700;width:38px;height:40px;border:1px solid var(--line2);border-radius:8px;background:var(--paper);color:var(--text);cursor:pointer}.db-keys button:hover{border-color:var(--brass2);color:var(--brassdk)}.db-keys button:disabled{cursor:default;opacity:.9}.db-keys button.hit{background:#dff0e0;border-color:#9ec9a0;color:#166534}.db-keys button.miss{background:#f7ddd4;border-color:#d8a49b;color:#b3362b}/* Sudoku */.db-sud{display:grid;grid-template-columns:repeat(9,1fr);width:min(430px,100%);margin:0 auto;border:2px solid #4a442f;user-select:none;box-shadow:0 3px 10px rgba(90,75,30,.14)}.db-sud .z{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(.95rem,4vw,1.3rem);border:1px solid #ddd5bd;background:var(--card);color:#26221a;cursor:pointer}.db-sud .z.fix{font-weight:800;background:#efe8d0;cursor:default}.db-sud .z.sel{background:#f3e0ae;outline:2px solid var(--brass2);outline-offset:-2px}.db-sud .z.same{background:#f6efda}.db-sud .z.err{color:#b3362b;background:#f7ddd4}.db-sud .z.br{border-right:2px solid #4a442f}.db-sud .z.bb{border-bottom:2px solid #4a442f}.db-pad{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:14px 0 4px}.db-pad button{font:inherit;font-weight:700;width:42px;height:44px;border:1px solid var(--line2);border-radius:8px;background:var(--paper);color:var(--text);cursor:pointer}.db-pad button:hover{border-color:var(--brass2);color:var(--brassdk)}/* Minesweeper */.db-minewrap{overflow-x:auto}.db-mine{display:grid;gap:2px;width:max-content;margin:0 auto;touch-action:manipulation}.db-mine button{width:30px;height:30px;padding:0;border:1px solid #8fac89;border-radius:5px;background:#a9c2a4;color:#8a441f;font:700 .95rem/1 inherit;cursor:pointer}.db-mine button.op{background:#faf6e8;border-color:#ddd5bd;color:#3a352a;cursor:default}.db-mine button.boom{background:#e8b3a9;border-color:#c98b80}.db-mine .n1{color:#1d4ed8}.db-mine .n2{color:#166534}.db-mine .n3{color:#b3362b}.db-mine .n4{color:#6d28d9}.db-mine .n5{color:#7c2d12}.db-mine .n6{color:#0e7490}.db-mine .n7{color:#1f2937}.db-mine .n8{color:#6b7280}/* Schiebepuzzle */.db-slide{display:grid;gap:7px;background:#cbc0a0;border:1px solid #b9ac86;border-radius:12px;padding:8px;width:min(400px,100%);aspect-ratio:1;margin:0 auto}.db-slide button{border:0;border-radius:8px;background:var(--card);font:800 clamp(1rem,5vw,1.5rem)/1 Georgia,"Times New Roman",serif;color:#26221a;cursor:pointer;box-shadow:0 1px 3px rgba(90,75,30,.18)}.db-slide button:hover{background:#f3ead0}.db-slide .gap{background:transparent;cursor:default;box-shadow:none}.db-slide button.okpos{color:var(--brassdk)}/* Solitär */.db-solwrap{overflow-x:auto}.db-sol{width:max-content;min-width:100%;user-select:none}.db-solrow{display:flex;gap:8px;margin-bottom:14px}.db-solcols{display:flex;gap:8px;align-items:flex-start}.db-slot{width:64px;height:88px;border:2px dashed rgba(46,51,41,.35);border-radius:8px;flex:none}.db-kcard{width:64px;height:88px;border-radius:8px;border:1px solid #b9b2a4;background:var(--card);color:#26221a;font:700 .95rem/1.15 inherit;padding:4px 5px;cursor:pointer;flex:none;box-shadow:0 1px 3px rgba(90,75,30,.20)}.db-kcard.red{color:#b3362b}.db-kcard.back{background:repeating-linear-gradient(45deg,#7e2b33,#7e2b33 6px,#5e1f26 6px,#5e1f26 12px);border-color:#4a181e;cursor:pointer}.db-kcard.sel{outline:3px solid var(--brass2);outline-offset:-1px}.db-solcol{display:flex;flex-direction:column;width:64px;flex:none}.db-solcol .db-kcard{margin-bottom:-62px}.db-solcol .db-kcard:last-child{margin-bottom:0}/* Vier gewinnt */.db-c4{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;background:#2d5188;border:1px solid #3f66a0;border-radius:12px;padding:10px;width:min(440px,100%);margin:0 auto;touch-action:manipulation}.db-c4 button{aspect-ratio:1;border-radius:50%;border:0;background:var(--bg);cursor:pointer;padding:0;box-shadow:inset 0 2px 5px rgba(0,0,0,.35)}.db-c4 button.p1{background:#e8c33f;box-shadow:inset 0 -3px 6px rgba(0,0,0,.25)}.db-c4 button.p2{background:#cf4a3d;box-shadow:inset 0 -3px 6px rgba(0,0,0,.3)}.db-c4 button.win{outline:4px solid #fffdf4;outline-offset:-4px}/* Tic-Tac-Toe */.db-ttt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(320px,100%);margin:0 auto}.db-ttt button{aspect-ratio:1;font:800 clamp(1.8rem,10vw,2.6rem)/1 Georgia,"Times New Roman",serif;border:1px solid #d9cfb2;border-radius:10px;background:var(--card);cursor:pointer;color:#26221a;box-shadow:0 1px 3px rgba(90,75,30,.12)}.db-ttt button.o{color:var(--brassdk)}.db-ttt button.win{background:#f3e0ae}/* Snake */.db-snakewrap{text-align:center}#db-canvas{background:#fdfaf0;border:2px solid #8fac89;border-radius:10px;max-width:100%;touch-action:none;box-shadow:0 3px 10px rgba(90,75,30,.14)}.db-ctl{display:grid;grid-template-columns:repeat(3,58px);gap:6px;justify-content:center;margin-top:12px}.db-ctl button{height:48px;font-size:1.2rem;border:1px solid var(--line2);border-radius:8px;background:var(--paper);color:var(--text);cursor:pointer}.db-ctl button:hover{border-color:var(--brass2);color:var(--brassdk)}/* Senso */.db-senso{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:min(340px,100%);margin:0 auto}.db-senso button{aspect-ratio:1;border:1px solid rgba(0,0,0,.25);border-radius:14px;cursor:pointer;opacity:.45;transition:opacity .1s}.db-senso button.lit{opacity:1;box-shadow:0 0 24px rgba(120,110,60,.45)}.db-senso .s0{background:#2f9e5b}.db-senso .s1{background:#cf4a3d}.db-senso .s2{background:#e0b031}.db-senso .s3{background:#3667c9}@media(max-width:560px){h1{font-size:1.5rem}.db-hero h1{font-size:1.6rem}.db-nav a{padding:6px 7px;font-size:.72rem}.db-game{padding:14px}.db-mine button{width:26px;height:26px}}