@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&display=swap";:root{--sky:#7ec8e3;--pink:#ff6b9d;--yellow:#ffd166;--green:#06d6a0;--orange:#ff9f43;--purple:#a29bfe;--white:#fff}body,html{-webkit-user-select:none;user-select:none;cursor:default;background:linear-gradient(#7ec8e3 0%,#b8e6ff 100%);width:100%;height:100%;margin:0;padding:0;font-family:Outfit,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:absolute;top:0;left:0}#char-select{z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%) 0 0/200% 200%;flex-direction:column;justify-content:center;align-items:center;animation:6s infinite gradientShift;display:flex;position:absolute;inset:0}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.char-select-title{color:var(--white);text-shadow:3px 3px 0 var(--pink), 6px 6px 0 #00000026;letter-spacing:2px;margin-bottom:40px;font-size:56px;font-weight:800;animation:2s ease-in-out infinite titleBounce}@keyframes titleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.char-grid{flex-wrap:wrap;justify-content:center;gap:30px;padding:0 20px;display:flex}.char-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:180px;color:var(--white);background:#fff3;border:3px solid #fff6;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:24px;font-family:inherit;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.char-card:hover{border-color:var(--yellow);background:#ffffff59;transform:translateY(-12px)scale(1.05);box-shadow:0 20px 40px #0003,0 0 30px #ffd1664d}.char-card:active{transform:translateY(-4px)scale(.98)}.char-preview{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:60px;display:flex;overflow:hidden}.char-name{text-shadow:2px 2px #0003;font-size:22px;font-weight:700}.char-desc{opacity:.8;font-size:14px;font-weight:400}#game-ui{pointer-events:none;z-index:10;position:absolute;inset:0}#ui{color:#fff;text-shadow:2px 2px #00000040;position:absolute;top:20px;left:20px}.title{letter-spacing:1px;margin:0;font-size:36px;font-weight:800}.score{margin-top:8px;font-size:22px;font-weight:600}.char-indicator{opacity:.85;margin-top:6px;font-size:16px;font-weight:400}#power-bar-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff4d;border:3px solid #ffffffb3;border-radius:12px;width:260px;height:18px;display:none;position:absolute;bottom:40px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 15px #00000026}#power-bar{background:linear-gradient(90deg,#06d6a0,#ffd166,#ff6b9d);border-radius:9px;width:0%;height:100%;transition:width 50ms ease-out}#message{color:var(--yellow);text-shadow:4px 4px 0px var(--orange), 0px 0px 30px #ffd16680;text-align:center;white-space:nowrap;letter-spacing:2px;font-size:64px;font-weight:800;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#message.show{animation:.6s cubic-bezier(.175,.885,.32,1.275) popIn;display:block}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-5deg)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}#aim-hint{color:#fff;text-shadow:1px 1px 3px #0000004d;opacity:.7;white-space:nowrap;font-size:16px;font-weight:600;animation:3s ease-in-out infinite hintPulse;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:.9}}.top-nav{z-index:150;gap:12px;display:flex;position:absolute;top:20px;right:20px}.nav-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff40;border:2px solid #ffffff80;border-radius:14px;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #00000026}.nav-btn:hover{background:#fff6;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.arcade-link{background:linear-gradient(135deg,#ff6b9d99,#ffd16699)}#end-actions-container{z-index:20;pointer-events:all;flex-wrap:wrap;justify-content:center;gap:14px;animation:.6s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;position:absolute;top:64%;left:50%;transform:translate(-50%)}.action-btn{color:#fff;cursor:pointer;white-space:nowrap;border:3px solid #fff9;border-radius:16px;justify-content:center;align-items:center;padding:14px 26px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 8px 20px #0003}.action-btn:hover{transform:translateY(-4px)scale(1.04)}.action-btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--green), #00cec9);box-shadow:0 8px 25px #06d6a066}.btn-secondary{background:linear-gradient(135deg, var(--pink), var(--purple));box-shadow:0 8px 25px #ff6b9d66}.btn-arcade{background:linear-gradient(135deg, var(--orange), var(--yellow));box-shadow:0 8px 25px #ff9f4366}.mode-tabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;border-radius:30px;gap:12px;margin-bottom:24px;padding:6px;display:flex}.mode-tab{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:24px;padding:10px 22px;font-family:inherit;font-size:15px;font-weight:700;transition:all .25s}.mode-tab:hover{color:#fff;background:#ffffff26}.mode-tab.active{background:linear-gradient(135deg, var(--yellow), var(--orange));color:#1a1a2e;transform:scale(1.04);box-shadow:0 4px 15px #ffd16666}.char-select-subtitle{color:var(--white);text-shadow:0 2px 8px #00000040;margin-bottom:28px;font-size:24px;font-weight:700;animation:2s ease-in-out infinite pulseSubtitle}@keyframes pulseSubtitle{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.pvp-hud{z-index:10;pointer-events:none;align-items:center;gap:16px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.pvp-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff40;border:2px solid #fff6;border-radius:18px;flex-direction:column;align-items:center;gap:4px;min-width:120px;padding:10px 18px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 24px #00000026}.pvp-card.active{background:#ffffff73;border-color:#ffd166;transform:translateY(-4px)scale(1.08);box-shadow:0 12px 30px #ffd16673,0 0 20px #fff9}.pvp-badge{letter-spacing:1px;text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800}.p1-badge{color:#fff;background:#00cec9}.p2-badge{color:#2d3436;background:#fdcb6e}.pvp-char{text-shadow:0 1px 4px #0003;font-size:16px;font-weight:800}.pvp-stats{opacity:.95;gap:10px;font-size:13px;font-weight:600;display:flex}.pvp-stats strong{color:#ffd166;font-size:15px;font-weight:800}.pvp-center{flex-direction:column;align-items:center;gap:6px;display:flex}.pvp-hole-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.5px;background:#00000059;border-radius:14px;padding:4px 14px;font-size:13px;font-weight:800}.pvp-turn-banner{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff6b9d,#a29bfe);border-radius:20px;padding:6px 16px;font-size:14px;font-weight:800;animation:1.8s ease-in-out infinite turnPulse;box-shadow:0 6px 20px #ff6b9d66}@keyframes turnPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (width<=768px){.char-select-title{margin-bottom:12px;font-size:32px}.mode-tabs{gap:6px;margin-bottom:14px;padding:4px}.mode-tab{padding:6px 14px;font-size:12px}.char-select-subtitle{margin-bottom:16px;font-size:18px}.char-grid{gap:12px;padding:0 10px}.char-card{border-radius:18px;gap:8px;width:120px;padding:14px 10px}.char-preview{width:65px;height:65px;font-size:34px}.char-name{font-size:16px}.char-desc{font-size:11px}#ui{top:10px;left:12px}.pvp-hud{justify-content:space-between;gap:8px;width:95%;top:8px}.pvp-card{border-radius:14px;min-width:90px;padding:6px 10px}.pvp-char{font-size:13px}.pvp-stats{gap:6px;font-size:11px}.pvp-stats strong{font-size:12px}.pvp-turn-banner{padding:4px 10px;font-size:11px}.title{font-size:20px}.strokes-box{padding:6px 14px;font-size:16px}.strokes-count{font-size:22px}.char-indicator{font-size:11px}.top-nav{gap:8px;top:10px;right:10px}.nav-btn{border-radius:10px;padding:6px 10px;font-size:11px}#message{font-size:28px}#end-actions-container{gap:8px;width:90%}.action-btn{border-radius:12px;padding:10px 16px;font-size:14px}#aim-hint{font-size:12px;bottom:12px}}#confetti-canvas{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}#message.show{background:linear-gradient(135deg,#ff007f,#ffd166,#06d6a0,#00f5ff) 0 0/300% 300%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #ffd166cc);-webkit-background-clip:text;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards dopaminePop}@keyframes dopaminePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}