:root{--main-text:#fff;--win:#00e676;--loss:#f44;--tie:#ffeb3b;--accent:#8a2be2;--accent2:#2b77e2;--main-bg:#121212;--card-bg:#1e1e1e;--input-bg:#2a2a2a;--input-border:#333;--label-text:#aaa;--code-text:#666;--button-bg:#e22b83;--arena-bg:#1a1a1a;--box-shadow:0 10px 30px #00000080}body,html{background-color:var(--main-bg);overscroll-behavior:none;width:100%;height:100dvh;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}.container{color:var(--main-text);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding:clamp(10px,2vh,20px);display:flex}.card{background-color:var(--card-bg);box-sizing:border-box;border-radius:12px;flex-direction:column;width:100%;max-width:400px;padding:clamp(15px,3vh,30px);display:flex}.input,.select{background-color:var(--input-bg);color:var(--main-text);border:1px solid var(--input-border);box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:12px;font-size:1rem}.section{flex-direction:column;gap:10px;display:flex}.label{color:var(--label-text);font-size:.9rem}.primary-button,.secondary-button,.rematch-button,.share-button,.leave-button{cursor:pointer;box-sizing:border-box;border:none;border-radius:6px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:transform .1s}.rematch-button{background-color:var(--win);color:var(--main-text)}.share-button{background-color:var(--accent2);color:var(--main-text)}.primary-button{background-color:var(--accent);color:var(--main-text)}.secondary-button{background-color:var(--button-bg);color:var(--main-text)}.leave-button{background-color:var(--loss);color:var(--main-text)}.primary-button:active,.secondary-button:active,.rematch-button:active,.share-button:active,.leave-button:active{transform:scale(.95)}.primary-button:disabled,.secondary-button:disabled,.rematch-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.divider{border:none;border-top:1px solid var(--input-border);width:100%;margin:clamp(10px,2vh,20px) 0}.arena-header{background-color:var(--card-bg);color:var(--label-text);box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:clamp(10px,2vh,20px);padding:clamp(8px,1.5vh,15px) 20px;display:flex}.arena{background-color:var(--arena-bg);box-sizing:border-box;border-radius:12px;flex-direction:column;flex-grow:1;align-items:center;width:100%;max-width:600px;max-height:80dvh;padding:clamp(15px,2vh,25px) 15px;display:flex;position:relative}.player-area{flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.center-area{border-top:2px solid var(--input-border);border-bottom:2px solid var(--input-border);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:110px;margin:10px 0;display:flex}.center-text-wrapper{text-align:center;justify-content:center;align-items:center;width:100%;height:45px;display:flex}.player-info{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.choice-container{flex:1;justify-content:center;align-items:center;gap:15px;width:100%;display:flex}.status-text{height:24px;color:var(--label-text);justify-content:center;align-items:center;margin:0;display:flex}.player-text{margin:0;font-size:clamp(1.1rem,2.5vh,1.5rem)}.score-text{color:var(--label-text);margin:0;font-size:.9rem}.choice-emoji{justify-content:center;align-items:center;font-size:clamp(4rem,8vh,6.5rem);display:flex}.play-button{background-color:var(--input-bg);border:1px solid var(--input-border);cursor:pointer;border-radius:12px;padding:clamp(10px,2vh,20px);font-size:clamp(1.8rem,4vh,3rem);transition:all .2s}.timeline-container{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.timeline-notch{border-radius:50%;width:14px;height:14px;transition:all .3s}.history-trail{opacity:.6;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;font-size:.9rem;display:flex}.history-item{justify-content:center;align-items:center;width:20px;height:24px;display:flex}.ghost-dot{background-color:var(--input-border);opacity:.4;border-radius:50%;width:6px;height:6px}.history-top{justify-content:center;width:100%;display:flex;position:absolute;bottom:5px}.history-bottom{justify-content:center;width:100%;display:flex;position:absolute;top:5px}.controls{justify-content:center;gap:clamp(10px,2vw,20px);width:100%;max-width:600px;margin-top:20px;display:flex}.loading-button{justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:3px solid #ffffff4d;border-top-color:var(--main-text);border-radius:50%;width:18px;height:18px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rematch-notification{background-color:var(--accent);color:var(--main-text);z-index:50;box-shadow:var(--box-shadow);text-align:center;white-space:nowrap;border-radius:20px;padding:10px 20px;font-weight:700;position:absolute;top:20%;left:50%;transform:translate(-50%)}.menu-dropdown{background-color:var(--card-bg);border:1px solid var(--input-border);z-index:100;box-shadow:var(--box-shadow);border-radius:8px;flex-direction:column;gap:10px;padding:10px;display:flex;position:absolute;top:60px;right:20px}.menu-dropdown button{color:var(--main-text);cursor:pointer;text-align:left;background:0 0;border:none;padding:10px}.menu-dropdown button.disabled-link{opacity:.5}.menu-dropdown button.leave-match{background-color:var(--loss);border-radius:4px;font-weight:700}.header-controls{align-items:center;gap:10px;display:flex}@keyframes fist-pump{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes pop-reveal{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.anim-pump{animation:.7s ease-in-out fist-pump}.anim-reveal{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards pop-reveal}