:root{--color-correct: #6aaa64;--color-present: #c9b458;--color-absent: #787c7e;--color-tile-text: #ffffff;--color-tile-border-empty: #d3d6da;--color-tile-border-filled: #878a8c;--color-key-bg: var(--paper);--color-key-text: var(--ink);--ink: var(--aj-ink, #151515);--paper: var(--aj-paper, #fffdf6);--accent: var(--aj-wodol, #fb82dd);--display: var(--aj-display, "Anton", Impact, sans-serif);--press: transform .18s, box-shadow .18s;--color-bg: var(--paper);--color-text: var(--ink);--color-modal-bg: var(--paper);--color-hr: #15151540;--mg-surface: #ffbf63;--mg-ink: var(--ink);--mg-muted: #151515b8;--mg-font: var(--font-main);--font-main: var(--aj-body, "DM Sans", Arial, sans-serif);--header-height: 92px;--max-width: 500px;--key-height: 58px;--keyboard-height: calc(3 * var(--key-height) + 3 * 8px + 8px);--app-height: 100dvh;--tile-size: min(65px, calc((var(--app-height) - var(--header-height) - var(--keyboard-height) - var(--safe-bottom) - 41px) / 6));--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(max-height:700px){:root{--key-height: 50px}}@media(max-height:620px){:root{--key-height: 44px}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);display:flex;flex-direction:column;align-items:center;height:100vh;height:var(--app-height);overflow:hidden}.header{width:100%;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;background:var(--aj-header-gradient, linear-gradient(95deg, #ffbf63, #ff8fba 60%, #b7a1f4));border-bottom:2px solid var(--ink);padding:0 max(12px,calc((100% - var(--max-width)) / 2 + 12px));position:relative;flex-shrink:0}.header-title{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}.header-title h1{font:400 2.5rem/1.05 var(--display);letter-spacing:0.01em;text-transform:uppercase;color:var(--paper);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:1px 1px 0 var(--ink),2px 2px 0 var(--ink),3px 3px 0 var(--ink),4px 4px 0 var(--ink)}.header-title h1 .dot{color:var(--aj-yellow, #fff12c)}.header-left,.header-right{display:flex;gap:10px;z-index:1}.icon-btn{width:42px;height:42px;background:var(--paper);border:2px solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--ink);cursor:pointer;color:var(--ink);font:800 19px/1 var(--font-main);padding:0;display:flex;align-items:center;justify-content:center;transition:var(--press);-webkit-tap-highlight-color:transparent}.icon-btn svg{width:22px;height:22px}.icon-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.icon-btn:active{transform:translate(3px,3px);box-shadow:none}.icon-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}mmpb-games{display:inline-flex;height:42px;--mg-size: 42px}.header-by{display:flex;justify-content:center;height:10px;margin-top:6px}@media(prefers-reduced-motion:reduce){.icon-btn,.key,.share-btn,.modal-close{transition:none}}#toaster{position:fixed;top:calc(var(--header-height) + 14px);left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:90vw}.toast{background:var(--aj-plum, #302046);color:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:10px 18px;border-radius:999px;font-size:0.875rem;font-weight:700;animation:toast-in 0.15s ease;text-align:center;pointer-events:auto}.toast a{color:inherit;text-decoration:underline}@keyframes toast-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.game-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;width:100%;min-height:0}@supports (container-type: size){.game-container{container-type:size}.board{--tile-size: min(65px, calc((100cqh - 25px) / 6), calc((100cqw - 36px) / 5))}}@media(max-width:360px){.header-title h1{font-size:2rem}.icon-btn{width:38px;height:38px}mmpb-games{height:38px;--mg-size: 38px}.header-left,.header-right{gap:8px}}