:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#3f2a1d;background:#f5d46f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}button,input{font:inherit}.app-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.home-panel{width:min(100%,430px);padding:24px;border:4px solid #6f4423;border-radius:8px;background:#fff6d4;box-shadow:0 18px #6f44232e}.eyebrow{margin:0 0 8px;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase;color:#287460}h1{margin:0 0 18px;font-size:2rem;line-height:1.05}.primary-button{width:100%;min-height:52px;border:3px solid #6f4423;border-radius:8px;background:#ffca58;color:#3f2a1d;font-weight:900}.menu-panel{display:grid;gap:16px}.menu-panel h1{margin-bottom:2px}.menu-actions{display:grid;gap:10px}.secondary-button{width:100%;min-height:50px;border:3px solid #6f4423;border-radius:8px;background:#fffaf0;color:#3f2a1d;font-weight:850}.primary-button:active,.secondary-button:active,.tap-zone:active{transform:translateY(2px)}.text-input{width:100%;min-height:48px;border:3px solid #6f4423;border-radius:8px;padding:0 12px;background:#fffaf0;color:#3f2a1d;font-weight:800;text-transform:uppercase}.field-label{display:block;margin:0 0 4px;font-size:.72rem;font-weight:850;letter-spacing:0;text-transform:uppercase;color:#287460}.status-line,.score-line,.player-score-line{margin:0;line-height:1.4;font-weight:750}.score-line{font-size:1.18rem}.player-score-line{font-size:1.02rem;color:#287460}.game-shell{min-height:100vh;min-height:100dvh;position:relative;display:grid;height:100vh;height:100dvh;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff6d4eb,#f5d46f85 34%),#8f5a2e}.game-root{min-height:0;border:4px solid #6f4423;border-radius:8px;background:linear-gradient(180deg,#9f6835,#55331f);box-shadow:inset 0 0 0 3px #fff6d433;overflow:hidden}.hud-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:7px;border:3px solid #6f4423;border-radius:8px;background:#fff6d4;box-shadow:0 8px #3f2a1d24}.score-pop-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.score-pop{position:absolute;top:24%;min-width:84px;padding:6px 10px;border:3px solid #6f4423;border-radius:8px;background:#fff6d4;color:#3f2a1d;font-size:1.05rem;font-weight:950;text-align:center;box-shadow:0 6px #3f2a1d2e;animation:score-pop-rise .9s ease-out forwards}.score-pop-positive{background:#fff6d4;color:#3f2a1d}.score-pop-negative{background:#ffe1d6;color:#7a251b}.score-pop-big{min-width:112px;border-color:#ffca58;font-size:1.25rem;box-shadow:0 8px #3f2a1d2e,0 0 22px #ffca58b8}.score-pop-p1{left:18%}.score-pop-p2{right:18%}.score-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffca58;box-shadow:0 0 10px #ffca58e6;animation:score-spark-burst .72s ease-out forwards}.score-spark-1{left:-10px;top:-6px}.score-spark-2{right:-8px;top:2px;animation-delay:60ms}.score-spark-3{left:14px;bottom:-9px;animation-delay:90ms}.score-spark-4{right:18px;bottom:-10px;animation-delay:.13s}@keyframes score-pop-rise{0%{opacity:0;transform:translateY(14px) scale(.88)}18%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-46px) scale(1.05)}}@keyframes score-spark-burst{0%{opacity:0;transform:scale(.3)}22%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-18px) scale(.2)}}.hud-strip>div{min-width:0}.hud-strip strong{display:block;overflow-wrap:anywhere;font-size:.82rem;line-height:1.1}.touch-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tap-zone{width:100%;min-height:52px;border:4px solid #6f4423;border-radius:8px;background:#ffca58;color:#3f2a1d;font-weight:950;font-size:1rem;box-shadow:0 6px #3f2a1d33}.touch-controls .tap-zone:nth-child(3){grid-column:auto}@media (max-width: 360px){.hud-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.field-label{font-size:.62rem}.hud-strip strong{font-size:.72rem}.tap-zone{min-height:50px;font-size:.95rem}}