.intro h1 em{color:#d67a37}.live-dot{background:#e6a44f}#lives{font:600 19px/1 Arial,sans-serif;letter-spacing:2px;color:#ce7583;white-space:nowrap}.smash-field{position:relative;height:440px;background:radial-gradient(ellipse at top,#fffdf7,#fff5e7 75%);overflow:hidden;user-select:none}.sky-note{position:absolute;top:14px;left:18px;right:18px;display:flex;justify-content:space-between;gap:10px;font-size:8px;font-weight:700;letter-spacing:1.2px;color:#ad825c;pointer-events:none;z-index:2}.sky-note span+span{color:#65957b}.lanes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.lane{position:relative;border:0;border-right:1px dashed #ddcbb677;background:transparent;padding:0;touch-action:manipulation;overflow:hidden;color:#203647;cursor:crosshair}.lane:last-child{border-right:0}.lane:disabled{opacity:1}.lane:enabled:hover{background:#ffffff38}.lane:focus-visible{outline:3px solid #238bd8;outline-offset:-4px;z-index:1}.lane .tooth-art{position:absolute;bottom:24px;left:50%;width:64px;height:74px;transform:translateX(-50%);filter:drop-shadow(0 4px 2px #34637313)}.lane-key{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);border:1px solid #cbbba7;border-radius:4px;background:#fffdf7;color:#8f775b;font:10px monospace;width:18px;height:17px;line-height:16px}.food{position:absolute;left:50%;top:0;width:76px;height:76px;transform:translate(-50%,-100px);pointer-events:none;filter:drop-shadow(0 5px 3px #63544818)}.food svg{width:100%;height:100%}.food[hidden]{display:none}.danger-line{position:absolute;bottom:101px;left:10px;right:10px;border-top:1px dashed #d5a48088;text-align:center;pointer-events:none}.danger-line span{position:relative;top:-6px;background:#fff5e7;padding:0 10px;color:#b99270;font-size:7px;letter-spacing:1.6px}.smash-field .overlay{background:#fff8ecee;backdrop-filter:blur(3px)}.smash-badge{width:52px;height:52px;border:1px solid #ecd4b4;background:#fff9ec;color:#d89b42;display:grid;place-items:center;font-size:34px;margin:0 auto 18px;border-radius:17px}.smash-field .welcome .eyebrow{color:#a36e34}.smash-footer{display:flex;align-items:center;gap:18px;padding:16px 22px;background:white}.footer-label{display:block;font-size:8px;letter-spacing:1px;color:#667c88;margin-bottom:5px}.smash-footer strong{font-size:12px}.smash-footer>div{min-width:115px}.smash-footer p{flex:1;margin:0;font-size:11px;color:#507c72;text-align:center}.smash-footer button{border:1px solid #d7e6ec;border-radius:6px;background:white;color:#186197;padding:10px 15px;font-size:10px;min-height:40px}.pop{position:absolute;left:50%;top:0;font-size:16px;font-weight:bold;color:#267f69;pointer-events:none;white-space:nowrap;text-shadow:0 2px white;z-index:3}.pop.bad{color:#b25865}.lane.hit{background:#f5d5d566}.lane.good .tooth-art{filter:drop-shadow(0 0 8px #8dceae)}@media(max-width:650px){.smash-field{height:390px}.sky-note{font-size:6px;letter-spacing:.6px;left:10px;right:10px}.food{width:58px;height:58px}.lane .tooth-art{width:49px;height:59px;bottom:23px}.danger-line{bottom:84px}.smash-footer{padding:13px 12px;gap:8px;flex-wrap:wrap}.smash-footer>div{min-width:105px}.smash-footer p{order:3;flex-basis:100%;font-size:10px;text-align:left;min-height:14px}.smash-footer button{margin-left:auto}.smash-footer strong{font-size:11px}#lives{font-size:18px;letter-spacing:1px}.smash-field .welcome h2{font-size:29px}.smash-field .welcome>p:not(.eyebrow){font-size:11px}.smash-field .welcome .eyebrow{font-size:7px}}