*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}body{min-height:100vh;background-color:#ffffff;background-image:radial-gradient(#d0d0d0 15%,transparent 16%), radial-gradient(#d0d0d0 15%,transparent 16%);background-size:20px 20px;background-position:0 0,10px 10px;font-family:'Comic Neue',cursive,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:20px;overscroll-behavior:none;touch-action:manipulation;}.top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:560px;padding:14px 20px;background:#fff;border:4px solid #111;box-shadow:6px 6px 0 #111;}.back-btn{background:#ffde00;border:3px solid #111;box-shadow:3px 3px 0 #111;padding:6px 16px;font-family:'Bangers',cursive;font-size:1.1rem;color:#111;text-decoration:none;transition:transform 0.1s;}.back-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #111;}.game-title-header{font-family:'Bangers',cursive;font-size:1.8rem;letter-spacing:1px;color:#111;}#runner3d-wrap{width:min(100%,560px);height:580px;background:#0d0e15;border:4px solid #111;box-shadow:8px 8px 0 #111;position:relative;overflow:hidden;user-select:none;display:flex;flex-direction:column;}#runner3d-canvas{width:100%;height:100%;display:block;background:#0a0b10;}.r3d-hud{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10;}.r3d-badge{background:#fff;border:3px solid #111;box-shadow:3px 3px 0 #111;padding:6px 14px;font-family:'Bangers',cursive;font-size:1.15rem;color:#111;}.r3d-badge--accent{background:#ff0050;color:#fff;}.r3d-badge--gold{background:#ffde00;}.r3d-overlay{position:absolute;inset:0;background:rgba(13,14,21,0.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:20;padding:24px;text-align:center;}.r3d-overlay[hidden]{display:none !important;}.r3d-title{font-family:'Bangers',cursive;font-size:2.8rem;color:#ff0050;text-shadow:3px 3px 0 #111;margin:0;letter-spacing:1px;}.r3d-btn{background:#ffde00;border:4px solid #111;box-shadow:4px 4px 0 #111;padding:12px 36px;font-family:'Bangers',cursive;font-size:1.5rem;cursor:pointer;transition:transform 0.1s;}.r3d-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #111;}.r3d-controls-hint{color:#fff;font-size:0.95rem;line-height:1.6;background:rgba(255,255,255,0.08);border:2px dashed #ffde00;padding:12px 18px;max-width:340px;border-radius:4px;}.r3d-touch-bar{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;gap:10px;z-index:15;}.r3d-tbtn{flex:1;height:52px;background:rgba(255,255,255,0.9);border:3px solid #111;box-shadow:3px 3px 0 #111;font-family:'Bangers',cursive;font-size:1.25rem;display:flex;align-items:center;justify-content:center;touch-action:manipulation;cursor:pointer;}