:root{--ink: #3a2416;--wood: #6b3f1d;--wood-dark: #4a2a12;--paper: #fff8e7;--paper-2: #f6e7c4;--gold: #f2b544;--gold-dark: #c9862f;--red: #d62828;--green: #2e7d4f;--cream: #fffdf6;--shadow: 0 6px 0 rgba(58, 36, 22, .35);--font-head: "Lilita One", "Arial Black", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);font-weight:600;color:var(--ink);background-color:#f4ece0;background-image:radial-gradient(ellipse at center,transparent 40%,rgba(80,30,10,.28) 100%),linear-gradient(90deg,rgba(214,40,40,.16) 50%,transparent 50%),linear-gradient(rgba(214,40,40,.16) 50%,transparent 50%);background-size:100% 100%,56px 56px,56px 56px;background-attachment:fixed;-webkit-tap-highlight-color:transparent}body.in-game{overflow:hidden;background:#2b1a0e}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-head);font-weight:400;margin:0;letter-spacing:.01em}.btn{font-family:var(--font-head);font-size:1.15rem;padding:.55em 1.3em;border:3px solid var(--ink);border-radius:999px;background:linear-gradient(#ffd166,var(--gold));box-shadow:0 4px 0 var(--ink);transition:transform .08s,box-shadow .08s,filter .15s}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{filter:grayscale(.6);cursor:wait}.btn-big{font-size:1.5rem;padding:.5em 1.8em;background:linear-gradient(#ff7b6b,var(--red));color:#fff;text-shadow:0 2px 0 rgba(58,36,22,.5)}.btn-secondary{background:var(--paper)}.btn-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.icon-btn{width:44px;height:44px;border-radius:50%;border:3px solid var(--ink);background:var(--paper);font-size:1.2rem;display:grid;place-items:center;box-shadow:0 3px 0 var(--ink);flex:none}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.hub{max-width:1180px;margin:0 auto;padding:16px 16px 40px}.hub-header{position:relative;text-align:center;padding-top:10px}.sign{position:relative;display:inline-flex;align-items:center;gap:12px;padding:18px 34px 22px;margin-top:8px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 2px,transparent 2px 22px),linear-gradient(#8a5428,var(--wood));border:5px solid var(--ink);border-radius:22px;box-shadow:inset 0 0 0 4px #a8683a,0 10px #3a241666;transform:rotate(-1.2deg);animation:sign-swing 5s ease-in-out infinite;transform-origin:50% -40px}.sign:before,.sign:after{content:"";position:absolute;top:-34px;width:6px;height:34px;background:var(--ink)}.sign:before{left:18%}.sign:after{right:18%}@keyframes sign-swing{50%{transform:rotate(1.2deg)}}.sign-text{line-height:.95}.sign-small{font-family:var(--font-head);color:#f6d58a;font-size:1.2rem}.sign-big{font-family:var(--font-head);font-size:clamp(2rem,6.5vw,4.2rem);color:var(--gold);-webkit-text-stroke:2px var(--ink);text-shadow:0 5px 0 var(--ink)}.sign-arcade{font-family:var(--font-head);font-size:clamp(1.3rem,3.4vw,2.1rem);color:#fff;letter-spacing:.35em;text-shadow:0 3px 0 var(--ink);margin-top:6px}.logo-schnitzel{width:clamp(64px,12vw,130px);animation:wobble 3s ease-in-out infinite}.logo-sepp{width:clamp(54px,9vw,104px);margin-bottom:-40px;animation:bounce 1.4s ease-in-out infinite}@keyframes wobble{50%{transform:rotate(-10deg) scale(1.05)}}@keyframes bounce{50%{transform:translateY(-8px)}}.hub-tools{position:absolute;right:0;top:0}.countdown{margin:34px auto 6px;display:table;background:var(--paper);border:3px solid var(--ink);border-radius:16px;padding:8px 22px 10px;box-shadow:var(--shadow)}.countdown-label{font-size:.9rem;opacity:.8}.countdown-value{font-family:var(--font-head);font-size:clamp(1.6rem,5vw,2.4rem);font-variant-numeric:tabular-nums;color:var(--red)}.countdown.live{background:linear-gradient(#ffd166,var(--gold));animation:pulse .9s ease-in-out infinite}.countdown.live .countdown-value{font-size:1.4rem}@keyframes pulse{50%{transform:scale(1.04)}}.menu-line{margin:10px 0 22px;font-weight:800;opacity:.75}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.game-card{background:var(--paper);border:4px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:0 8px #3a241666;cursor:pointer;transition:transform .15s;display:flex;flex-direction:column;outline:none}.game-card:hover,.game-card:focus-visible{transform:translateY(-6px) rotate(-.6deg)}.game-card:nth-child(2n):hover{transform:translateY(-6px) rotate(.6deg)}.game-card-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.game-card h2{font-size:1.5rem}.game-card p{margin:0 0 4px;opacity:.8}.game-card .btn{margin-top:auto;align-self:flex-start}.card-top-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6;font-weight:900}.card-top{list-style:none;padding:0;margin:0 0 10px;font-size:.92rem}.card-top li{display:flex;gap:8px;padding:2px 0;border-bottom:2px dotted rgba(58,36,22,.18)}.card-top .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-top .empty{opacity:.6}.art{position:relative;height:190px;overflow:hidden;border-bottom:4px solid var(--ink)}.art img{position:absolute;user-select:none}.art-runner{background:linear-gradient(#8fd3ff,#d9f1ff 70%)}.art-weitwurf{background:linear-gradient(#ffcf8f,#ffe9c4 70%)}.art-takt{background:radial-gradient(circle at 70% 40%,#ff9fb2,#7b2cbf 80%)}.art-nachspeise{background:linear-gradient(#b8f2d0,#e6fff1 70%)}.art-runner .a-road{position:absolute;left:-10%;right:-10%;bottom:0;height:22%;background:repeating-linear-gradient(90deg,#fff 0 30px,transparent 30px 60px) center 50% / 100% 6px no-repeat,#6c7a89;border-top:4px solid var(--ink)}.art-weitwurf:after,.art-takt:after,.art-nachspeise:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10%;background:#8bc34a;border-top:4px solid var(--ink);z-index:0}.art-takt:after{background:#8a5428}.art img{z-index:1}.a-stack{position:absolute;left:8%;bottom:40%;width:54%;display:flex;flex-direction:column;align-items:center;z-index:2}.a-stack img{position:static;margin-top:-3%}.a-run{animation:run .35s ease-in-out infinite alternate}@keyframes run{to{transform:translateY(-6px) rotate(3deg)}}.a-spin{animation:spin-float 2.4s ease-in-out infinite}@keyframes spin-float{50%{transform:translateY(-10px) rotate(15deg)}}.a-float{animation:bounce 1.6s ease-in-out infinite}.a-float2{animation:bounce 2.1s ease-in-out infinite reverse}.a-cloud{animation:drift 9s ease-in-out infinite alternate}@keyframes drift{to{transform:translate(-30px)}}.a-swing{transform-origin:50% 95%;animation:swing 1.2s ease-in-out infinite}@keyframes swing{0%,60%{transform:rotate(-60deg)}70%{transform:rotate(50deg)}to{transform:rotate(-60deg)}}.a-fly{animation:fly 1.2s ease-in-out infinite}@keyframes fly{0%,65%{transform:translate(-40px,30px) rotate(0);opacity:0}70%{opacity:1}to{transform:translate(80px,-60px) rotate(260deg);opacity:1}}.a-arrow{width:15%;top:0;animation:arrow-rise 1.2s linear infinite;animation-delay:var(--d)}@keyframes arrow-rise{0%{top:100%}to{top:-20%}}.a-bounce{animation:bounce .5s ease-in-out infinite}.a-wobble{transform-origin:50% 100%;animation:stack-wobble 2s ease-in-out infinite}@keyframes stack-wobble{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.lower{display:grid;grid-template-columns:minmax(240px,1fr) 2.2fr;gap:20px;margin-top:26px}.panel{background:var(--paper);border:4px solid var(--ink);border-radius:22px;padding:18px 20px;box-shadow:0 8px #3a241666}.panel h2{font-size:1.6rem;margin-bottom:10px}.king{text-align:center;background:radial-gradient(circle at 50% 30%,rgba(255,209,102,.6),transparent 60%),var(--paper)}.crown{font-size:3.4rem;animation:bounce 2s ease-in-out infinite}.king-name{font-family:var(--font-head);font-size:2.2rem;color:var(--red);word-break:break-word}.king-sub{font-weight:800}.small{font-size:.85rem;opacity:.7}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tab{border:3px solid var(--ink);background:#fff;border-radius:999px;padding:4px 12px;font-weight:800}.tab.active{background:var(--gold)}.tabs-small .tab{font-size:.85rem;padding:2px 10px}.board,.mini-board{list-style:none;margin:0;padding:0}.board li,.mini-board li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px}.board li:nth-child(odd),.mini-board li:nth-child(odd){background:#d6282812}.board li.first,.mini-board li.first{background:linear-gradient(90deg,rgba(242,181,68,.55),transparent);font-size:1.1em}.board li.me,.mini-board li.me{outline:3px solid var(--red)}.board .rank,.mini-board .rank{width:2.2em;font-family:var(--font-head)}.board .name,.mini-board .name{flex:1;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board .score,.mini-board .score{font-family:var(--font-head);font-variant-numeric:tabular-nums}.empty{opacity:.6;font-style:italic}.hub-footer{text-align:center;margin-top:30px;opacity:.7;font-weight:800}.stage{position:fixed;inset:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#5b3416,#2b1a0e 80%)}.topbar{display:flex;align-items:center;gap:10px;padding:8px max(12px,env(safe-area-inset-left));flex:none}.topbar-title{flex:1;font-family:var(--font-head);color:var(--gold);font-size:1.4rem;text-shadow:0 2px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-frame{flex:1;min-height:0;display:grid;place-items:center;padding:0 8px 8px;container-type:size}.stage-inner{position:relative;width:min(100cqw,calc(100cqh * 16 / 9));aspect-ratio:16 / 9;border:4px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:0 10px 40px #00000080;background:#87ceeb}.game-canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none}.overlay{position:absolute;inset:0;display:none;place-items:center;padding:2%;background:#2b1a0e73;backdrop-filter:blur(3px);overflow:auto}.overlay.visible{display:grid;animation:fade-in .25s ease-out}@keyframes fade-in{0%{opacity:0}}.card{background:var(--paper);border:4px solid var(--ink);border-radius:22px;padding:clamp(12px,2.2cqw,26px) clamp(16px,3cqw,36px);box-shadow:0 8px #00000073;text-align:center;max-width:min(640px,96%);max-height:100%;overflow:auto;animation:pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.7)}}.card h1{font-size:clamp(1.6rem,4.6cqw,2.8rem);color:var(--red);text-shadow:0 3px 0 rgba(58,36,22,.25)}.card-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;font-weight:900;opacity:.6}.howto{text-align:left;margin:10px auto;padding-left:1.2em;max-width:480px}.howto li{margin:3px 0}.controls{margin:6px auto 12px;border-collapse:collapse;font-size:.9rem}.controls th,.controls td{padding:3px 10px;border-bottom:2px dotted rgba(58,36,22,.2)}.controls td:first-child{font-weight:900;text-align:right}.hint{font-size:.8rem;opacity:.6;margin-top:6px}.option-group{margin:4px 0 14px}.option-label{font-family:var(--font-head);font-size:1.15rem;margin-bottom:6px}.option-choices{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.choice{display:flex;flex-direction:column;align-items:center;gap:2px;width:170px;padding:8px;border:3px solid var(--ink);border-radius:14px;background:#fff;box-shadow:0 3px 0 var(--ink)}.choice img{height:54px}.choice small{opacity:.7;font-size:.78rem}.choice.selected{background:#ffe8a8;outline:3px solid var(--red);outline-offset:2px}.big-score{font-family:var(--font-head);font-size:clamp(2.4rem,8cqw,4.2rem);color:var(--gold-dark);-webkit-text-stroke:2px var(--ink);line-height:1.1}.big-score span{font-size:.45em;-webkit-text-stroke:0;color:var(--ink)}.quip{font-weight:800;font-style:italic;margin:4px 0 8px}.stats{display:grid;grid-template-columns:auto auto;gap:2px 14px;justify-content:center;margin:0 0 10px;font-size:.92rem}.stats dt{text-align:right;opacity:.7}.stats dd{margin:0;text-align:left;font-weight:900}.submit-form{display:flex;gap:8px;justify-content:center;margin:6px 0}.name-input{font:inherit;font-weight:800;font-size:1.1rem;padding:.45em .9em;border:3px solid var(--ink);border-radius:999px;width:14em;max-width:55%;background:#fff}.name-input:focus{outline:3px solid var(--gold)}.submit-status{min-height:1.3em;font-weight:800}.submit-status.ok{color:var(--green)}.result-card h3{margin:8px 0 4px;font-size:1.1rem}.mini-board{max-width:380px;margin:0 auto;text-align:left}.rotate-hint{display:none}@media(orientation:portrait)and (pointer:coarse){.in-game .rotate-hint{display:flex;position:fixed;left:50%;bottom:16px;transform:translate(-50%);gap:8px;align-items:center;background:var(--paper);border:3px solid var(--ink);border-radius:999px;padding:6px 16px;font-weight:900;z-index:5}.rotate-icon{animation:rotate-phone 2s ease-in-out infinite}}@keyframes rotate-phone{50%{transform:rotate(90deg)}}.loading{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;font-family:var(--font-head);font-size:1.6rem;color:var(--gold);background:#2b1a0e}.loading-schnitzel{width:90px;height:56px;background:url(/favicon.svg) center / contain no-repeat;animation:wobble .6s ease-in-out infinite}@media(max-width:760px){.lower{grid-template-columns:1fr}.logo-sepp{display:none}.sign{padding:14px 18px 16px}.hub-tools{position:static;display:flex;justify-content:flex-end;margin-bottom:-30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.art.backdrop{position:absolute;inset:0;height:auto;border:0;z-index:0}.stage-inner .game-canvas,.stage-inner .overlay{position:relative;z-index:1}.stage-inner .overlay{position:absolute;z-index:2}@media(max-height:520px){.topbar{position:absolute;top:4px;left:0;right:0;z-index:3;padding:0 10px;pointer-events:none}.topbar .icon-btn{pointer-events:auto;width:34px;height:34px;font-size:.95rem}.topbar-title{visibility:hidden}.stage-frame{padding:0}.stage-inner{border-width:0;border-radius:0}.card{font-size:.82rem;padding:10px 16px}.card h1{font-size:1.5rem}.howto{margin:4px auto}.controls,.hint,.card-kicker{display:none}.choice{width:140px;padding:4px}.choice img{height:34px}.btn-big{font-size:1.15rem}.big-score{font-size:2.2rem}.result-card h3,.mini-board{display:none}}.hub-tools{display:flex;gap:8px;align-items:center}.lang-btn{height:44px;padding:0 14px;border-radius:999px;border:3px solid var(--ink);background:var(--paper);font-weight:900;box-shadow:0 3px 0 var(--ink)}.lang-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.art-hochwurf{background:linear-gradient(#0b1530,#6ec3f4 75%)}.art-regen{background:linear-gradient(#7ec8f2,#fff1cf 80%)}.art-supersepp{background:linear-gradient(#5fb4ef,#d9f1ff 75%)}.art-hochwurf:after,.art-regen:after,.art-supersepp:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10%;background:#8bc34a;border-top:4px solid var(--ink);z-index:0}.art-hochwurf:after{background:#9e9286}.a-wall{position:absolute;top:0;bottom:0;width:14%;background:repeating-linear-gradient(0deg,rgba(80,30,20,.35) 0 2px,transparent 2px 14px),#b5553c;z-index:1}.a-wall-l{left:0;border-right:4px solid var(--ink)}.a-wall-r{right:0;border-left:4px solid var(--ink)}.a-rise{animation:rise 1.8s ease-out infinite}@keyframes rise{0%{bottom:10%;transform:rotate(0)}to{bottom:110%;transform:rotate(540deg)}}.a-drop{top:-20%;animation:drop 2.2s linear infinite;animation-delay:var(--d)}@keyframes drop{to{top:100%;transform:rotate(200deg)}}.a-sway{animation:sway 1.6s ease-in-out infinite alternate}@keyframes sway{0%{transform:translate(-40%)}to{transform:translate(40%)}}.a-platform{position:absolute;left:36%;top:30%;width:40%;height:12%;background:#c98a4b;border:4px solid var(--ink);border-radius:6px;z-index:1}.a-hop{animation:hop 1.1s ease-in-out infinite}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-55%)}}.a-walk{animation:walk-left 3s linear infinite alternate}@keyframes walk-left{to{transform:translate(-60%) scaleX(1)}}.art-brutzler{background:linear-gradient(#f4f7f8,#dfe8ec)}.art-rutsche{background:linear-gradient(#c98a4b,#a8683a)}.art-turm{background:linear-gradient(#7ec8f2,#fff1cf)}.art-klopfer{background:#d9a066}.a-pan{position:absolute;left:32%;top:22%;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#444 60%,#2c2c2c 62%);border:4px solid var(--ink);z-index:1}.a-flip{z-index:2;animation:flip 1.6s ease-in-out infinite}@keyframes flip{0%,40%{transform:translateY(0) scaleY(1)}60%{transform:translateY(-50%) scaleY(-1)}80%,to{transform:translateY(0) scaleY(1)}}.a-bar{position:absolute;left:0;right:0;height:9%;background:#8a5428;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);z-index:2}.a-slide{z-index:3;animation:slide-left 1.4s linear infinite}@keyframes slide-left{0%{left:75%}to{left:20%}}.a-stackrow{position:absolute;left:50%;height:10%;transform:translate(-50%);background:linear-gradient(#f8d27c,#e39d3e 60%,#b96a20);border:3px solid var(--ink);border-radius:40%/50%;z-index:1}.a-pendel{transform-origin:50% -80%;animation:pendel 1.6s ease-in-out infinite alternate;left:37%}@keyframes pendel{0%{transform:rotate(-25deg)}to{transform:rotate(25deg)}}.art-polonaise{background:repeating-conic-gradient(#c9d3dd 0 25%,#bcc7d2 0 50%) 0 0 / 28px 28px}.art-polonaise:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8%;background:#3d4a5c;border-top:4px solid var(--ink)}.a-conga{animation:conga .6s ease-in-out infinite alternate;animation-delay:var(--d)}@keyframes conga{0%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-10%) rotate(6deg)}}