.hz-live{position:fixed;inset:0 auto auto 0;margin:0}.hezar-playing>.yk-language-toggle{display:none}.hz-game{width:min(100%,540px);min-height:100svh;margin:auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:grid;grid-template-rows:44px 82px 1fr minmax(64px,auto) minmax(50px,auto) minmax(18px,auto);gap:14px;align-content:safe center}.hz-header{display:flex;align-items:center;gap:8px}.hz-brand{display:flex;align-items:center;gap:9px;margin-inline-end:auto;color:var(--yk-ink);text-decoration:none;font-size:1.3rem}.hz-brand svg{width:30px;height:30px}.hz-header .yk-all-games-link{width:44px;min-width:44px;height:44px;justify-content:center;padding:0}.hz-header .yk-all-games-link>span{display:none}.hz-header .yk-all-games-link>i{margin:0}.hz-header .ng-game-menu-button{width:44px;height:44px}.hz-hud{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:8px;align-items:end;text-align:center}.hz-stat{min-width:0}.hz-stat-label{min-block-size:2.8em;display:block;color:var(--yk-soft);font:500 .65rem/1.4 var(--yk-sans);letter-spacing:.09em;text-transform:uppercase}.hz-value{display:block;color:#edd6a1;font-weight:400;font-size:1.6rem;line-height:1.3;font-variant-numeric:tabular-nums}.hz-value.is-wide{font-size:1.1rem}.hz-score .hz-value{color:#f4dfab;font-size:clamp(2.2rem,8.5vw,3.4rem);line-height:1.05}.hz-score .hz-value.is-wide{font-size:2.2rem}.hz-score .hz-stat-label{color:#d7b76e}.hz-stage{position:relative;width:min(100%,430px);align-self:center;justify-self:center;min-width:0}.hz-caption{margin:0 0 12px;text-align:center;color:#bd9f68;font-size:.72rem;letter-spacing:.11em}.hz-board{--gap: 8px;--pad: 10px;position:relative;container-type:size;aspect-ratio:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:var(--gap);padding:var(--pad);border:1px solid rgba(201,154,67,.55);border-radius:24px;background:linear-gradient(160deg,#2a1a0e,#1a0f08 78%);box-shadow:inset 0 1px #ffe9ba12,inset 0 0 26px #06030199,0 22px 40px #00000073;direction:ltr;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.new-game-shell .hz-board:focus-visible{outline:2px solid rgba(127,216,207,.65);outline-offset:5px}.hz-cell{min-width:0;border-radius:10px;background:#0804028c;box-shadow:inset 0 2px 4px #0000008c,inset 0 -1px #ffe2ac0d}.hz-tiles{position:absolute;inset:var(--pad);pointer-events:none}.hz-face{--top: #1a1410;--bottom: #0b0806;--ink: #f0d58d;--rim: inset 0 0 0 1px rgba(201, 154, 67, .7);position:relative;display:grid;place-items:center;border-radius:10px;color:var(--ink);background:linear-gradient(180deg,var(--top),var(--bottom));box-shadow:var(--glow, 0 0 transparent),var(--rim),inset 0 1px #ffffff59,0 2px #00000059,0 4px 10px #00000059;font-family:var(--yk-serif);font-weight:600;font-variant-numeric:tabular-nums;line-height:1;overflow:hidden}.hz-face:is([data-value="2"],[data-value="4"],[data-value="8"],[data-value="16"],[data-value="32"],[data-value="64"],[data-value="128"],[data-value="256"],[data-value="512"],[data-value="1024"],[data-value="2048"]){--rim: 0 0 transparent}.hz-face[data-value="2"]{--top: #efe3c6;--bottom: #d9c79c;--ink: #3b2610}.hz-face[data-value="4"]{--top: #ead7a6;--bottom: #cfb377;--ink: #3b2610}.hz-face[data-value="8"]{--top: #e6c373;--bottom: #c0933f;--ink: #2e1d08}.hz-face[data-value="16"]{--top: #dba84f;--bottom: #b07a22;--ink: #2b1a06}.hz-face[data-value="32"]{--top: #d3893b;--bottom: #a75c18;--ink: #fff3d6}.hz-face[data-value="64"]{--top: #c56a30;--bottom: #8f4413;--ink: #fff3d6}.hz-face[data-value="128"]{--top: #a9424f;--bottom: #7a2634;--ink: #fbe9c9}.hz-face[data-value="256"]{--top: #8d2f44;--bottom: #5e1a2b;--ink: #fbe9c9}.hz-face[data-value="512"]{--top: #4f9f96;--bottom: #2f6f69;--ink: #08211e}.hz-face[data-value="1024"]{--top: #f6dfa0;--bottom: #c99a43;--ink: #2a1a06;--glow: 0 0 24px rgba(240, 213, 141, .55)}.hz-face[data-value="2048"]{--top: #2b6f68;--bottom: #143b37;--ink: #f0d58d;--glow: 0 0 24px rgba(93, 184, 174, .5)}.hz-face[data-value="1024"]:before,.hz-face[data-value="2048"]:before{content:"";position:absolute;inset:11%;opacity:.18;background-position:center;background-size:contain;background-repeat:no-repeat}.hz-face[data-value="1024"]:before{opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='%232a1a06'%3E%3Crect x='9' y='9' width='30' height='30'/%3E%3Crect x='9' y='9' width='30' height='30' transform='rotate(45 24 24)'/%3E%3C/g%3E%3C/svg%3E")}.hz-face[data-value="2048"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='%23f0d58d'%3E%3Crect x='9' y='9' width='30' height='30'/%3E%3Crect x='9' y='9' width='30' height='30' transform='rotate(45 24 24)'/%3E%3C/g%3E%3C/svg%3E")}.hz-numeral{position:relative;font-size:clamp(1.6rem,9vw,2.4rem);font-size:10cqw}.hz-face[data-digits="3"] .hz-numeral{font-size:clamp(1.3rem,7.2vw,1.92rem);font-size:8cqw}.hz-face[data-digits="4"] .hz-numeral{font-size:clamp(1rem,5.6vw,1.5rem);font-size:6.2cqw}.hz-face[data-digits="5"] .hz-numeral,.hz-face[data-digits="6"] .hz-numeral{font-size:clamp(.8rem,4.5vw,1.2rem);font-size:5cqw}.hz-tile{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1;width:calc((100% - 3 * var(--gap)) / 4);height:calc((100% - 3 * var(--gap)) / 4);translate:calc(var(--c) * (100% + var(--gap))) calc(var(--r) * (100% + var(--gap)))}.hz-tile.is-merging{z-index:3}.hz-tile.is-joined{z-index:2}.hz-status{text-align:center;align-self:center}.hz-message{margin:0;font-size:1.4rem;line-height:1.3;font-weight:400;color:#ead7aa}.hz-detail{margin:6px 0 0;color:#b9a47f;font-size:.8rem;line-height:1.5;font-variant-numeric:tabular-nums}.hz-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hz-tools button{height:auto;min-height:48px;padding:8px;font-size:.9rem;line-height:1.45;white-space:normal;touch-action:manipulation}.hz-undo:disabled{opacity:.55;cursor:default}.hz-save{margin:0;text-align:center;font-size:.65rem;color:#a99470}.hz-save.is-warning{display:block;color:#f1bc8b;line-height:1.5}.hz-overlay{position:absolute;inset-block-end:0;inset-inline:0;z-index:5;aspect-ratio:1;display:grid;align-content:center;justify-items:center;gap:10px;padding:18px;border-radius:24px;background:#140b05d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;overflow:hidden}.hz-overlay-title{margin:0;max-inline-size:100%;color:#edd08a;font-size:clamp(1.1rem,5vw,1.5rem);font-weight:500;line-height:1.35}.hz-overlay.is-hezar .hz-overlay-title{color:#f6dfa0;text-shadow:0 0 22px rgba(240,213,141,.55)}.hz-overlay-score{margin:0;color:var(--yk-soft);font-size:.9rem;font-variant-numeric:tabular-nums}.hz-overlay-actions{display:grid;gap:10px;inline-size:min(100%,250px);margin-block-start:6px}.hz-overlay-actions button{padding:8px 12px;font-size:.9rem}.hz-overlay>:not(.hz-spark){position:relative;z-index:1}.hz-spark{position:absolute;z-index:0;inset-block-start:50%;inset-inline-start:50%;inline-size:6px;block-size:6px;border-radius:50%;background:#f6dfa0;box-shadow:0 0 8px #f0d58dcc;opacity:0;pointer-events:none}.hz-record{text-align:center;font-size:.8rem;color:#c8ac77;font-variant-numeric:tabular-nums}.hz-rules p{line-height:1.8}.hz-legend{display:flex;justify-content:center;gap:10px}.hz-plaque{inline-size:60px;block-size:60px}.hz-plaque .hz-numeral{font-size:1.55rem}.hz-plaque[data-digits="3"] .hz-numeral{font-size:1.2rem}.hz-plaque[data-digits="4"] .hz-numeral{font-size:.88rem}.hz-effects .hz-tile{transition:translate .11s ease-out}.hz-effects .hz-tile.is-joined{animation:hz-pop .15s ease-out .11s both}.hz-effects .hz-tile.is-new{animation:hz-spawn .12s ease-out 90ms backwards}.hz-effects .hz-board.is-stuck{animation:hz-shake .18s ease-in-out}.hz-effects .hz-spark{animation:hz-spark .9s ease-out var(--d, 0ms) 1 both}@keyframes hz-pop{0%{scale:1}55%{scale:1.18}to{scale:1}}@keyframes hz-spawn{0%{scale:.4;opacity:0}to{scale:1;opacity:1}}@keyframes hz-shake{25%{translate:-5px 0}75%{translate:5px 0}}@keyframes hz-spark{0%{opacity:1;translate:-50% -50%;scale:1}to{opacity:0;translate:calc(-50% + var(--x, 0px)) calc(-50% + var(--y, 0px));scale:.4}}html[lang=ckb] :is(.hz-stat-label,.hz-caption){letter-spacing:0;text-transform:none}html[lang=ckb] .hz-message{font-size:1.2rem;line-height:1.5}html[lang=ckb] .hz-face{font-family:var(--yk-serif)}@media(max-height:700px)and (orientation:portrait){.hz-game{padding-block:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-bottom));gap:6px;grid-template-rows:44px 60px 1fr minmax(36px,auto) minmax(44px,auto)}.hz-stage{width:min(100%,max(250px,calc(100svh - 248px - env(safe-area-inset-top) - env(safe-area-inset-bottom))))}.hz-caption,.hz-save{display:none}.hz-board{--gap: 6px;--pad: 8px;border-radius:18px}.hz-cell,.hz-face{border-radius:9px}.hz-overlay{border-radius:18px;padding:12px}.hz-header .ng-game-menu-button,.hz-header .yk-all-games-link{width:44px;min-width:44px;height:44px}.hz-score .hz-value{font-size:2rem}.hz-value{font-size:1.3rem}.hz-stat-label{font-size:.58rem}.hz-message,html[lang=ckb] .hz-message{font-size:1rem}.hz-detail{font-size:.66rem;margin-top:3px;line-height:1.35}.hz-tools button{min-height:44px;font-size:.76rem;padding:6px}}@media(min-width:560px)and (max-height:540px){.hz-game{width:min(100%,940px);height:auto;min-height:100svh;grid-template-columns:minmax(235px,1fr) minmax(270px,1.25fr);grid-template-rows:44px 75px 1fr minmax(48px,auto) minmax(18px,auto);gap:8px 20px;direction:ltr}.hz-header{grid-column:1;grid-row:1}.hz-hud{grid-column:1;grid-row:2}.hz-stage{grid-column:2;grid-row:1/-1;width:min(100%,calc(100svh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}.hz-caption{display:none}.hz-status{grid-column:1;grid-row:3}.hz-tools{grid-column:1;grid-row:4}.hz-save{grid-column:1;grid-row:5}.hz-score .hz-value{font-size:2.1rem}.hz-score .hz-value.is-wide{font-size:1.7rem}.hz-best .hz-value,.hz-message{font-size:1.1rem}.hz-detail{font-size:.7rem}.hz-tools button{font-size:.76rem}.hz-board{--gap: 6px;--pad: 9px}html[lang=ckb] .hz-game>:not(.hz-stage){direction:rtl}}@media(max-height:640px)and (orientation:portrait){.hezar-shell .yk-menu-art{block-size:110px}}.hezar-shell .yk-menu-title:focus,.hz-message:focus{outline:none}@media(prefers-reduced-motion:reduce){.hz-effects .hz-tile,.hz-effects .hz-tile.is-joined,.hz-effects .hz-tile.is-new,.hz-effects .hz-board.is-stuck,.hz-effects .hz-spark{transition:none;animation:none}.hz-effects .hz-spark{display:none}}@media(forced-colors:active){.hz-board,.hz-cell,.hz-face,.hz-overlay{background:Canvas;border:1px solid CanvasText;box-shadow:none;color:CanvasText}.hz-face[data-value="1024"]:before,.hz-face[data-value="2048"]:before,.hz-spark{display:none}.hz-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.new-game-shell .hz-board:focus-visible{outline:3px solid Highlight}}