.gshuerte-wrap{width:min(100%,480px);margin:0 auto;position:relative}.gshuerte-grid{--n:5;grid-template-columns:repeat(var(--n), 1fr);aspect-ratio:1;-webkit-user-select:none;user-select:none;gap:6px;width:100%;display:grid}.gshuerte-cell{border:1px solid var(--line);background:var(--bg-card);color:var(--text);font:700 clamp(13px, calc(min(92vw, 480px) / var(--n) * .4), 34px)/1 var(--font);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:8px;place-items:center;padding:0;transition:background 80ms;display:grid}.gshuerte-cell:disabled{cursor:default}.gshuerte-cell.is-red{color:#c62828;border:2px solid #c62828}.gshuerte-cell.is-done{background:var(--bg-soft);color:var(--text-3);border-color:var(--bg-soft)}.gshuerte-cell.is-done.is-red{color:#d7a0a0;border-color:var(--bg-soft)}.gshuerte-cell.is-wrong{background:#fbe0e0;border-color:#c62828}.gshuerte-cell.is-hint{background:var(--brand-soft);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.gshuerte-grades{margin:14px 0 0}.gshuerte-grades-cap{color:var(--text-3);text-align:center;margin:0 0 6px;font-size:13px}.gshuerte-grades table{border-collapse:collapse;width:min(100%,560px);margin:0 auto;font-size:13px}.gshuerte-grades td{border-top:1px solid var(--line);color:var(--text-2);padding:5px 8px}.gshuerte-grades td:first-child{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text)}.gshuerte-grades td:nth-child(2){white-space:nowrap;color:var(--text);font-weight:600}.gshuerte-grades tr.is-hit td{background:var(--brand-soft);color:var(--brand-dark)}@media (max-width:720px){.gshuerte-grid{gap:4px}.gshuerte-cell{border-radius:6px}.gshuerte-grades table{font-size:12px}.gshuerte-grades td{padding:4px 6px}.gshuerte-grades td:last-child{display:none}}@media (orientation:landscape) and (max-height:520px){.gshuerte-body{--side:min(480px, calc(100vh - 84px));grid-template:"wrap status""wrap grades""wrap."1fr/auto minmax(0,1fr);align-items:start;column-gap:16px;display:grid}.gshuerte-body>.gshuerte-wrap{width:var(--side);grid-area:wrap;max-width:100%;margin:0}.gshuerte-body .gshuerte-grid{gap:4px}.gshuerte-body .gshuerte-cell{font-size:clamp(12px, calc(var(--side) / var(--n) * .4), 34px);border-radius:6px}.gshuerte-body>.g-status{grid-area:status;margin:0 0 6px}.gshuerte-body>.gshuerte-grades{overscroll-behavior:contain;grid-area:grades;max-height:max(100px,100vh - 150px);margin:0;overflow-y:auto}.gshuerte-body .gshuerte-grades table{width:100%;font-size:12px}.gshuerte-body .gshuerte-grades td{padding:4px 6px}}.gshuerte-wrap{container-type:inline-size}.gshuerte-grid{--u:calc(100cqi / var(--n));padding:max(4px, calc(var(--u) * .08));border:max(2px, calc(var(--u) * .045)) solid #2b2420;border-radius:max(10px, calc(var(--u) * .16));box-sizing:border-box;background:#d9c8ad;box-shadow:inset 0 3px #ffffff59,0 5px #a8917a,0 8px 14px #2b242029}.gshuerte-cell{--d:#e0cfb3;border:max(1.5px, calc(var(--u) * .04)) solid #2b2420;border-radius:max(6px, calc(var(--u) * .14));color:#2b2420;padding-bottom:max(2px, calc(var(--u) * .06));box-shadow:inset 0 calc(0px - max(3px, var(--u) * .07)) 0 var(--d), 0 max(1.5px, calc(var(--u) * .03)) 0 #2b242038;background:#fffaf1;transition:background 80ms,transform 50ms,box-shadow 50ms;position:relative}.gshuerte-cell:before{content:"";pointer-events:none;background:#fffffff2;border-radius:4px;width:22%;height:8%;position:absolute;top:10%;left:11%;transform:rotate(-14deg)}.gshuerte-cell:hover:not(:disabled){background:#fff3df}.gshuerte-cell:active:not(:disabled){transform:translateY(max(1px, calc(var(--u) * .03)));box-shadow:inset 0 calc(0px - max(1.5px, var(--u) * .03)) 0 var(--d)}.gshuerte-cell:disabled:empty{background:#eee4d3;border-color:#cdbfa8;box-shadow:inset 0 3px #2b242012}.gshuerte-cell:disabled:empty:before{content:none}.gshuerte-cell.is-red{--d:#f1b3aa;color:#c8322a;box-shadow:inset 0 0 0 max(1.5px, calc(var(--u) * .035)) #e05a4c, inset 0 calc(0px - max(3px, var(--u) * .07)) 0 var(--d), 0 max(1.5px, calc(var(--u) * .03)) 0 #2b242038;background:#fff4f1;border-color:#2b2420}.gshuerte-cell.is-done,.gshuerte-cell.is-done.is-red{color:#b3a898;transform:translateY(max(1px, calc(var(--u) * .03)));background:#e6dccb;border-color:#b3a898;box-shadow:inset 0 2px #2b242014}.gshuerte-cell.is-done:before{content:none}.gshuerte-cell.is-ok{animation:.26s ease-out gshuerte-ok}@keyframes gshuerte-ok{0%{color:#fff;background:#4fae5f;transform:scale(.9)}55%{background:#7fd08e;transform:scale(1.04)}to{transform:scale(1)}}.gshuerte-cell.is-wrong,.gshuerte-cell.is-wrong.is-red{--d:#a8291f;color:#fff;background:#e0483a;border-color:#2b2420;animation:.22s ease-out gshuerte-no}@keyframes gshuerte-no{0%,to{transform:translate(0)}30%{transform:translate(-3px)}70%{transform:translate(3px)}}.gshuerte-cell.is-hint{--d:#b8411c;color:#7a2e0e;box-shadow:inset 0 calc(0px - max(3px, var(--u) * .07)) 0 var(--d), 0 0 0 3px #e0562b33;background:#ffbf85;border-color:#2b2420}.gshuerte-grades tr.is-hit td{color:#b8411c;background:#ffe3c8}.gshuerte-grades tr.is-hit td:first-child{box-shadow:inset 4px 0 #e0562b}@media (prefers-reduced-motion:reduce){.gshuerte-cell{transition:none}.gshuerte-cell.is-ok,.gshuerte-cell.is-wrong{animation:none}}.gshuerte-wrap>.g-overlay.is-result .g-overlay-title{font-variant-numeric:tabular-nums;color:#b8411c;font-size:max(34px,min(13cqi,60px));line-height:1.1}.gshuerte-wrap>.g-overlay.is-result .g-overlay-sub{font-size:max(13px,min(3.6cqi,16px));line-height:1.6}.gshuerte.is-gz .gshuerte-wrap{zoom:var(--gz,1);max-width:var(--gz-w0,none)}