:root{color:#f6df9b;background:#17120f;font-family:Courier New,Courier,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none}html,body,#root{min-height:100%}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{width:100%;min-height:100vh;margin:0;overflow-x:hidden;overflow-y:hidden;touch-action:manipulation}button{font:inherit}.ui-icon{display:inline-block;width:28px;height:28px;flex:0 0 auto;object-fit:contain;pointer-events:none;image-rendering:pixelated}.app-runtime{min-height:100dvh}.app-shell{display:grid;width:100%;height:100dvh;max-height:100dvh;min-height:100dvh;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));place-items:center;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),#17120f;background-size:14px 14px}.screen{position:relative;display:flex;width:min(calc(100vw - 16px),430px);height:min(calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),820px);max-height:100dvh;aspect-ratio:9 / 16;overflow:hidden;flex-direction:column;justify-content:space-between;border:8px solid #2a1f18;box-shadow:0 0 0 4px #0b0908,0 18px 38px #0000008c;image-rendering:pixelated}.screen-scroll{position:relative;z-index:20;width:100%;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.screen-panel{position:relative;z-index:20}.compact-actions{display:grid;gap:8px}.safe-bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.screen-scroll::-webkit-scrollbar{width:6px}.screen-scroll::-webkit-scrollbar-thumb{background:#fff0bb73;border:2px solid rgba(45,29,19,.7)}.scene-background{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;image-rendering:pixelated}.scene-overlay{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,#130d0a2e,#130d0aad),#130d0a24}.scene-decor,.menu-decor,.stats-decor,.result-decor{position:absolute;z-index:2;pointer-events:none;image-rendering:pixelated}.menu-screen,.result-screen,.shop-screen,.board-screen{align-items:center;padding:46px 22px 34px;background:linear-gradient(#1e150e1f,#1e150ebd),image-set(url(/assets/backgrounds/courtyard_sunset.webp) type("image/webp"),url(/assets/backgrounds/courtyard_sunset.png) type("image/png")) center / cover,#5d4634}.sound-toggle{position:absolute;z-index:22;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:86px;min-height:34px;padding:6px 8px;color:#fff6c8;font-size:11px;font-weight:900;text-transform:uppercase;cursor:pointer;text-shadow:1px 1px #160d09;background:linear-gradient(180deg,#7d4b2f,#4b2a1e);border:3px solid #130d0a;box-shadow:inset 0 0 0 2px #ffe69b38,0 4px #160d09}.sound-toggle .ui-icon{width:20px;height:20px}.sound-toggle span{position:relative;z-index:1}.sound-toggle--on{background:linear-gradient(180deg,#3c9b5d,#22603b)}.sound-toggle:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px #ffe69b38,0 1px #160d09}.sign-board{position:relative;z-index:20;width:100%;padding:22px 16px;margin-top:18px;color:#2c190f;text-align:center;text-shadow:1px 1px #fff0bb;background:#d4b46f;border:5px solid #39261b;box-shadow:inset 0 0 0 4px #f4d98c,0 8px #17100c}.sign-board__small{display:block;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(38px,13vw,64px);line-height:.95;letter-spacing:0;text-transform:uppercase}.record-line{margin:12px 0 0;font-size:18px;font-weight:700}.menu-actions{position:relative;z-index:20;display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.primary-button,.secondary-button{width:100%;min-height:52px;color:#fff6c8;font-size:24px;font-weight:900;text-transform:uppercase;cursor:pointer;border:4px solid #1c130f;box-shadow:0 7px #160d09}.menu-actions .primary-button{grid-column:1 / -1}.menu-actions .secondary-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:16px}.menu-actions .secondary-button .ui-icon{width:26px;height:26px}.error-screen{align-items:center;justify-content:center;gap:18px;padding:24px;background:linear-gradient(#1e150e2e,#1e150ec7),image-set(url(/assets/backgrounds/entrance_background.webp) type("image/webp"),url(/assets/backgrounds/entrance_background.png) type("image/png")) center / cover,#5d4634}.daily-board{position:relative;z-index:20;width:100%;padding:10px;color:#2c190f;text-align:center;text-shadow:1px 1px #fff0bb;background:#f4d98cf0;border:4px solid #39261b;box-shadow:inset 0 0 0 2px #ffffff2e,0 5px #17100c}.daily-board span,.daily-board strong{display:block;font-weight:900;text-transform:uppercase}.daily-board span{font-size:12px}.daily-board strong{margin-top:4px;font-size:14px}.daily-board button{width:100%;min-height:36px;margin-top:8px;color:#fff6c8;font-size:14px;font-weight:900;text-shadow:2px 2px #4a140f;cursor:pointer;background:linear-gradient(180deg,#3c9b5d,#22603b);border:3px solid #100c0a;box-shadow:0 4px #160d09}.daily-board button:disabled{color:#4b2a1e;cursor:default;text-shadow:1px 1px #ffe79e;background:#c79243}.menu-background{filter:brightness(.74) saturate(.92)}.menu-decor--mailboxes{left:-9%;bottom:12%;width:38%;opacity:.26}.menu-decor--bulletin{right:-8%;top:15%;width:36%;opacity:.22;transform:rotate(3deg)}.menu-screen .daily-board{background:linear-gradient(180deg,#ffeea6f0,#cd9a4df0),#d4b46f}.primary-button{background:#a4291e}.secondary-button{color:#331d13;background:#deb565}.primary-button:active,.secondary-button:active{transform:translateY(5px);box-shadow:0 2px #160d09}.game-screen{gap:0;padding:8px;background:#2a1f18}.yard{position:relative;height:83%;min-height:0;overflow:hidden;border:4px solid #100c0a;background:#594735;isolation:isolate}.yard .sound-toggle{top:calc(16% + 48px);right:9px;min-width:72px;min-height:28px;padding:4px 6px;font-size:9px;opacity:.92}.zek-button{position:absolute;z-index:9;right:10px;bottom:6%;min-width:66px;min-height:38px;color:#fff6c8;font-size:16px;font-weight:900;text-shadow:2px 2px #160d09;cursor:pointer;background:linear-gradient(180deg,#5f8d55,#2d5637);border:4px solid #100c0a;box-shadow:inset 0 0 0 2px #ffe69b3d,0 5px #160d09}.zek-button:disabled{cursor:default;filter:grayscale(.8) brightness(.62)}.yard--shake{animation:screen-shake .26s steps(2,end)}.yard--shake-weak{animation-duration:.18s}.yard--shake-normal{animation-duration:.26s}.yard--shake-strong{animation-name:screen-shake-strong;animation-duration:.34s}.yard--shake-ultra{animation-name:screen-shake-ultra;animation-duration:.42s}.yard__background,.yard__fallback-bg{position:absolute;inset:0;width:100%;height:100%}.yard__background{z-index:0;object-fit:cover}.yard:before{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,#0a07066b 0 16%,#0a070621 16% 58%,#0a07060d 58% 82%,#0a07063d 82% 100%),radial-gradient(circle at 34% 66%,rgba(255,234,147,.14),transparent 30%),#120c091a}.yard:after{position:absolute;z-index:1;inset:16% 0 18%;content:"";pointer-events:none;border-top:2px solid rgba(247,220,144,.18);border-bottom:2px solid rgba(247,220,144,.12);box-shadow:inset 0 8px #00000012,inset 0 -8px #00000014}.yard__fallback-bg{z-index:0;background:linear-gradient(180deg,#6d5145 0 38%,#7d6a45 38% 100%),#6a573a}.scene-decor--clothesline{top:17%;right:-6%;width:42%;opacity:.35}.scene-decor--streetlamp{right:-9%;bottom:22%;width:30%;opacity:.4}.scene-decor--bench{left:-5%;bottom:10%;width:34%;opacity:.42}.game-decor--minimal .scene-decor{display:none}.hud{position:absolute;z-index:20;top:7px;left:7px;right:7px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.hud__item{min-height:44px;padding:6px 8px;color:#2f1c11;background:linear-gradient(180deg,#f0cd7d,#c79243);border:3px solid #2d1d13;box-shadow:inset 0 0 0 2px #ffe79e,0 3px #160d09}.hud__item span{display:block;margin-bottom:1px;font-size:11px;font-weight:900;text-transform:uppercase}.hud__item strong{display:block;font-size:25px;line-height:1;text-shadow:1px 1px #ffe79e}.hud__item em{display:block;margin-top:2px;font-size:8px;font-style:normal;font-weight:900;line-height:1;text-transform:uppercase}.hud__item--wide{grid-column:1 / -1;min-height:40px}.hud__noise-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.hud__noise-title small{padding:2px 5px;color:#fff0bb;font-size:9px;font-weight:900;text-transform:uppercase;text-shadow:1px 1px #160d09;background:#5e3624;border:2px solid #2d1d13}.noise-meter{height:16px;padding:2px;background:#372116;border:2px solid #160d09}.noise-meter i,.shout-power i{display:block;height:100%}.noise-meter i{background:linear-gradient(90deg,#4fb564,#d7bb42 55%,#d03528)}.noise-meter--danger{border-color:#d03528;animation:noise-danger .52s steps(2,end) infinite}.hud__shout-title{margin-top:5px}.shout-power{height:14px;padding:2px;background:#26180f;border:2px solid #160d09}.shout-power--weak i{background:linear-gradient(90deg,#7d6b58,#bda56b)}.shout-power--normal i{background:linear-gradient(90deg,#d2b542,#f1d66f)}.shout-power--strong i{background:linear-gradient(90deg,#ef8d32,#ffe16b)}.shout-power--ultra{border-color:#fff0bb;box-shadow:0 0 9px #ffe1698c}.shout-power--ultra i{background:linear-gradient(90deg,#f7e35f,#ff7b31 45%,#f03b2f)}.shout-power--ready{animation:ultra-ready-pulse .36s steps(2,end) infinite}.ultra-countdown{margin-top:4px;color:#fff6c8;font-size:12px;font-weight:900;text-align:center;text-shadow:2px 2px #4a140f;background:#b92b20;border:2px solid #100c0a}.grandpa{position:absolute;z-index:8;left:12%;bottom:12%;width:38%;pointer-events:none;transform:translate(0);transition:transform .12s steps(2,end);filter:drop-shadow(5px 7px 0 rgba(18,10,8,.72)) drop-shadow(0 0 5px rgba(255,230,150,.18))}.grandpa--shouting{animation:grandpa-shout .26s steps(2,end)}.grandpa img,.enemy img{display:block;width:100%;height:auto;image-rendering:pixelated}.image-fallback{display:none}.grandpa .image-fallback,.enemy .image-fallback{display:grid;min-height:64px;padding:8px;place-items:center;color:#fff6c8;font-size:12px;font-weight:900;text-align:center;background:#98382c;border:3px solid #20120d}.grandpa img+.image-fallback,.enemy img+.image-fallback{display:none}.enemy{position:absolute;z-index:7;min-width:76px;max-width:118px;pointer-events:none;filter:drop-shadow(5px 6px 0 rgba(16,9,7,.92)) drop-shadow(-2px 0 0 rgba(255,240,187,.34)) drop-shadow(2px 0 0 rgba(60,24,15,.55)) drop-shadow(0 0 7px rgba(255,234,170,.34));animation:enemy-pop-in .18s steps(3,end);transform-origin:center bottom}.enemy--pigeons{z-index:8}.enemy--far{z-index:5;filter:brightness(.82) saturate(.96) drop-shadow(4px 5px 0 rgba(16,9,7,.9)) drop-shadow(-1px 0 0 rgba(255,240,187,.22))}.enemy--middle{z-index:7}.enemy--near{z-index:9;filter:brightness(1.14) saturate(1.14) drop-shadow(6px 7px 0 rgba(16,9,7,.94)) drop-shadow(-2px 0 0 rgba(255,240,187,.44)) drop-shadow(2px 0 0 rgba(60,24,15,.62)) drop-shadow(0 0 9px rgba(255,234,170,.38))}.enemy--hit{animation:enemy-hit .26s steps(3,end)}.enemy--defeated{animation:enemy-defeated .26s steps(4,end) forwards}.enemy-walk.enemy--active{animation:enemy-walk 1.8s steps(5,end) infinite}.enemy-drill.enemy--active img,.enemy-noise-source.enemy--active img{animation:enemy-drill .52s steps(3,end) infinite}.enemy-flock.enemy--entering,.enemy-flock.enemy--active{animation:enemy-flock .9s steps(5,end) infinite}.enemy-burst.enemy--entering{animation:enemy-burst .18s steps(3,end)}.enemy-burst.enemy--active{filter:brightness(1.18) saturate(1.18) drop-shadow(6px 7px 0 rgba(16,9,7,.94)) drop-shadow(0 0 10px rgba(255,120,70,.45))}.enemy-hp{position:absolute;z-index:2;left:50%;bottom:-8px;min-width:32px;padding:2px 4px;color:#fff6c8;font-size:10px;font-weight:900;line-height:1;text-align:center;text-shadow:1px 1px #160d09;background:#6b2019;border:2px solid #100c0a;transform:translate(-50%)}.enemy-flock-copy{position:absolute;z-index:-1;top:35%;width:24%;aspect-ratio:1;pointer-events:none;background:#2d1f1ac2;border:2px solid rgba(255,240,187,.4);border-radius:50%;box-shadow:0 3px #100907b8}.enemy-flock-copy--left{left:4%;transform:translate(-50%,-50%) scale(.8)}.enemy-flock-copy--right{right:2%;transform:translate(50%,-30%) scale(.66)}.shout-wave{position:absolute;z-index:6;left:35%;top:67%;width:98%;aspect-ratio:1;border:5px solid rgba(255,246,198,0);border-radius:50%;transform:translate(-50%,-50%) scale(.15);pointer-events:none}.shout-wave--active{animation:shout-wave .26s steps(4,end)}.floating-score{position:absolute;z-index:21;color:#ffe76c;font-size:24px;font-weight:900;text-shadow:3px 3px #5d160f,-2px 0 #2a120c,0 -2px #2a120c;pointer-events:none;transform:translate(-50%,-50%);animation:floating-score .82s steps(6,end) forwards}.floating-score--damage{color:#ffad65;font-size:20px;text-shadow:3px 3px #4a140f,-2px 0 #20120d,0 -2px #20120d}.floating-score--message{width:max-content;max-width:78%;color:#fff6c8;font-size:18px;text-align:center;text-shadow:3px 3px #4a140f,-2px 0 #20120d,0 -2px #20120d}.heart-penalty-banner{position:absolute;z-index:24;left:50%;bottom:23%;padding:8px 10px;color:#fff6c8;font-size:16px;font-weight:900;text-shadow:2px 2px #4a140f;background:#7b2420;border:4px solid #100c0a;box-shadow:0 5px #160d09;transform:translate(-50%);animation:button-empty-hit .52s steps(4,end)}.shout-button{position:relative;display:flex;height:17%;min-height:88px;margin-top:8px;overflow:hidden;align-items:center;justify-content:center;padding:0 18px;color:#fff6c8;font-size:clamp(29px,9vw,42px);font-weight:900;line-height:1;letter-spacing:2px;text-shadow:4px 4px 0 #4a140f,0 0 10px rgba(255,246,198,.36);cursor:pointer;background:linear-gradient(180deg,#ff6045,#dc3325 42%,#a91f1b 72%,#711411);border:6px solid #100c0a;border-radius:8px;box-shadow:inset 0 5px #ffe29557,inset 0 0 0 3px #ffe18238,inset 0 -12px #4608084d,0 8px #160d09,0 0 14px #e4332457;transition:filter .12s steps(2,end),box-shadow 90ms steps(2,end),transform 90ms steps(2,end)}.shout-button span{position:relative;z-index:1;display:block;transform:translateY(1px);pointer-events:none}.shout-button--strong{box-shadow:inset 0 5px #ffe29561,inset 0 0 0 3px #ffe18247,inset 0 -12px #4608084d,0 8px #160d09,0 0 20px #ff9f2e70}.shout-button--ultra{color:#fff8d9;background:linear-gradient(180deg,#ffdf65,#ff6b31 32%,#dc3325,#711411);box-shadow:inset 0 5px #ffffd275,inset 0 0 0 3px #ffe18252,inset 0 -12px #4608084d,0 8px #160d09,0 0 24px #ffd54c9e}.shout-button--ultra-ready{animation:ultra-ready-pulse .36s steps(2,end) infinite}.shout-button--disabled{cursor:default;filter:grayscale(.35) brightness(.58)}@media(hover:hover){.shout-button:hover:not(.shout-button--cooldown){filter:brightness(1.08) saturate(1.08);box-shadow:inset 0 5px #ffe29566,inset 0 0 0 3px #ffe18242,inset 0 -12px #46080847,0 8px #160d09,0 0 18px #ff463075}}.shout-button:active{transform:translateY(5px) scale(.99);box-shadow:inset 0 4px #ffe2953d,inset 0 0 0 3px #ffe18229,inset 0 -8px #46080852,0 3px #160d09,0 0 8px #e4332447}.shout-button--cooldown{cursor:default;filter:brightness(.66) saturate(.82);box-shadow:inset 0 4px #ffe29526,inset 0 0 0 3px #ffe1821f,inset 0 -10px #3207075c,0 5px #160d09;animation:button-press .3s steps(3,end)}.shout-button--empty-hit{animation:button-empty-hit .24s steps(3,end)}.result-board{position:relative;z-index:20;width:100%;padding:14px 12px;margin-top:0;color:#2c190f;text-align:center;text-shadow:1px 1px #fff0bb;background:linear-gradient(180deg,#ffeea6eb,#c69446f2),#d4b46f;border:5px solid #39261b;box-shadow:inset 0 0 0 4px #f4d98c,inset 0 -10px #522d162e,0 8px #17100c}.result-board h1{font-size:clamp(26px,8vw,38px)}.new-record-badge{display:inline-block;padding:5px 8px;margin-top:10px;color:#fff6c8;font-size:12px;font-weight:900;text-shadow:2px 2px #5d160f;text-transform:uppercase;background:#b92b20;border:3px solid #2d1d13;box-shadow:0 3px #160d09}.result-stats{display:grid;gap:6px;margin-top:12px}.result-stats div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;background:#fff0bb8c;border:3px solid #5e3624;box-shadow:inset 0 0 0 2px #ffffff2e}.result-stats span{font-size:11px;font-weight:900;text-transform:uppercase}.result-stats strong{font-size:22px;line-height:1}.result-phrase{margin:10px 0 0;padding:7px;color:#fff6c8;font-size:14px;font-weight:900;text-shadow:2px 2px #160d09;background:#4b2a1e;border:3px solid #2d1d13}.result-actions{position:relative;z-index:20;display:grid;width:100%}.result-actions .primary-button,.result-actions .secondary-button{min-height:46px;font-size:19px}.result-scroll{display:grid;align-content:start;gap:10px}.share-fallback{position:relative;z-index:20;width:100%;max-height:96px;overflow-y:auto;padding:7px;color:#2c190f;text-align:center;text-shadow:1px 1px #fff0bb;background:#f4d98cf5;border:4px solid #39261b;box-shadow:0 4px #17100c}.share-fallback strong{display:block;font-size:12px;text-transform:uppercase}.share-fallback p{margin:6px 0 0;font-size:12px;font-weight:900;overflow-wrap:anywhere}.shop-screen{gap:12px;padding:18px 14px;justify-content:start}.shop-background{filter:saturate(1) brightness(.88)}.shop-overlay{background:linear-gradient(180deg,#130d0a2e,#130d0aa3),#130d0a1a}.board-screen{gap:12px;padding:22px 14px 18px;justify-content:start}.shop-header,.shop-list,.board-list,.stats-list,.shop-back-button,.dev-reset-button{position:relative;z-index:20}.shop-header{width:100%;padding:8px 12px;color:#2c190f;text-align:center;text-shadow:1px 1px #fff0bb;background:linear-gradient(180deg,#f0cd7d,#c79243);border:5px solid #39261b;box-shadow:inset 0 0 0 3px #f4d98c,0 6px #17100c}.shop-icon{display:block;width:32px;height:auto;margin:0 auto 4px;image-rendering:pixelated}.shop-header h1{font-size:clamp(30px,10vw,46px)}.shop-header p{margin:5px 0 0;font-size:14px;font-weight:900}.shop-list,.board-list{display:grid;width:100%;max-height:62%;gap:8px;overflow:auto;padding-right:2px}.shop-card{display:grid;grid-template-columns:1fr;gap:8px;padding:8px;color:#2c190f;background:#f4d98cd6;border:4px solid #39261b;box-shadow:inset 0 0 0 2px #fff3,0 4px #17100c}.shop-card:before{display:block;width:100%;height:5px;content:"";background:repeating-linear-gradient(90deg,#8e1b16 0 14px,#f4d98c 14px 28px);border:2px solid #39261b}.board-background{inset:3%;width:94%;height:90%;object-fit:contain;opacity:.42;filter:saturate(.9) brightness(.7)}.board-overlay{background:linear-gradient(180deg,#130d0a52,#130d0ab3),#130d0a2e}.stats-background{filter:brightness(.58) saturate(.82)}.stats-decor--mailboxes{right:-5%;bottom:8%;width:30%;opacity:.18}.result-decor--bulletin{right:-9%;top:16%;width:34%;opacity:.14;transform:rotate(4deg)}.shop-card--feedback{animation:button-empty-hit .26s steps(3,end)}.shop-card h2{margin:0;font-size:16px;line-height:1;text-transform:uppercase}.shop-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.shop-card__title-row span{padding:3px 5px;color:#fff6c8;font-size:11px;font-weight:900;text-shadow:1px 1px #160d09;text-transform:uppercase;background:#5e3624;border:2px solid #2d1d13}.shop-card p{margin:6px 0;font-size:12px;font-weight:900;line-height:1.25}.shop-card strong{font-size:13px;text-transform:uppercase}.shop-level-progress{height:12px;padding:2px;margin:5px 0;background:#372116;border:2px solid #160d09}.shop-level-progress i{display:block;height:100%;background:linear-gradient(90deg,#4fb564,#d7bb42)}.shop-card button{min-height:34px;color:#fff6c8;font-size:13px;font-weight:900;text-shadow:2px 2px #4a140f;cursor:pointer;background:linear-gradient(180deg,#e0432d,#8e1b16);border:3px solid #100c0a;box-shadow:0 4px #160d09}.shop-card button:disabled{color:#4b2a1e;cursor:default;text-shadow:1px 1px #ffe79e;background:#c79243}.shop-list::-webkit-scrollbar,.board-list::-webkit-scrollbar,.stats-list::-webkit-scrollbar{width:6px}.shop-list::-webkit-scrollbar-thumb,.board-list::-webkit-scrollbar-thumb,.stats-list::-webkit-scrollbar-thumb{background:#fff0bb73;border:2px solid rgba(45,29,19,.7)}.shop-back-button{margin-top:auto;min-height:52px}.dev-reset-button{width:100%;min-height:42px;color:#fff6c8;font-size:14px;font-weight:900;text-transform:uppercase;cursor:pointer;text-shadow:2px 2px #4a140f;background:#7b2420;border:3px solid #100c0a;box-shadow:0 4px #160d09}.board-list{max-height:68%}.board-card,.stats-list div{padding:10px;color:#2c190f;background:#f4d98ceb;border:4px solid #39261b;box-shadow:inset 0 0 0 2px #ffffff2e,0 4px #17100c}.board-card{display:grid;gap:8px;transform:rotate(-.6deg);border-color:#6c4529}.board-card--open{background:#d3ba5df5;border-color:#f4d98c;box-shadow:inset 0 0 0 2px #ffffff2e,0 4px #17100c,0 0 12px #ffe76c40}.board-card:not(.board-card--open){opacity:.72;filter:grayscale(.38)}.board-card h2{margin:0;font-size:16px;text-transform:uppercase}.board-card p{margin:5px 0 0;font-size:13px;font-weight:900}.board-card strong{color:#fff6c8;font-size:12px;text-shadow:2px 2px #160d09;text-transform:uppercase;background:#5e3624;border:3px solid #2d1d13;padding:5px;text-align:center}.achievement-group-card{gap:10px}.achievement-group-card__head{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}.achievement-tier-row{display:flex;flex-wrap:wrap;gap:4px;justify-content:end}.achievement-tier{min-width:24px;padding:3px 4px;color:#5e3624;font-size:11px;font-weight:900;text-align:center;text-shadow:1px 1px #ffe79e;background:#76512e3d;border:2px solid #6c4529}.achievement-tier--open{color:#fff6c8;text-shadow:1px 1px #160d09;background:#3c9b5d;border-color:#1d5032}.achievement-progress{display:grid;gap:5px;padding:6px;background:#5e36242e;border:3px solid rgba(94,54,36,.7)}.achievement-progress div{display:flex;justify-content:space-between;gap:8px}.achievement-progress span,.achievement-progress strong{font-size:11px;font-weight:900;text-transform:uppercase}.achievement-progress strong{color:#2c190f;text-shadow:1px 1px #fff0bb;background:transparent;border:0;padding:0}.achievement-progress:before{display:block;height:11px;padding:2px;content:"";background:#372116;border:2px solid #160d09}.achievement-progress i{display:block;height:7px;margin-top:-18px;margin-left:4px;background:linear-gradient(90deg,#4fb564,#d7bb42)}.stats-list{display:grid;width:100%;max-height:68%;gap:8px;overflow:auto;padding-right:2px}.stats-list div{display:flex;align-items:center;justify-content:space-between;gap:10px}.stats-list span{font-size:13px;font-weight:900;text-transform:uppercase}.stats-list strong{font-size:22px}.settings-screen,.profile-screen{gap:12px;padding:18px 14px;justify-content:start;background:linear-gradient(#1e150e33,#1e150ec7),image-set(url(/assets/backgrounds/entrance_background.webp) type("image/webp"),url(/assets/backgrounds/entrance_background.png) type("image/png")) center / cover,#5d4634}.result-screen,.profile-screen{align-items:stretch;padding:0}.settings-screen:before,.profile-screen:before{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:#120c092e}.settings-screen>:not(.scene-background):not(.scene-overlay):not(.stats-decor),.profile-scroll{position:relative;z-index:20}.profile-screen .scene-overlay{background:linear-gradient(180deg,#0d09077a,#0d0907b8),#0d090738}.profile-screen .stats-decor--mailboxes{z-index:2;opacity:.28}.profile-scroll{display:grid;align-content:start;gap:10px}.settings-list{display:grid;width:100%;max-height:68%;gap:10px;overflow:auto;padding-right:2px}.settings-section{display:grid;gap:8px;padding:10px;color:#2c190f;text-shadow:1px 1px #fff0bb;background:#f4d98ceb;border:4px solid #39261b;box-shadow:inset 0 0 0 2px #ffffff2e,0 4px #17100c}.settings-section h2,.leaderboard-card h2{margin:0;font-size:15px;line-height:1;text-transform:uppercase}.settings-section button,.segmented-control button{min-height:36px;color:#fff6c8;font-size:12px;font-weight:900;text-transform:uppercase;cursor:pointer;text-shadow:2px 2px #4a140f;background:linear-gradient(180deg,#7d4b2f,#4b2a1e);border:3px solid #100c0a;box-shadow:0 4px #160d09}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.segmented-control button.is-active,.settings-section button.is-active{color:#2c190f;text-shadow:1px 1px #fff0bb;background:linear-gradient(180deg,#ffe79e,#c79243)}.settings-section .danger-button{background:linear-gradient(180deg,#b92b20,#7b2420)}.settings-range{display:grid;gap:5px;font-size:12px;font-weight:900;text-transform:uppercase}.settings-range input{width:100%;accent-color:#a4291e}.settings-list::-webkit-scrollbar,.profile-screen::-webkit-scrollbar{width:6px}.settings-list::-webkit-scrollbar-thumb,.profile-screen::-webkit-scrollbar-thumb{background:#fff0bb73;border:2px solid rgba(45,29,19,.7)}.profile-header{display:grid;width:100%;grid-template-columns:76px 1fr;gap:12px;align-items:center;padding:12px;color:#2c190f;text-shadow:1px 1px #fff0bb;background:#f4d98ceb;border:5px solid #39261b;box-shadow:inset 0 0 0 3px #f4d98c,0 6px #17100c}.profile-topbar{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;min-height:42px;padding:6px 8px;color:#2c190f;text-shadow:1px 1px #fff0bb;background:#f4d98cf0;border:4px solid #39261b;box-shadow:inset 0 0 0 2px #ffffff2e,0 4px #17100c}.profile-topbar button{min-height:30px;padding:4px 7px;color:#fff6c8;font-size:11px;font-weight:900;text-transform:uppercase;cursor:pointer;text-shadow:2px 2px #4a140f;background:linear-gradient(180deg,#7d4b2f,#4b2a1e);border:3px solid #100c0a}.profile-topbar strong,.profile-topbar span{font-size:12px;font-weight:900;text-transform:uppercase}.profile-topbar strong{text-align:center}.profile-header h1{font-size:clamp(28px,9vw,42px)}.profile-header p{margin:5px 0 0;font-size:13px;font-weight:900;text-transform:uppercase}.profile-avatar{display:grid;width:66px;aspect-ratio:1;place-items:center;color:#fff6c8;font-size:34px;font-weight:900;text-shadow:3px 3px #4a140f;background:radial-gradient(circle at 34% 28%,#e0b86b,#8e3a24 72%);border:5px solid #20120d;border-radius:50%;box-shadow:inset 0 0 0 3px #ffe69b38,0 5px #160d09}.profile-avatar img{display:block;width:58%;max-width:42px;height:auto;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(2px 3px 0 rgba(42,18,12,.6))}.profile-avatar img+span{display:none}.profile-avatar span{line-height:1}.profile-grid{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.profile-grid div,.leaderboard-card{color:#2c190f;text-shadow:1px 1px #fff0bb;background:#f4d98ceb;border:4px solid #39261b;box-shadow:inset 0 0 0 2px #ffffff2e,0 4px #17100c}.profile-grid div{min-height:56px;padding:8px}.profile-grid span{display:block;font-size:10px;font-weight:900;text-transform:uppercase}.profile-grid strong{display:block;margin-top:4px;font-size:21px;line-height:1}.leaderboard-card{width:100%;padding:10px}.leaderboard-card ol{margin:8px 0 0;padding-left:22px}.leaderboard-card li{margin:4px 0;font-size:13px;font-weight:900}.profile-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}.profile-actions .secondary-button{min-height:44px;font-size:17px}.quality-low .screen{box-shadow:0 0 0 3px #0b0908,0 10px 20px #0000006b}.quality-low .enemy,.quality-low .grandpa,.quality-low .shout-button,.quality-low .shop-card,.quality-low .board-card,.quality-low .profile-grid div,.quality-low .leaderboard-card{filter:none;box-shadow:0 3px #160d09}.quality-high .enemy,.quality-high .grandpa{filter:drop-shadow(6px 7px 0 rgba(16,9,7,.94)) drop-shadow(0 0 10px rgba(255,234,170,.32))}.retro-off .app-shell{background:#17120f}.retro-off .yard:after{display:none}.retro-off .scene-overlay{background:#130d0a5c}.shake-off .yard--shake{animation:none}.animations-off *,.animations-off *:before,.animations-off *:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.achievement-toast{position:fixed;z-index:40;left:50%;top:22px;width:min(360px,calc(100vw - 28px));padding:12px;color:#fff6c8;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:900;text-align:center;text-shadow:2px 2px #160d09;text-transform:uppercase;background:linear-gradient(180deg,#3c9b5d,#22603b);border:4px solid #100c0a;box-shadow:inset 0 0 0 2px #ffe69b3d,0 6px #160d09;transform:translate(-50%);animation:achievement-toast 2.6s steps(5,end) forwards}.onboarding-backdrop{position:fixed;z-index:35;inset:0;display:grid;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));place-items:center;background:#0d0907b8}.onboarding-card{width:min(390px,100%);padding:18px;color:#2c190f;text-align:left;text-shadow:1px 1px #fff0bb;background:linear-gradient(180deg,#ffeea6f5,#c69446fa),#d4b46f;border:5px solid #39261b;box-shadow:inset 0 0 0 4px #f4d98c,0 8px #17100c}.onboarding-card h1{font-size:clamp(28px,9vw,40px);text-align:center}.onboarding-card ol{margin:16px 0;padding-left:22px}.onboarding-card li{margin:9px 0;font-size:14px;font-weight:900;line-height:1.25}@keyframes enemy-pop-in{0%{opacity:0;filter:drop-shadow(3px 4px 0 rgba(16,9,7,.82)) drop-shadow(0 0 10px rgba(255,234,170,.45))}to{opacity:1}}@keyframes enemy-defeated{0%{opacity:1}to{opacity:0;transform:translate(-50%,-75%) scale(calc(var(--enemy-scale, 1) * .72))}}@keyframes enemy-hit{0%,to{filter:drop-shadow(5px 6px 0 rgba(16,9,7,.92)) drop-shadow(-2px 0 0 rgba(255,240,187,.34)) drop-shadow(2px 0 0 rgba(60,24,15,.55)) drop-shadow(0 0 7px rgba(255,234,170,.34));transform:translate(-50%,-50%) scale(var(--enemy-scale, 1))}35%{filter:brightness(1.8) drop-shadow(5px 6px 0 rgba(16,9,7,.92)) drop-shadow(0 0 12px rgba(255,231,108,.85))}70%{transform:translate(calc(-50% + 4px),-50%) scale(var(--enemy-scale, 1))}}@keyframes enemy-walk{0%,to{transform:translate(-50%,-50%) scale(var(--enemy-scale, 1))}35%{transform:translate(calc(-50% + 5px),calc(-50% - 2px)) scale(var(--enemy-scale, 1))}70%{transform:translate(calc(-50% - 4px),calc(-50% + 2px)) scale(var(--enemy-scale, 1))}}@keyframes enemy-drill{0%,to{transform:translate(0) rotate(0);filter:saturate(1)}33%{transform:translate(-2px,1px) rotate(-1deg);filter:saturate(1.18)}66%{transform:translate(2px,-1px) rotate(1deg);filter:saturate(1.08)}}@keyframes enemy-flock{0%,to{transform:translate(-50%,-50%) scale(var(--enemy-scale, 1))}50%{transform:translate(-50%,calc(-50% - 8px)) scale(var(--enemy-scale, 1))}}@keyframes enemy-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(calc(var(--enemy-scale, 1) * .55));filter:brightness(2)}to{opacity:1;transform:translate(-50%,-50%) scale(var(--enemy-scale, 1))}}@keyframes shout-wave{0%{border-color:#fff6c6eb;box-shadow:0 0 #ffe25f8c;transform:translate(-50%,-50%) scale(.15)}to{border-color:#fff6c600;box-shadow:0 0 0 18px #ffe25f00;transform:translate(-50%,-50%) scale(1.04)}}@keyframes floating-score{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-170%)}}@keyframes screen-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,-2px)}}@keyframes screen-shake-strong{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}45%{transform:translate(6px,-3px)}70%{transform:translate(-4px,-3px)}}@keyframes screen-shake-ultra{0%,to{transform:translate(0)}16%{transform:translate(-8px,4px)}34%{transform:translate(8px,-4px)}52%{transform:translate(-6px,-4px)}72%{transform:translate(5px,3px)}}@keyframes button-empty-hit{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes grandpa-shout{0%,to{transform:translate(0) scale(1)}35%{transform:translate(3px,-2px) scale(1.08)}70%{transform:translate(-2px,1px) scale(1.03)}}@keyframes button-press{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes noise-danger{0%,to{box-shadow:0 0 #d0352800}50%{box-shadow:0 0 12px #d03528e6}}@keyframes ultra-ready-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.32) saturate(1.22)}}@keyframes achievement-toast{0%{opacity:0;transform:translate(-50%,-12px)}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-12px)}}@media(max-height:760px){.screen-scroll{padding:9px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.result-scroll,.profile-scroll{gap:8px}.result-board{padding:10px}.result-board h1,.profile-header h1{font-size:26px}.result-stats{gap:5px;margin-top:8px}.result-stats div{padding:5px 7px}.result-stats strong{font-size:19px}.result-phrase{margin-top:7px;padding:6px;font-size:12px}.result-actions .primary-button,.result-actions .secondary-button,.profile-actions .secondary-button{min-height:40px;padding:7px 9px;font-size:15px}.share-fallback{max-height:76px;padding:6px}.profile-header{grid-template-columns:58px 1fr;gap:8px;padding:9px}.profile-avatar{width:52px;font-size:28px}.profile-grid{gap:6px}.profile-grid div{min-height:48px;padding:6px}.leaderboard-card{padding:8px}}@media(max-height:650px){.screen{height:calc(100vh - 12px)}.shout-button{min-height:72px}.menu-screen{padding-top:34px;padding-bottom:18px}.sign-board{padding:16px 12px}.primary-button,.secondary-button{min-height:42px;font-size:20px}.result-board{padding:12px 10px;margin-top:8px}.result-stats{gap:5px;margin-top:10px}.result-stats div{padding:5px 7px}.result-phrase{margin-top:8px;padding:7px}.grandpa{width:36%}}@media(max-width:420px){.app-shell{padding:6px}.screen{width:min(calc(100vw - 10px),430px);height:min(calc(100dvh - 10px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),820px);border-width:6px}.hud__item strong{font-size:18px}.result-actions{gap:6px}.share-fallback{padding:6px}}