:root{--bg-color: #0f172a;--panel-bg: rgba(30, 41, 59, .7);--canvas-bg: rgba(11, 17, 32, .85);--player-color: #38bdf8;--cpu-color: #f43f5e;--text-color: #f8fafc}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-color);font-family:Inter,sans-serif;color:var(--text-color);display:flex;justify-content:center;align-items:center;overflow:hidden}.scoreboard-overlay{position:absolute;top:30px;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:80px;pointer-events:none;z-index:10}.scoreboard-overlay .score{font-family:Space Grotesk,sans-serif;font-size:64px;font-weight:800;line-height:1;color:#ffffff4d;text-shadow:0 0 20px rgba(0,0,0,.5);-webkit-user-select:none;user-select:none}.ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25;z-index:-1;animation:float 20s infinite ease-in-out alternate;pointer-events:none}.orb-1{width:50vw;height:50vw;background:var(--player-color);top:-20vh;left:-10vw}.orb-2{width:40vw;height:40vw;background:var(--cpu-color);bottom:-20vh;right:-10vw;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(1.1)}}.game-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100dvh;padding:2vmin;box-sizing:border-box;gap:2vmin;z-index:1}header{display:flex;justify-content:center;align-items:center;width:100%;max-width:800px;box-sizing:border-box;flex-shrink:0}.app-footer{font-size:13px;color:var(--text-muted);text-align:center;width:100%;margin-top:10px;flex-shrink:0}.app-footer a{color:var(--text-color);text-decoration:none;font-weight:500}.app-footer a:hover{text-decoration:underline}.scoreboard{display:flex;align-items:center;gap:48px;position:relative}.score-section{display:flex;align-items:center;gap:24px}.score-section.player,.score-section.computer{flex-direction:row}.label{font-size:13px;font-weight:700;letter-spacing:4px;opacity:.6;text-transform:uppercase;color:var(--text-color)}.score{font-family:Space Grotesk,sans-serif;font-size:52px;font-weight:700;line-height:1;width:60px;text-align:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.score.pop{transform:scale(1.15)}.score-section.player .score{color:var(--player-color);text-shadow:0 0 16px rgba(56,189,248,.4)}.score-section.computer .score{color:var(--cpu-color);text-shadow:0 0 16px rgba(244,63,94,.4)}.divider{width:3px;height:48px;background:#ffffff26;border-radius:3px;box-shadow:0 0 10px #ffffff1a}.canvas-container{position:relative;flex:1;width:100%;max-width:820px;padding:10px;background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a;box-sizing:border-box;min-height:0;display:flex;justify-content:center;align-items:center}@keyframes fadeInUi{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ultimate-bar-container{position:absolute;bottom:50px;left:50%;transform:translate(-50%);width:200px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;z-index:10}.ultimate-bar{width:0%;height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b;transition:width .2s ease}.bahlil-meme:hover{opacity:1;mix-blend-mode:normal;filter:none}.bahlil-meme img{width:200px;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.game-over-ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:20;pointer-events:none}.share-buttons{display:flex;flex-direction:row;gap:12px;align-items:center;pointer-events:auto}.tweet-share-btn,.ig-share-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:8px;background:#0f1419cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-weight:600;font-size:14px;padding:12px 20px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d;cursor:pointer;font-family:inherit;min-width:140px;height:46px;white-space:nowrap;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.tweet-share-btn:hover{background:#1e293be6;transform:translateY(-2px) scale(1.02);border-color:#fff3}.ig-share-btn:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);transform:translateY(-2px) scale(1.02);border-color:#ffffff4d}.tweet-share-btn:active,.ig-share-btn:active{transform:translateY(0) scale(.98)}@keyframes fadeOutHint{0%{opacity:1;visibility:visible}80%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.mobile-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#0b1120d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 20px;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px #00000080;color:#ffffffe6;font-size:13px;display:flex;align-items:center;gap:16px;z-index:10;pointer-events:auto;animation:fadeOutHint 6s cubic-bezier(.4,0,.2,1) forwards}.close-hint{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-hint:hover{color:#fff}canvas{display:block;max-width:100%;max-height:100%;aspect-ratio:4 / 3;background-color:var(--canvas-bg);border-radius:8px;cursor:crosshair;box-shadow:inset 0 0 20px #00000080;touch-action:none}@media(max-width:900px),(max-height:500px){body,html{background-color:var(--canvas-bg)}.game-wrapper{padding:0;gap:0;height:100dvh;width:100vw}.scoreboard-overlay{position:absolute;top:5vh;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:30px;pointer-events:none;z-index:10;margin:0}.scoreboard-overlay .score{font-size:36px}.canvas-container{max-width:100vw;height:100dvh;border-radius:0;border:none;padding:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}canvas{border-radius:0;box-shadow:none}.app-footer{position:absolute;bottom:6px;z-index:50;color:#ffffff80}.game-over-ui{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 56px);left:0;right:0;transform:none;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:10px;width:100%;padding:0 16px;box-sizing:border-box}.tweet-share-btn,.ig-share-btn{font-size:13px;padding:0 16px;min-height:48px;height:48px;min-width:130px;flex:0 1 auto}}