:root{--ink: #2b2118;--paper: #fff7e6;--sun: #ffd166;--red: #e0522a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#9fd7f7;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--ink)}#buehne{position:fixed;left:0;top:0;width:100%;height:100%}body.gedreht #buehne{transform-origin:0 0;transform:rotate(90deg) translateY(-100%)}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud button{pointer-events:auto}[hidden]{display:none!important}#menu{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:18px;text-align:center;background:#2b21188c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#menu h1{font-size:clamp(48px,9vw,96px);margin:0;color:var(--paper);letter-spacing:-.03em;text-shadow:6px 6px 0 var(--ink);transform:rotate(-3deg)}#menu .sub{color:var(--paper);font-size:20px;margin:0}#classes{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cls{--c: var(--red);width:200px;padding:18px 16px;border:4px solid var(--ink);border-radius:18px;background:var(--paper);cursor:pointer;text-align:left;display:grid;gap:6px;box-shadow:6px 6px 0 var(--ink);transition:transform .08s}.cls:hover,.cls:focus-visible{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink);outline:none}.figur{margin:0;height:132px;background:radial-gradient(ellipse at 50% 88%,rgba(43,33,24,.18),transparent 62%);background-size:contain;background-repeat:no-repeat;background-position:center bottom}.figur.da{background-size:auto 100%,contain}.cls b{font-size:24px;color:var(--c)}.cls span{font-size:14px}.cls small{font-size:12px;opacity:.65}#menu .help{color:var(--paper);font-size:13px;opacity:.8;margin:0}#cross{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);border:3px solid var(--paper);border-radius:50%;box-shadow:0 0 0 2px var(--ink)}#flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(transparent 55%,#e0522abf);opacity:0}#feed{position:absolute;top:18px;right:18px;display:grid;gap:6px;text-align:right}#feed div{background:var(--paper);border:3px solid var(--ink);padding:4px 10px;border-radius:10px;font-weight:700;box-shadow:3px 3px 0 var(--ink)}#score{position:absolute;top:18px;left:18px;background:var(--paper);border:3px solid var(--ink);padding:6px 12px;border-radius:10px;box-shadow:3px 3px 0 var(--ink)}#score b{color:var(--red);font-size:20px}#bottom{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}#hp{width:260px;height:30px;border:3px solid var(--ink);border-radius:12px;background:var(--paper);position:relative;overflow:hidden;box-shadow:3px 3px 0 var(--ink)}#hpbar{height:100%;background:var(--red);transition:width .1s}#hptxt{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:700}#ammo{font-size:34px;font-weight:700;color:var(--paper);text-shadow:3px 3px 0 var(--ink)}#special{background:var(--paper);border:3px solid var(--ink);padding:6px 12px;border-radius:10px;box-shadow:3px 3px 0 var(--ink)}#special.ready{background:var(--sun)}#dead{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:36px;font-weight:700;color:var(--paper);text-shadow:4px 4px 0 var(--ink);background:#2b211859}#hint{position:absolute;left:50%;top:62%;transform:translate(-50%);background:var(--paper);border:3px solid var(--ink);padding:6px 14px;border-radius:10px}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#10141a;color:#f6f0e8;font:600 18px/1.4 system-ui,sans-serif;letter-spacing:.02em;text-align:center;padding:24px;z-index:20}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;touch-action:none}#t-move{position:absolute;left:0;bottom:0;width:45%;height:72%;pointer-events:auto;touch-action:none}#t-look{position:absolute;right:0;top:0;width:55%;height:100%;pointer-events:auto;touch-action:none}#t-stick{position:fixed;width:148px;height:148px;margin:-74px 0 0 -74px;border:4px solid rgba(255,247,230,.5);border-radius:50%;background:#2b211847;pointer-events:none}#t-knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border:4px solid var(--ink);border-radius:50%;background:var(--paper)}#t-buttons{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,auto);gap:12px;align-items:end;justify-items:end;pointer-events:none}#t-buttons button{pointer-events:auto;touch-action:none;font-family:inherit;font-weight:700;color:var(--ink);background:var(--paper);border:4px solid var(--ink);border-radius:50%;box-shadow:4px 4px 0 var(--ink)}#t-special,#t-reload,#t-jump{width:68px;height:68px;font-size:22px}#t-fire{width:108px;height:108px;font-size:17px;background:var(--red);color:var(--paper);grid-row:span 2}#t-buttons button.on{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}#pause{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));width:44px;height:44px;border:3px solid var(--ink);border-radius:12px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);font:bold 16px/1 inherit;color:var(--ink);letter-spacing:2px;z-index:6}#feed{top:max(70px,calc(env(safe-area-inset-top) + 52px))}body.klein #menu{gap:6px;padding:6px 10px;align-content:safe center;overflow-y:auto}body.klein #menu .sub{font-size:15px}body.klein #t-gyro{padding:5px 10px;gap:4px 10px;font-size:12px}body.klein #t-gyro input[type=range]{width:84px}body.klein #modi button{padding:6px 12px;font-size:14px}body.klein #hp{width:180px;height:24px}body.klein #ammo{font-size:26px}body.klein #bottom{left:12px;right:12px;bottom:12px}body.klein #menu h1{font-size:clamp(32px,7vw,56px)}body.klein .cls{width:214px;padding:10px 12px;grid-template-columns:58px 1fr;grid-template-areas:"figur name" "figur spruch" "figur werte";align-items:center;column-gap:10px}body.klein .figur{height:100%;min-height:62px;grid-area:figur}body.klein .cls b{grid-area:name;font-size:19px}body.klein .cls span{grid-area:spruch}body.klein .cls small{grid-area:werte}body.touch #bottom{left:200px;right:230px;bottom:max(12px,env(safe-area-inset-bottom))}body.touch #hp{width:150px;height:24px}body.touch #ammo{font-size:24px}body.touch #special{font-size:13px}body.touch #score{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));font-size:13px}body.touch #score b{font-size:16px}body.touch #feed{right:74px;font-size:13px}#t-buttons{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}#t-buttons button{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;padding:0}#t-fire{background:var(--red);color:var(--paper)}#touch.editing{pointer-events:auto;background:#2b211859}#touch.editing #t-move,#touch.editing #t-look{pointer-events:none}#touch.editing #t-buttons button{pointer-events:auto;opacity:.95}#touch.editing #t-buttons button.sel,#t-ghost.sel{outline:4px dashed var(--sun);outline-offset:4px}#t-ghost{display:none;position:absolute;transform:translate(-50%,-50%);border:4px dashed rgba(255,247,230,.7);border-radius:50%;background:#2b211840}#touch.editing #t-ghost{display:block;pointer-events:auto}#t-edit{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#t-edit-bar{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;pointer-events:auto;background:var(--paper);border:3px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink)}#t-edit-name{font-weight:700;min-width:96px}#t-edit-size{width:140px}#t-edit-bar button{font:bold 13px/1 inherit;color:var(--ink);background:var(--sun);border:3px solid var(--ink);border-radius:10px;padding:7px 10px}#t-edit-hint{position:absolute;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));margin:0;text-align:center;color:var(--paper);font-size:13px;text-shadow:2px 2px 0 var(--ink)}#anpassen{font:bold 15px/1 inherit;color:var(--ink);background:var(--sun);border:4px solid var(--ink);border-radius:14px;padding:12px 18px;box-shadow:5px 5px 0 var(--ink)}#menuknoepfe{display:flex;gap:12px;justify-content:center;align-items:center}#offline{margin:0;font-size:13px;font-weight:700;color:var(--paper);opacity:.75}#offline.fertig{color:var(--sun);opacity:1}#ton,#ton2{font:20px/1 inherit;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer}#ton{width:52px;height:44px;border-radius:12px}#ton2{position:absolute;width:44px;height:44px;border-radius:12px;z-index:6;top:max(18px,env(safe-area-inset-top));right:calc(max(18px,env(safe-area-inset-right)) + 54px)}#ton.aus,#ton2.aus{background:#c9bfae;opacity:.8}#ton:active,#ton2:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}#modi{display:flex;gap:10px;justify-content:center}#modi button{display:grid;gap:2px;padding:8px 16px;cursor:pointer;font:bold 16px/1.2 inherit;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink)}#modi button small{font-size:11px;font-weight:400;opacity:.7}#modi button.an{background:var(--sun);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}#dom{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px}.teamstand{position:relative;overflow:hidden;min-width:96px;padding:5px 10px;display:grid;gap:1px;text-align:center;background:var(--paper);border:3px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink)}.teamstand:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--f, 0%);background:var(--c);opacity:.3;transition:width .3s}.teamstand span,.teamstand b{position:relative}.teamstand span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.teamstand b{font-size:20px;color:var(--c);font-variant-numeric:tabular-nums}#dom-punkte{display:flex;gap:8px}.kp{width:46px;display:grid;gap:3px;justify-items:center;padding:4px 0 3px;background:var(--paper);border:3px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink)}.kp b{font-size:17px;line-height:1;color:var(--c, #8a7f70)}.kpbar{width:32px;height:5px;border:2px solid var(--ink);border-radius:3px;overflow:hidden;background:var(--paper)}.kpbar i{display:block;height:100%;width:0;transition:width .12s linear}.kp.umkaempft{animation:pochen .6s steps(2,end) infinite}@keyframes pochen{50%{background:var(--sun)}}#ende{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#2b211899}#ende>div{display:grid;gap:16px;justify-items:center;padding:28px 44px;text-align:center;font:bold 34px/1.2 inherit;color:var(--ink);background:var(--paper);border:5px solid var(--ink);border-radius:20px;box-shadow:8px 8px 0 var(--ink)}#ende .sieg{color:#2f7f4d}#ende .niederlage{color:var(--red)}#ende button{pointer-events:auto;font:bold 17px/1 inherit;color:var(--ink);background:var(--sun);border:4px solid var(--ink);border-radius:14px;padding:12px 20px;box-shadow:5px 5px 0 var(--ink);cursor:pointer}body.touch #dom{gap:8px;top:max(10px,env(safe-area-inset-top))}body.touch .teamstand{min-width:70px;padding:3px 7px}body.touch .teamstand b{font-size:15px}body.touch .teamstand span{font-size:9px}body.touch .kp{width:34px}body.touch .kp b{font-size:13px}body.touch #ende>div{font-size:24px;padding:18px 28px}#gyro{font:bold 14px/1 inherit;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:12px;padding:0 12px;height:44px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;white-space:nowrap}#gyro.an{background:var(--sun)}#gyro:disabled{opacity:.5;cursor:default}#t-edit-bar{display:grid;grid-template-columns:auto auto auto auto;justify-items:center;max-width:min(96%,900px)}#t-gyro{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding-top:7px;border-top:3px solid rgba(43,33,24,.2);font-size:13px;font-weight:700;color:var(--ink)}#t-gyro label{display:flex;align-items:center;gap:6px;font-weight:400}#t-gyro input[type=range]{width:96px}#t-gyro input[type=checkbox]{width:18px;height:18px;accent-color:var(--red)}#gyroeinst{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;align-items:center;justify-self:center;padding:8px 14px;pointer-events:auto;font-size:13px;font-weight:700;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink)}#gyroeinst label{display:flex;align-items:center;gap:6px;font-weight:400}#gyroeinst input[type=range]{width:120px}#gyroeinst input[type=checkbox]{width:18px;height:18px;accent-color:var(--red)}#gyro-mess{font-variant-numeric:tabular-nums;font-weight:700;opacity:.75;min-width:92px;text-align:right}#kalib{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:16px;background:#2b2118d1;pointer-events:auto}#kalib>div{display:grid;gap:10px;max-width:520px;padding:22px 26px;text-align:center;background:var(--paper);border:5px solid var(--ink);border-radius:20px;box-shadow:8px 8px 0 var(--ink)}#kalib small{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.65}#kalib h2{margin:0;font-size:26px}#kalib p{margin:0;font-size:15px;line-height:1.4}#kalib #kalib-fehler{color:var(--red);font-weight:700}#kalib .reihe{display:flex;gap:12px;justify-content:center;margin-top:4px}#kalib button{font:bold 16px/1 inherit;color:var(--ink);border:4px solid var(--ink);border-radius:14px;padding:12px 20px;box-shadow:5px 5px 0 var(--ink);cursor:pointer}#kalib-weiter{background:var(--sun)}#kalib-abbruch{background:var(--paper)}#gyro-kalib{font:bold 12px/1 inherit;color:var(--ink);background:var(--sun);border:3px solid var(--ink);border-radius:10px;padding:7px 10px;cursor:pointer}body.klein #kalib>div{padding:14px 18px;gap:6px}body.klein #kalib h2{font-size:20px}body.klein #kalib p{font-size:13px}body.klein #kalib button{padding:9px 16px;font-size:14px}#kalib-feld{position:relative;width:180px;height:180px;margin:4px auto 0;border:3px solid var(--ink);border-radius:14px;background:repeating-linear-gradient(0deg,transparent 0 44px,rgba(43,33,24,.12) 44px 45px),repeating-linear-gradient(90deg,transparent 0 44px,rgba(43,33,24,.12) 44px 45px)}#kalib-feld:before,#kalib-feld:after{content:"";position:absolute;background:#2b21184d}#kalib-feld:before{left:50%;top:0;bottom:0;width:2px;margin-left:-1px}#kalib-feld:after{top:50%;left:0;right:0;height:2px;margin-top:-1px}#kalib-punkt{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:var(--red);border:3px solid var(--ink);transition:background .15s}#kalib-punkt.bewegt{background:#2f7f4d}#kalib #kalib-mess{font:12px/1.3 ui-monospace,Menlo,Consolas,monospace;opacity:.7;white-space:pre-wrap;min-height:1.3em}#kalib button:disabled{opacity:.45;box-shadow:none;transform:translate(3px,3px);cursor:default}#stand{margin:0;font-size:11px;color:var(--paper);opacity:.55}body.klein #kalib-feld{width:120px;height:120px}