.npc-bubble{position:absolute;z-index:6;max-width:min(260px,calc(100% - 32px));padding:10px 13px;transform:translate(-50%,-100%);border:1px solid #71838e;background:#eaf1f2f2;color:#23313a;box-shadow:3px 3px 0 #11233255;font:500 14px/1.45 var(--body);text-align:center;pointer-events:none}
.npc-bubble[hidden]{display:none}.conversation-playing .npc-bubble{display:none}
.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 0 8px}.character-hint,.character-status{font:13px/1.6 var(--body);color:#455963;margin:0 0 10px}.character-status{font-size:11px;letter-spacing:1px;margin:10px 0 18px}.character-choice{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;padding:8px 6px 12px;border:1px solid #a6b2b6;background:#d9e0e1;color:#223139;cursor:pointer}.character-choice canvas{width:100%;max-width:120px;height:auto;image-rendering:pixelated;pointer-events:none}.character-choice strong{font:10px/1.8 var(--pixel);margin:3px 0}.character-choice span{font:11px/1.4 var(--body)}.character-choice[aria-pressed='true']{border:2px solid #344d5b;padding:7px 5px 11px;background:#f5f8f7;box-shadow:inset 0 -3px #344d5b}.character-choice[aria-pressed='true']::after{content:'✓';position:absolute;top:5px;right:8px;font:600 16px var(--body)}.character-choice:focus-visible{outline:3px solid #345b70;outline-offset:3px}.character-choice:disabled{opacity:.5;cursor:wait}
.release-night .identity{color:#d5edff}
dialog.race-panel{width:min(510px,calc(100vw - 20px));max-width:calc(100vw - 20px);padding:0;background:#101a25;border:2px solid #a1b1ba;color:#eef4f6;max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain}
#race-announcement{top:0;left:0;margin:0}
.race-progress{display:flex;justify-content:space-between;align-items:center;gap:12px}.race-progress #race-level{font:11px/1.5 var(--body);letter-spacing:1px;color:#b5d5e4}
.race-top{padding:17px 54px 14px 18px;border-bottom:1px solid #637783}.race-top h2{font:12px/1.8 var(--pixel);margin:0}.race-top .close{color:#eef4f6}
.race-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px 18px;background:#1d2b38;font:11px/1.8 var(--body);letter-spacing:1px;color:#a6b9c5}.race-stats strong{display:block;font:16px/1.5 var(--pixel);letter-spacing:0;color:#eef6f7}
.race-stage{position:relative;width:min(100%,360px);margin:auto}.race-stage canvas{width:100%;height:auto;aspect-ratio:360/440;touch-action:none}
.race-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px;text-align:center;background:#0c1728d9;backdrop-filter:blur(2px)}.race-overlay[hidden]{display:none}
.race-overlay h3{font:20px/1.7 var(--pixel);margin:0 0 20px;color:#e2f6ff}.race-overlay p{font:16px/1.6 var(--body);margin:0 0 22px}.race-overlay .pixel-button{margin:0;background:#d9ebf0;color:#152534;font-size:12px;min-height:50px}
.race-footer{display:block;padding:10px 18px 14px;background:#101a25;border-top:1px solid #637783}.race-footer p{font:13px/1.5 var(--body);color:#bed0d8;margin:6px 0}.race-footer .race-speed{font:12px var(--pixel);color:#eff8fb}
.race-controls{display:flex;gap:14px;margin-top:12px}.race-controls[hidden]{display:none}.race-controls .pixel-button{margin:0;flex:1;min-height:52px;font-size:12px;touch-action:none;user-select:none}.race-controls button[data-held='true']{background:#9ed3e2}
#race-resume{position:absolute;top:53%;left:15%;width:70%;margin:0}#race-resume[hidden]{display:none}
@media(max-height:760px){.race-stage{width:min(360px,100%,calc((100dvh - 310px)*.8182));min-width:180px}.race-overlay{padding:14px}.race-overlay h3{font-size:15px;margin-bottom:10px}.race-overlay p{font-size:14px;margin-bottom:12px}.race-stats{padding:8px 14px}.race-top{padding-top:12px;padding-bottom:10px}.race-footer p{margin:4px 0}}
@media(max-height:500px) and (min-width:600px){dialog.race-panel[open]{display:grid;grid-template-columns:1fr 220px;grid-template-rows:auto auto 1fr;width:min(700px,calc(100vw - 20px));overflow:hidden}.race-top{grid-column:1/-1}.race-stage{grid-column:1;grid-row:2/4;width:calc((100dvh - 85px)*.8182);min-width:0}.race-stats{grid-column:2;display:flex;flex-wrap:wrap;gap:8px 20px}.race-stats strong{font-size:12px}.race-footer{grid-column:2;grid-row:3;padding:10px}.race-footer .race-speed{font-size:10px}.race-controls{gap:8px}.race-controls .pixel-button{padding:8px;min-height:44px;font-size:10px}.race-overlay h3{font-size:12px}.race-overlay p{font-size:13px}.race-overlay .pixel-button{font-size:10px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.race-overlay{backdrop-filter:none}}