html,body,#root{margin:0;height:100%;background:#0b0b0c}.dg-root{position:relative;width:100%;height:100%;overflow:hidden;background:#0b0b0c;font-family:Helvetica Neue,Arial,sans-serif;color:#eee;user-select:none;-webkit-user-select:none;touch-action:none}.dg-root canvas{display:block}.dg-hud{position:absolute;inset:0;pointer-events:none;text-transform:uppercase}.dg-panel{position:absolute;background:linear-gradient(#2b2a28,#1b1a19);border:2px solid #4a4642;border-radius:6px;box-shadow:inset 0 0 0 1px #000,0 2px 8px #0008;padding:8px 12px}.dg-panel:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,#fff0 0 14px,#ffffff08 14px 16px);border-radius:4px;pointer-events:none}.dg-label{font-size:11px;letter-spacing:.12em;color:#a8a29a}.dg-big{font-size:40px;font-weight:800;color:#ffb02e;text-shadow:0 0 10px #ff9a1a99;line-height:1;font-variant-numeric:tabular-nums}.dg-big small{font-size:15px;color:#ffcf7a;margin-left:4px}.dg-load{left:20px;bottom:20px;min-width:210px}.dg-score{right:20px;top:20px;text-align:right}.dg-score .dg-big{font-size:30px}.dg-time{font-size:22px;font-weight:700;color:#ffd9a3;font-variant-numeric:tabular-nums}.dg-time.low{color:#ff5a2e}.dg-fill{right:20px;bottom:20px;width:190px}.dg-segs{display:flex;gap:3px;margin-top:6px}.dg-segs i{flex:1;height:14px;background:#3a3632;border-radius:2px}.dg-segs i.on{background:#ffb02e;box-shadow:0 0 6px #ff9a1a}.dg-segs i.hot{background:#ff5a2e;box-shadow:0 0 6px #ff3a1a}.dg-cam{position:absolute;left:50%;transform:translate(-50%);top:16px;font-size:11px;letter-spacing:.15em;color:#ffd9a3;background:#0007;padding:4px 10px;border-radius:3px;display:flex;align-items:center;gap:10px;pointer-events:auto}.dg-mute{background:none;border:1px solid #ffffff33;border-radius:3px;color:inherit;font:inherit;font-size:14px;line-height:1;padding:2px 6px;cursor:pointer}.dg-mute.off{opacity:.6}.dg-mute:hover{border-color:#ffb02e}.dg-flash{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:64px;font-weight:900;color:#ffb02e;text-shadow:0 0 24px #ff9a1a;animation:dg-pop 1.4s ease-out forwards}@keyframes dg-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}.dg-countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:120px;font-weight:900;color:#fff;text-shadow:0 0 30px #ffb02e}.dg-legend{position:absolute;left:20px;top:20px;font-size:11px;letter-spacing:.08em;color:#d9cfc0;background:#0009;padding:8px 10px;border-radius:4px;line-height:1.6}.dg-legend b{color:#ffb02e;display:inline-block;min-width:54px}.dg-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#000a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.dg-card{background:linear-gradient(#2b2a28,#1b1a19);border:2px solid #4a4642;border-radius:10px;padding:24px 28px;min-width:340px;max-width:92vw;box-shadow:0 8px 40px #000c}.dg-card h1{margin:0 0 4px;font-size:26px;letter-spacing:.04em;color:#ffb02e;text-transform:uppercase}.dg-card h2{margin:16px 0 6px;font-size:12px;letter-spacing:.15em;color:#a8a29a;text-transform:uppercase}.dg-card p{margin:6px 0;color:#d9cfc0;font-size:14px;line-height:1.5}.dg-btn{display:inline-block;background:#ffb02e;color:#1b1a19;border:0;border-radius:6px;padding:12px 22px;font:inherit;font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;margin-top:12px}.dg-btn.secondary{background:#3a3632;color:#eee}.dg-btn+.dg-btn{margin-left:8px}.dg-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dg-toggle{display:inline-flex;border:1px solid #4a4642;border-radius:6px;overflow:hidden}.dg-toggle button{background:#222;color:#ccc;border:0;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}.dg-toggle button.active{background:#ffb02e;color:#1b1a19;font-weight:700}.dg-stats{display:grid;grid-template-columns:1fr auto;gap:4px 18px;font-size:14px;color:#d9cfc0}.dg-stats b{color:#ffb02e;font-variant-numeric:tabular-nums;text-align:right}.dg-board{list-style:none;padding:0;margin:0;max-height:220px;overflow:auto;font-size:13px}.dg-board li{display:grid;grid-template-columns:26px 1fr auto auto;gap:10px;padding:5px 0;border-bottom:1px solid #333;color:#d9cfc0;font-variant-numeric:tabular-nums}.dg-board li.me{color:#ffb02e}.dg-board li span:last-child{color:#a8a29a}.dg-ident{font-size:13px;color:#a8a29a}.dg-ident a,.dg-link{color:#ffb02e;background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline}.dg-tabs{float:right;display:inline-flex;gap:4px}.dg-tabs button{background:#222;border:1px solid #4a4642;color:#ccc;font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:4px;cursor:pointer}.dg-tabs button.active{background:#ffb02e;color:#1b1a19;border-color:#ffb02e}.dg-hud--touch .dg-load{left:16px;top:16px;bottom:auto;min-width:170px;padding:6px 10px}.dg-hud--touch .dg-load .dg-big{font-size:28px}.dg-hud--touch .dg-score{right:16px;top:16px;padding:6px 10px}.dg-hud--touch .dg-score .dg-big{font-size:24px}.dg-hud--touch .dg-fill{right:16px;top:100px;bottom:auto;width:150px;padding:6px 10px}.dg-hud--touch .dg-cam{top:8px}.dg-touch{position:absolute;inset:0;pointer-events:none}.dg-stick{position:absolute;bottom:60px;width:140px;height:140px;border-radius:50%;background:#0006;border:2px solid #ffffff33;pointer-events:auto;touch-action:none}.dg-stick.left{left:30px}.dg-stick.right{right:30px}.dg-stick .knob{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#ffb02ecc;box-shadow:0 2px 8px #0008}.dg-stick .lbl{position:absolute;left:0;right:0;bottom:-22px;text-align:center;font-size:10px;letter-spacing:.12em;color:#ffd9a3}.dg-tbtn{position:absolute;pointer-events:auto;background:#0008;color:#ffd9a3;border:2px solid #ffffff33;border-radius:8px;padding:10px 14px;font:inherit;font-size:12px;letter-spacing:.1em;text-transform:uppercase;touch-action:none}.dg-tbtn.active{background:#ffb02e;color:#1b1a19}