@font-face{font-family:Fredoka;src:url(/fonts/Fredoka.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Druckvorlage;src:url(/fonts/Druckvorlage.woff2)format("woff2");font-display:swap}@font-face{font-family:Grundschrift;src:url(/fonts/PlaywriteDEGrund.woff2)format("woff2");font-weight:100 400;font-display:swap}:root{--ink:#3b2a5c;--ink-soft:#6c5a8f;--bg:#fdf6ff;--card:#fff;--primary:#ffcf3d;--primary-dark:#e0a800;--accent:#7c5cff;--accent-soft:#ece6ff;--good:#27c46b;--warn:#ff8a3d;--bad:#ff5470;--radius:26px;--shadow:0 10px 0 #3b2a5c1f, 0 18px 40px #3b2a5c2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:Fredoka,Segoe UI,system-ui,sans-serif;overflow:hidden}#stage{touch-action:manipulation;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.btn{font:inherit;color:var(--ink);background:var(--card);border:3px solid var(--ink);cursor:pointer;box-shadow:0 5px 0 var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:.45em;padding:.55em 1.2em;font-size:1.15rem;font-weight:600;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.btn:hover{background:#fff8db}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn.primary{background:var(--primary)}.btn.primary:hover{background:#ffd95f}.btn.accent{background:var(--accent);color:#fff}.btn.small{box-shadow:0 3px 0 var(--ink);border-width:2px;padding:.4em .9em;font-size:.95rem}.btn.icon{justify-content:center;width:3.2rem;height:3.2rem;padding:0;font-size:1.5rem}.btn.on{background:var(--accent);color:#fff}.btn:disabled{opacity:.5;cursor:default}.seg{background:var(--card);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.seg-btn{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.45em 1.1em;font-size:1.1rem;font-weight:600}.seg-btn.on{background:var(--accent);color:#fff}.switch{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.6em;min-height:44px;padding:.2em 0;font-size:1.1rem;font-weight:600;display:inline-flex}.switch-track{border:3px solid var(--ink);width:3.4em;height:1.9em;box-shadow:0 4px 0 var(--ink);background:#d9d2ea;border-radius:999px;flex:none;transition:background .15s;position:relative}.switch-knob{border:3px solid var(--ink);background:#fff;border-radius:50%;width:1.4em;height:1.4em;transition:transform .15s;position:absolute;top:.12em;left:.15em}.switch.on .switch-track{background:var(--accent)}.switch.on .switch-knob{transform:translate(1.4em)}.start{background:radial-gradient(circle at 15% 20%, #ffe3f1 0, transparent 35%), radial-gradient(circle at 85% 15%, #dff4ff 0, transparent 35%), radial-gradient(circle at 70% 85%, #fff4c9 0, transparent 40%), var(--bg);flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,28px);padding:clamp(16px,3vh,40px) 24px 28px;display:flex;position:fixed;inset:0;overflow-y:auto}.logo{letter-spacing:.02em;align-items:flex-end;gap:.02em;margin:0;font-size:clamp(2.6rem,6vw,5rem);font-weight:700;display:flex}.logo-word{display:inline-flex;position:relative}.logo-word>span{text-shadow:0 5px #3b2a5c26;animation:2.4s ease-in-out infinite bob;display:inline-block}.logo .krakel>span{animation-name:wobble}.logo .krakel>span:nth-child(odd){transform:rotate(-7deg)}@keyframes wobble{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(-6px)rotate(6deg)}}.logo .krone:before{content:"👑";filter:drop-shadow(0 3px #3b2a5c33);font-size:.62em;position:absolute;top:-.62em;left:-.08em;transform:rotate(-16deg)}.logo-amp{color:var(--ink-soft);opacity:.8;margin:0 .28em .08em;font-size:.72em}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.subtitle{color:var(--ink-soft);margin:-.6em 0 0;font-size:clamp(1rem,1.8vw,1.35rem)}.mode-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.target-chip{align-items:center;gap:.4em;display:inline-flex}.target-chip .glyph{font-family:Grundschrift,Druckvorlage,cursive;font-size:1.6em;line-height:1}.tiles{grid-template-columns:repeat(7,minmax(130px,1fr));gap:clamp(12px,1.6vw,24px);width:min(1560px,100%);display:grid}@media (max-width:1400px){.tiles{grid-template-columns:repeat(4,1fr)}}@media (max-width:1100px){.tiles{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{font:inherit;color:var(--ink);border:4px solid var(--ink);cursor:pointer;background:var(--card);box-shadow:0 8px 0 var(--ink);border-radius:34px;flex-direction:column;padding:0;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.tile:hover{box-shadow:0 14px 0 var(--ink);transform:translateY(-6px)rotate(-.6deg)}.tile:active{box-shadow:0 3px 0 var(--ink);transform:translateY(4px)}.tile canvas{aspect-ratio:4/3;width:100%;display:block}.tile .label{padding:.35em .5em .1em;font-size:clamp(1.2rem,1.9vw,1.8rem);font-weight:700}.tile .hint{color:var(--ink-soft);padding:0 .8em .8em;font-size:clamp(.85rem,1.2vw,1rem)}.footer{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:auto;display:flex}.cam-chip.ok{border-color:var(--good);box-shadow:0 3px 0 var(--good)}.cam-chip.bad{border-color:var(--bad);box-shadow:0 3px 0 var(--bad);background:#fff0f2}.hud-top{pointer-events:none;align-items:flex-start;gap:12px;transition:opacity .4s;display:flex;position:fixed;top:14px;left:14px;right:14px}.hud-top>*{pointer-events:auto}.hud-title{border:3px solid var(--ink);background:#ffffffe0;border-radius:999px;padding:.35em 1em;font-size:1.3rem;font-weight:700}.task{border:3px solid var(--ink);background:#ffffffeb;border-radius:28px;align-items:center;gap:.6em;margin:0 auto;padding:.25em 1em .3em;font-size:clamp(1.2rem,2.2vw,1.9rem);font-weight:600;display:flex;box-shadow:0 5px #3b2a5c40}.task .glyph{color:var(--accent);text-align:center;min-width:1em;font-family:Grundschrift,Druckvorlage,cursive;font-size:2.2em;line-height:1}.task .glyph.druck{font-family:Druckvorlage,sans-serif}.stars{color:#ffc21a;letter-spacing:.05em;text-shadow:0 2px #00000026}.stars .off{color:#3b2a5c33}.hud-right{align-items:flex-start;gap:10px;margin-left:auto;display:flex}.hud-right.no-task{margin-left:auto}.camthumb{aspect-ratio:16/9;border:3px solid var(--ink);background:#222;border-radius:18px;width:clamp(160px,16vw,260px);position:relative;overflow:hidden;box-shadow:0 5px #3b2a5c59}.camthumb canvas{width:100%;height:100%;display:block}.camthumb .camlabel{color:#fff;text-shadow:0 1px 2px #000;font-size:.8rem;position:absolute;bottom:4px;left:6px}.hud-buttons{flex-direction:column;gap:8px;display:flex}.auto-btn{position:relative}.auto-btn svg{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px}.hud-bottom{pointer-events:none;justify-content:center;align-items:flex-end;gap:18px;display:flex;position:fixed;bottom:clamp(14px,3vh,34px);left:0;right:0}.hud-bottom>*{pointer-events:auto}.go-btn{box-shadow:0 8px 0 var(--ink);border-width:4px;padding:.35em 1.4em;font-size:clamp(1.7rem,3.2vw,2.6rem)}.go-btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(6px)}.go-btn.busy{pointer-events:none;background:#ffe9a6}.go-btn .spin{border:.16em solid var(--ink);border-right-color:#0000;border-radius:50%;width:.9em;height:.9em;animation:.7s linear infinite spin;display:none}.go-btn.busy .spin{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.side-btns{gap:10px;display:flex;position:absolute;bottom:0;left:18px}.counter{border:3px solid var(--ink);background:#ffffffe0;border-radius:999px;padding:.3em 1em;font-size:1.3rem;font-weight:700;position:absolute;bottom:0;right:18px}.idle-fade .hud-top .hud-buttons,.idle-fade .side-btns{opacity:.25}.toasts{pointer-events:none;z-index:60;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:90px;left:50%;transform:translate(-50%)}.toast{background:var(--card);border:3px solid var(--ink);text-align:center;border-radius:999px;max-width:90vw;padding:.5em 1.2em;font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:600;animation:.25s ease-out toast-in;box-shadow:0 6px #3b2a5c40}.toast.good{border-color:var(--good);background:#e9fff1}.toast.warn{border-color:var(--warn);background:#fff3e8}.toast.out{opacity:0;transition:all .3s;transform:translateY(-10px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.95)}}.modal-back{z-index:50;background:#28194673;justify-content:center;align-items:center;padding:16px;animation:.18s fade-in;display:flex;position:fixed;inset:0}.modal-back.closing{opacity:0;transition:opacity .18s}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--card);border:4px solid var(--ink);box-shadow:var(--shadow);-webkit-user-select:text;user-select:text;border-radius:32px;max-width:min(1100px,96vw);max-height:94vh;padding:22px 26px;animation:.22s cubic-bezier(.34,1.56,.64,1) pop-in;overflow:auto}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}.modal h2{margin:0 0 .5em;font-size:1.8rem}.modal h3{color:var(--accent);margin:1em 0 .4em;font-size:1.2rem}.modal p{line-height:1.45}.modal .actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0;display:flex}.row label{min-width:11em;font-weight:600}.help{color:var(--ink-soft);font-size:.95rem}select,input[type=text]{font:inherit;border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:14px;max-width:100%;padding:.4em .7em;font-size:1.05rem}input[type=range]{accent-color:var(--accent);width:200px}.picker-set{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.picker-key{border:3px solid var(--ink);cursor:pointer;width:2.2em;height:2.2em;color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:18px;font-family:Grundschrift,Druckvorlage,cursive;font-size:2rem}.picker-key.on{background:var(--primary)}.cam-setup{grid-template-columns:minmax(300px,680px) minmax(240px,320px);gap:20px;display:grid}@media (max-width:900px){.cam-setup{grid-template-columns:1fr}}.cam-view{border:3px solid var(--ink);touch-action:none;background:#1d1630;border-radius:22px;position:relative;overflow:hidden}.cam-view canvas{width:100%;display:block}.cam-msg{color:#fff;text-align:center;padding:40px 20px}.err-box{border:3px solid var(--bad);background:#fff0f2;border-radius:20px;margin:10px 0;padding:12px 16px}.card-glyph{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.card-glyph canvas{background:#fffdf5;border:3px dashed #d9cfe8;border-radius:24px;width:220px;height:220px}.big-stars{font-size:2.6rem}.tier{color:var(--accent);font-size:2rem;font-weight:700}.victory{text-align:center}.victory .banner{margin:.1em 0 .3em;font-size:clamp(2.2rem,5vw,4rem);font-weight:700}.teams{grid-template-columns:1fr 1fr;gap:20px;display:grid}.teams.many{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.teams.many .team-col h3{font-size:1.25rem}.team-col{border:4px solid;border-radius:26px;padding:14px}.team-col h3{margin:0 0 .4em;font-size:1.6rem}.team-head{justify-content:space-between;align-items:center;gap:10px;margin:0 0 .4em;display:flex}.team-col .team-head h3{margin:0}.photo-key{white-space:nowrap;align-items:center;gap:.4em;font-weight:600;display:inline-flex}.photo-key kbd{border:3px solid var(--ink);min-width:1.9em;height:1.9em;box-shadow:0 4px 0 var(--ink);color:#fff;font:inherit;text-shadow:0 1px 2px #00000073;border-radius:10px;place-items:center;padding:0 .3em;font-size:1.2rem;font-weight:700;display:inline-grid}.trophy{flex-direction:column;align-items:center;gap:4px;margin:8px 0;display:flex}.trophy canvas{background:#fffdf5;border:3px solid #f2c84b;border-radius:18px;width:120px;height:120px}.confetti{z-index:70;pointer-events:none;width:12px;height:18px;animation:linear forwards fall;position:fixed;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}.debug-panel{border:2px solid var(--ink);z-index:40;-webkit-user-select:text;user-select:text;background:#fffffff2;border-radius:12px;max-width:46vw;max-height:60vh;padding:8px;font-family:ui-monospace,Consolas,monospace;font-size:12px;position:fixed;bottom:120px;left:10px;overflow:auto}.debug-panel canvas{max-width:100%;image-rendering:pixelated}.debug-panel table{border-collapse:collapse}.debug-panel td{border-bottom:1px solid #eee;padding:1px 5px}.legal-links{color:var(--ink-soft);font-size:.95rem}.legal-links a{color:var(--ink-soft)}.legal-warning{border:3px solid var(--warn);text-align:center;background:#fff3e8;border-radius:18px;max-width:900px;padding:8px 16px;font-weight:600}.legal{font-size:1.02rem;line-height:1.5}.legal h3{margin-top:1.2em}.legal ul{margin:.4em 0;padding-left:1.3em}.legal li{margin:.3em 0}.legal a{color:var(--accent)}.hud .hud-top{transition:opacity .4s,transform .4s}.hud.cinematic .hud-top{opacity:0;pointer-events:none;transform:translateY(-30px)}.warn-line{color:#c2410c;margin:.2em 0;font-weight:600}.warn-line:empty{display:none}.tower-ranking{text-align:left;flex-direction:column;gap:12px;display:flex}.tower-row{border:4px solid;border-radius:24px;align-items:center;gap:16px;padding:8px 16px;display:flex}.tower-row .medal{font-size:2.6rem}.tower-row .tower-info{flex:1;min-width:0}.tower-row h3{margin:0 0 .25em;font-size:1.5rem}.tower-row .trophy{margin:0}.tower-row .trophy canvas{width:84px;height:84px}.tower-bar{background:#3b2a5c1f;border-radius:8px;height:16px;margin-bottom:4px;overflow:hidden}.tower-bar span{border-radius:8px;height:100%;display:block}.task-queue{gap:4px;margin-left:.2em;font-family:Grundschrift,Druckvorlage,cursive;font-size:.85em;display:inline-flex}.task-queue span{text-align:center;min-width:1.5em;color:var(--ink-soft);border:2px solid #3b2a5c40;border-radius:10px;padding:0 .15em}.task-queue .now{border-color:var(--accent);color:var(--accent);background:#f3eeff}.task-queue .done{color:#1d8f4e;background:#e8fbef;border-color:#27c46b}.practice-done{justify-content:center;gap:10px;margin:.2em 0;font-family:Grundschrift,Druckvorlage,cursive;font-size:2.4rem;display:flex}.practice-done span{background:#e8fbef;border:3px solid #27c46b;border-radius:16px;min-width:1.6em}.picker-key{position:relative}.picker-key[data-n]:after{content:attr(data-n);background:var(--ink);color:#fff;border-radius:999px;min-width:1.4em;height:1.4em;font:700 .95rem/1.4em Fredoka,system-ui,sans-serif;position:absolute;top:-8px;right:-8px}.picker-order{flex-wrap:wrap;align-items:center;gap:10px;min-height:2.6em;font-size:1.1rem;display:flex}.picker-order .glyphs{letter-spacing:.15em;font-family:Grundschrift,Druckvorlage,cursive;font-size:1.8rem}.task .writing{cursor:pointer;background:#fffdf6;border-radius:12px;height:2.6em;display:block}.team-btns{flex-wrap:wrap;gap:8px;max-width:44vw;display:flex}.team-btn{align-items:center;gap:.4em;min-height:48px;padding:.35em .9em .35em .4em;font-size:clamp(.95rem,1.4vw,1.2rem);font-weight:700;display:inline-flex}.team-btn .dot{color:#fff;border:2px solid var(--ink);text-shadow:0 1px 1px #0006;border-radius:50%;place-items:center;width:1.7em;height:1.7em;display:inline-grid}.team-btn .name{text-overflow:ellipsis;white-space:nowrap;max-width:9em;overflow:hidden}.team-btns.compact .team-btn{padding:.3em}.team-btns.compact .team-btn .name{display:none}#stage{-webkit-touch-callout:none}@media (pointer:coarse){.btn.small{min-height:44px}.btn.icon{min-width:52px;min-height:52px}.seg-btn{min-height:44px}}.picker-photo{border:3px solid var(--ink);background:#222;border-radius:16px;max-width:760px;margin:0 auto;position:relative;overflow:hidden}.picker-photo canvas{width:100%;height:auto;display:block}.picker-photo .marks{cursor:crosshair;touch-action:none;height:100%;position:absolute;inset:0}.picker-info{flex-wrap:wrap;align-items:center;gap:10px;min-height:3em;margin-top:10px;font-size:1.1rem;display:flex}.picker-info .swatch{border:3px solid var(--ink);border-radius:50%;flex:none;width:2.2em;height:2.2em}.picker-info .warn-line{flex-basis:100%}.guide{margin-top:14px;font-size:1.05rem;line-height:1.5}.guide h3{margin:1em 0 .3em}.guide ul{margin:.2em 0;padding-left:1.3em}.guide li{margin:.25em 0}.guide table.keys{border-collapse:collapse;width:100%}.guide table.keys td{border-bottom:2px solid var(--accent-soft);vertical-align:top;padding:.45em .6em}.continue-row:empty{display:none}.continue-banner{border-color:var(--good);box-shadow:0 5px 0 var(--good);white-space:normal;text-align:left;background:#eafff0;padding:.35em 1.2em .35em .5em;font-size:1.1rem;animation:.3s cubic-bezier(.34,1.56,.64,1) pop-in}.continue-banner:hover{background:#d6ffe2}.continue-banner .cont-play{background:var(--good);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2em;height:2em;display:inline-flex}.continue-banner .cont-thumb{object-fit:cover;border:2px solid var(--ink);border-radius:10px;flex:none;width:88px;height:50px}.continue-banner .cont-thumb.empty{display:none}.continue-banner .cont-text{flex-direction:column;line-height:1.2;display:flex}.continue-banner .cont-text span{color:var(--ink-soft);font-size:.9rem;font-weight:500}.save-card{text-align:left;border:3px solid var(--accent-soft);border-radius:20px;align-items:center;gap:14px;padding:10px 16px 10px 10px;display:inline-flex}.save-thumb{object-fit:cover;border:2px solid var(--ink);background:var(--accent-soft);border-radius:12px;flex:none;width:160px;height:90px}.save-thumb.empty{justify-content:center;align-items:center;font-size:2.2rem;display:flex}.save-list{flex-direction:column;gap:10px;max-height:60vh;padding:4px 4px 8px;display:flex;overflow-y:auto}.save-row{border:3px solid var(--accent-soft);border-radius:20px;align-items:center;gap:14px;padding:8px 12px 8px 8px;display:flex}.save-row .save-thumb{width:128px;height:72px}.save-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.save-info b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.save-btns{flex:none;align-items:center;gap:8px;display:flex}.save-btns .btn.icon{width:2.6rem;height:2.6rem;font-size:1.15rem}@media (max-width:640px){.save-row{flex-wrap:wrap}}.paint-lobby{grid-template-columns:1fr auto;align-items:start;gap:24px;display:grid}@media (max-width:760px){.paint-lobby{grid-template-columns:1fr}}.card-preview{filter:drop-shadow(0 6px #3b2a5c26);width:300px;max-width:100%;height:auto;transform:rotate(2deg)}.steps{flex-direction:column;gap:12px;margin:.6em 0;padding:0;font-size:1.05rem;line-height:1.35;list-style:none;display:flex}.steps li{align-items:flex-start;gap:12px;display:flex}.step-n{background:var(--primary);border:3px solid var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.9em;height:1.9em;font-weight:700;display:inline-flex}.painted-big{max-width:min(460px,80vw);height:auto;margin:0 auto;display:block}.painted-name-row{justify-content:center;align-items:center;gap:12px;font-size:1.3rem;display:flex}.painted-name{background:#fffdf5;border-radius:12px;width:auto;max-width:70vw;height:64px;padding:4px 10px}.print-sheet{display:none}@media print{@page{size:A4 portrait;margin:0}html,body{background:#fff;height:auto;overflow:visible}body>:not(.print-sheet){display:none!important}.print-sheet{display:block}.print-sheet svg{width:210mm;height:296.5mm;display:block}}