:root{color:#f7f1df;background:#111;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{margin:0;min-height:100vh;background:#111;overscroll-behavior:none;touch-action:manipulation}button{border:1px solid rgba(255,255,255,.24);border-radius:8px;padding:10px 14px;color:#fff;background:#ffffff1f;cursor:pointer;touch-action:none;-webkit-touch-callout:none}button:disabled{cursor:not-allowed;opacity:.45}.game-shell{position:relative;width:min(100vw,1400px);min-height:100vh;height:100vh;margin:0 auto;overflow:hidden;background:#181818}.arena{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.timer,.controls,.battle-effects,.live-words,.push-stream,.bottom-info,.config-panel,.energy-track{position:absolute;z-index:2}.timer{top:24px;left:50%;transform:translate(-50%);font-size:44px;font-weight:800;text-shadow:0 3px 8px #000}.players{position:absolute;inset:22% 5% 18%;z-index:1;display:flex;align-items:flex-end;justify-content:space-between}.players img{width:24%;max-height:72%;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.6))}.players strong{align-self:center;font-size:54px;color:#f5bd4b;text-shadow:0 4px 12px #000}.controls{inset:auto 0 88px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 5vw}.mic-button{width:min(27vw,220px);aspect-ratio:1 / 1;border-radius:50%;border:2px solid rgba(255,255,255,.42);background:radial-gradient(circle at 35% 30%,#ffffff47,#00000080);display:grid;place-content:center;gap:6px;font-weight:700;text-align:center;box-shadow:0 10px 24px #00000073;position:relative}.mic-button span:last-child{font-size:13px;opacity:.88}.red-mic{color:#ffe1dd;border-color:#f66a5ae0}.blue-mic{color:#d9ecff;border-color:#5892fae6}.mic-button.active:after{content:"";position:absolute;inset:-8%;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:wave-ring 1s ease-out infinite}.config-panel{top:90px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(245,189,75,.45);background:linear-gradient(90deg,#201106c7,#101420c2);box-shadow:0 6px 24px #00000059;font-size:12px;color:#f9dfab;z-index:6;pointer-events:auto}.config-panel label{display:flex;align-items:center;gap:6px}.config-panel button,.config-panel select{border-radius:999px;border:1px solid rgba(255,225,160,.38);background:#ffffff14;color:#fff4d8;padding:5px 10px}.battle-effects{inset:auto 0 220px;pointer-events:none}.burst-left,.burst-right{position:absolute;min-width:40px;max-width:180px;padding:8px 12px;border-radius:18px;font-size:24px;font-weight:800;text-align:center;opacity:0}.burst-left{left:13vw;color:#ffd6d1;background:#b92b2b80}.burst-right{right:13vw;color:#d9f0ff;background:#2860b885}.burst-left:not(:empty),.burst-right:not(:empty){animation:burst-pop .64s ease-out}.live-words{inset:auto 0 255px;display:flex;justify-content:space-between;padding:0 18vw;pointer-events:none}.word-lane{max-width:28vw;padding:8px 12px;border-radius:14px;font-size:28px;font-weight:800;line-height:1.2;text-shadow:0 3px 10px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.red-lane{color:#ffd8d3;background:linear-gradient(90deg,#e13f2c80,#e13f2c1a)}.blue-lane{color:#d6ecff;background:linear-gradient(270deg,#3279e780,#3279e71a);text-align:right}.push-stream{inset:auto 0 246px;pointer-events:none;z-index:3}.push-word{position:absolute;top:0;max-width:38vw;padding:8px 12px;border-radius:16px;font-size:24px;font-weight:800;opacity:0;text-shadow:0 2px 10px rgba(0,0,0,.65)}.red-push{left:11vw;color:#ffe2de;background:#bf3838a6}.blue-push{right:11vw;color:#dbeeff;background:#3471d1a6;text-align:right}.push-word:not(:empty).red-push{animation:push-red .78s cubic-bezier(.22,.85,.24,1)}.push-word:not(:empty).blue-push{animation:push-blue .78s cubic-bezier(.22,.85,.24,1)}.energy-track{left:50%;transform:translate(-50%);width:min(92vw,980px);bottom:56px}.energy-label{margin-bottom:8px;font-size:12px;position:absolute;top:-22px}.energy-label.red{left:0;color:#ffd1cb}.energy-label.blue{right:0;text-align:right;color:#cde5ff}.energy-bar{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,#d24242cc,#4f81eccc);overflow:hidden}.energy-center{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;transform:translate(-50%);background:#fff}.energy-marker{position:absolute;top:-6px;width:16px;height:24px;border-radius:6px;transform:translate(-50%);background:#fff8cc;box-shadow:0 0 10px #fff5a0cc}.bottom-info{left:16px;right:16px;bottom:12px;display:flex;gap:10px;padding:10px 12px;border-radius:12px;background:#0000009e;font-size:12px;white-space:nowrap;overflow-x:auto}.bottom-info span{flex:0 0 auto}@keyframes burst-pop{0%{opacity:0;transform:translateY(24px) scale(.7)}28%{opacity:1;transform:translateY(2px) scale(1.08)}to{opacity:0;transform:translateY(-26px) scale(.94)}}@keyframes wave-ring{0%{opacity:.75;transform:scale(.82)}to{opacity:0;transform:scale(1.25)}}@keyframes push-red{0%{opacity:0;transform:translate(0) scale(.88)}25%{opacity:1}to{opacity:0;transform:translate(24vw) scale(1.03)}}@keyframes push-blue{0%{opacity:0;transform:translate(0) scale(.88)}25%{opacity:1}to{opacity:0;transform:translate(-24vw) scale(1.03)}}@media(max-width:860px){.players{inset:26% 5% 24%}.mic-button{width:min(30vw,170px)}.burst-left,.burst-right{font-size:20px}.live-words{inset:auto 0 225px;padding:0 14vw}.word-lane{max-width:33vw;font-size:22px}.push-stream{inset:auto 0 224px}.push-word{font-size:20px}.config-panel{top:78px;gap:6px;padding:6px 8px;font-size:11px}.energy-track{width:min(94vw,760px);bottom:52px}}