body{background:var(--page-bg,#111310)}.game-panel,.setup,.mode-card{background:var(--panel-bg,#191d16)}.community-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 0;border-bottom:1px solid #39422e}.community-bar button,.community-bar select,.online-dialog button,#racePanel button{border:1px solid #526046;border-radius:7px;background:var(--panel-bg,#191d16);color:var(--text);padding:10px 14px;font:14px var(--mono);cursor:pointer}.community-bar label{font-size:14px}.community-bar button:hover,.online-dialog button:hover{border-color:var(--green)}#communityStatus{font-size:13px;color:var(--muted);line-height:1.5}.online-dialog{width:min(640px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:26px;background:var(--panel-bg,#191d16);color:var(--text);border:1px solid #526046;border-radius:12px}.online-dialog::backdrop{background:#000b}.online-dialog label{display:block;margin:14px 0;font-size:14px}.online-dialog input:not([type=checkbox]),.online-dialog textarea,.online-dialog select{box-sizing:border-box;width:100%;padding:12px;margin-top:6px;border:1px solid #526046;border-radius:6px;background:#111310;color:#eef2e5;font:16px var(--mono)}.online-dialog p{line-height:1.6}.online-dialog button:disabled{opacity:.5;cursor:default}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top h2{margin:0;font-size:24px}#recoveryCode{display:block;overflow-wrap:anywhere;user-select:all;border:1px solid var(--green);padding:14px;font-size:16px}#shopItems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#shopItems article{padding:16px;border:1px solid #39422e;border-radius:8px}#shopItems h3{font-size:16px}#shopItems p{font-size:14px;color:var(--muted)}#roomList{display:grid;gap:10px;margin:16px 0}#racePanel{padding:24px;margin:24px 0;border:1px solid var(--green);border-radius:12px}#racePanel p{line-height:1.6}#raceText{font:22px/1.8 var(--mono);white-space:pre-wrap;max-height:230px;overflow:auto}#raceInput{box-sizing:border-box;width:100%;font:20px var(--mono);padding:16px;background:transparent;color:var(--text);border:1px solid #526046;border-radius:8px}#roomCode{overflow-wrap:anywhere}.hands-stage{height:110px;display:flex;justify-content:center;gap:2px;pointer-events:none;overflow:hidden}.typing-hand{width:150px;height:110px;background-image:url('hands.png');background-size:200% auto;background-repeat:no-repeat;background-position:left center;transform-origin:center bottom}.typing-hand.right{background-position:right center}.typing-hand.tap{animation:hand-tap .16s ease-out}.key.pressed{background:var(--green);color:#111310}[data-effect=glow] .key.pressed{box-shadow:0 0 18px var(--green)}[data-hands=violet] .typing-hand{filter:hue-rotate(225deg)}[data-hands=ice] .typing-hand{filter:hue-rotate(155deg) saturate(.7)}@keyframes hand-tap{50%{transform:translateY(9px) rotate(-3deg)}}@media(prefers-reduced-motion:reduce){.typing-hand.tap{animation:none}}@media(max-width:600px){#shopItems{grid-template-columns:1fr}.community-bar{gap:8px}.community-bar button{padding:9px}.online-dialog{padding:18px}.hands-stage{height:90px}}
.hands-stage{height:150px}.typing-hand{width:75px;height:150px;background-size:200% 100%}