.play-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 80px);padding:2rem;padding-top:120px}.play-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:620px;width:100%}.sign-in-prompt{margin-top:2.5rem;text-align:center}.sign-in-prompt p{color:#666;font-size:1.1rem;margin-bottom:1rem}.sign-in-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:.9rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d;text-transform:uppercase;letter-spacing:.05em}.theme-dark .panel-description,.theme-dark .sign-in-prompt p{color:#9ca3af}.theme-dark .sign-in-btn{box-shadow:0 4px 15px #4caf5033}@media (max-width: 600px){.play-container{padding:1rem;padding-top:20px}.play-menu-grid{grid-template-columns:1fr;gap:1rem;justify-items:center}.menu-panel{min-height:160px;width:300px;padding:1.5rem 1rem}.panel-icon{width:48px;height:48px}.panel-title{font-size:1.25rem}.panel-description{font-size:.85rem}}.modal input[type=text].join-game-input,.join-game-input{width:100%!important;max-width:none!important;margin-top:.5rem;padding:1rem 1.25rem!important;font-size:1.2rem!important;min-height:52px!important;height:auto!important;text-transform:uppercase;text-align:center;border-radius:8px;background-color:#f5f5f5;color:#333;border:1px solid #ddd;box-sizing:border-box}.modal input[type=text].join-game-input::placeholder,.join-game-input::placeholder{color:#999;text-transform:none}.modal input[type=text].join-game-input:focus,.join-game-input:focus{outline:none;border-color:#4cafef;box-shadow:0 0 6px #4cafef66}.theme-dark .modal input[type=text].join-game-input,.theme-dark .join-game-input{background-color:#1e1f26;color:#fff;border:1px solid rgba(76,175,239,.3)}.theme-dark .modal input[type=text].join-game-input::placeholder,.theme-dark .join-game-input::placeholder{color:#6b7280}.theme-dark .modal input[type=text].join-game-input:focus,.theme-dark .join-game-input:focus{border-color:#4cafef;box-shadow:0 0 6px #4cafef80}@media (max-width: 600px){.modal input[type=text].join-game-input,.join-game-input{height:50px!important;min-height:50px!important;padding:.75rem!important;font-size:16px!important}}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 80px);padding:2rem;padding-top:120px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;width:100%}.menu-panel{position:relative;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;overflow:hidden;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (hover: hover) and (pointer: fine){.menu-panel:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0003}}.menu-panel:active{transform:scale(.98);opacity:.9}.panel-glow{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:20px}@media (hover: hover) and (pointer: fine){.menu-panel:hover .panel-glow{opacity:1}}.menu-panel.quick-play{border-color:#4caf504d;box-shadow:0 8px 32px #4caf5026}@media (hover: hover) and (pointer: fine){.menu-panel.quick-play:hover{border-color:#4caf50;box-shadow:0 20px 50px #4caf504d}}.menu-panel.quick-play .panel-glow{background:radial-gradient(circle at center,rgba(76,175,80,.15) 0%,transparent 70%)}.menu-panel.quick-play .panel-icon{color:#4caf50}.menu-panel.private-match{border-color:#9c27b04d;box-shadow:0 8px 32px #9c27b026}@media (hover: hover) and (pointer: fine){.menu-panel.private-match:hover{border-color:#9c27b0;box-shadow:0 20px 50px #9c27b04d}}.menu-panel.private-match .panel-glow{background:radial-gradient(circle at center,rgba(156,39,176,.15) 0%,transparent 70%)}.menu-panel.private-match .panel-icon{color:#9c27b0}.menu-panel.rules{border-color:#4cafef4d;box-shadow:0 8px 32px #4cafef26}@media (hover: hover) and (pointer: fine){.menu-panel.rules:hover{border-color:#4cafef;box-shadow:0 20px 50px #4cafef4d}}.menu-panel.rules .panel-glow{background:radial-gradient(circle at center,rgba(76,175,239,.15) 0%,transparent 70%)}.menu-panel.rules .panel-icon{color:#4cafef}.panel-icon{width:64px;height:64px;margin-bottom:1rem;transition:transform .3s ease}@media (hover: hover) and (pointer: fine){.menu-panel:hover .panel-icon{transform:scale(1.1)}}.panel-icon svg{width:100%;height:100%}.panel-title{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.panel-description{font-size:.95rem;color:#666;margin:0;line-height:1.4}.sign-in-prompt{margin-top:2.5rem;text-align:center;background:#ffffffe6;padding:1.5rem 2rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sign-in-prompt p{color:#333;font-size:1.1rem;margin-bottom:1rem;font-weight:500}.sign-in-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:.9rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d;text-transform:uppercase;letter-spacing:.05em;opacity:1}@media (hover: hover) and (pointer: fine){.sign-in-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4caf5066}}.sign-in-btn:active{transform:scale(.98);opacity:.9}.theme-dark .menu-panel{background:#20232dbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}@media (hover: hover) and (pointer: fine){.theme-dark .menu-panel:hover{box-shadow:0 20px 40px #0006}}.theme-dark .menu-panel.quick-play{border-color:#4caf5033;box-shadow:0 8px 32px #4caf501a}@media (hover: hover) and (pointer: fine){.theme-dark .menu-panel.quick-play:hover{border-color:#4caf5099;box-shadow:0 20px 50px #4caf5040}}.theme-dark .menu-panel.private-match{border-color:#9c27b033;box-shadow:0 8px 32px #9c27b01a}@media (hover: hover) and (pointer: fine){.theme-dark .menu-panel.private-match:hover{border-color:#9c27b099;box-shadow:0 20px 50px #9c27b040}}.theme-dark .menu-panel.rules{border-color:#4cafef33;box-shadow:0 8px 32px #4cafef1a}@media (hover: hover) and (pointer: fine){.theme-dark .menu-panel.rules:hover{border-color:#4cafef99;box-shadow:0 20px 50px #4cafef40}}.theme-dark .panel-title{color:#f3f4f6}.theme-dark .panel-description{color:#9ca3af}.theme-dark .sign-in-prompt{background:#20232df2;border:1px solid rgba(255,255,255,.1)}.theme-dark .sign-in-prompt p{color:#e5e7eb;font-weight:500}.theme-dark .sign-in-btn{box-shadow:0 4px 15px #4caf504d;opacity:1}@media (hover: hover) and (pointer: fine){.theme-dark .sign-in-btn:hover{box-shadow:0 8px 25px #4caf504d}}@media (max-width: 900px){.menu-grid{grid-template-columns:repeat(2,1fr);max-width:600px}}@media (max-width: 600px){.home-container{padding:1rem;padding-top:20px}.home-title{font-size:2.5rem}.home-header{margin-bottom:2rem}.menu-grid{grid-template-columns:1fr;gap:1rem;justify-items:center}.menu-panel{min-height:160px;width:300px;padding:1.5rem 1rem}.sign-in-prompt{display:none}.panel-icon{width:48px;height:48px}.panel-title{font-size:1.25rem}.panel-description{font-size:.85rem}}._modalOverlay_qcb5v_5{position:fixed;inset:0;background-color:#000000a6;display:flex;justify-content:center;align-items:center;z-index:1000}._modalContainer_qcb5v_15{background:#fff;padding:2rem 1.75rem;border-radius:12px;width:360px;text-align:center;position:relative;box-shadow:0 5px 20px #0000004d;box-sizing:border-box;overflow:hidden}._closeButton_qcb5v_27{position:absolute;top:10px;right:10px;border:none;background:transparent;font-size:1.2rem;cursor:pointer}._title_qcb5v_37{margin-bottom:1.5rem;color:#111;font-weight:600}._formContainer_qcb5v_43{display:flex;flex-direction:column;gap:.9rem;width:100%;box-sizing:border-box;align-items:center}._input_qcb5v_53{width:100%;box-sizing:border-box;padding:.7rem .9rem;border-radius:6px;border:1px solid #ccc;font-size:.95rem;outline:none;background-color:#f8f8f8;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}@media (hover: hover) and (pointer: fine){._input_qcb5v_53:hover{border-color:#4cafef;background-color:#fdfdfd}}._input_qcb5v_53:focus{border-color:#4cafef;box-shadow:0 0 5px #4cafef99;background-color:#fff}._button_qcb5v_80{width:100%;background-color:#4cafef;color:#fff;border:none;border-radius:6px;padding:.75rem;font-weight:700;cursor:pointer;transition:background .2s}@media (hover: hover) and (pointer: fine){._button_qcb5v_80:hover{background-color:#64bfff}}._button_qcb5v_80:active{transform:scale(.98);opacity:.9}._switchText_qcb5v_104{margin-top:1rem;font-size:.9rem;color:#555}._switchLink_qcb5v_110{color:#4cafef;cursor:pointer;font-weight:500}.theme-dark ._modalContainer_qcb5v_15{background:#1e1f26;box-shadow:0 5px 20px #00000080}.theme-dark ._closeButton_qcb5v_27,.theme-dark ._title_qcb5v_37{color:#f1f1f1}.theme-dark ._input_qcb5v_53{background-color:#2a2d3e;border-color:#3b3f52;color:#f1f1f1}.theme-dark ._input_qcb5v_53::placeholder{color:#888}@media (hover: hover) and (pointer: fine){.theme-dark ._input_qcb5v_53:hover{border-color:#4cafef;background-color:#323545}}.theme-dark ._input_qcb5v_53:focus{border-color:#4cafef;background-color:#323545}.theme-dark ._switchText_qcb5v_104{color:#aaa}._googleButtonWrapper_qcb5v_161{display:flex;justify-content:center;margin-bottom:1rem}._divider_qcb5v_167{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}._dividerLine_qcb5v_174{flex:1;height:1px;background-color:#ddd}._dividerText_qcb5v_180{color:#888;font-size:.85rem;text-transform:lowercase}._googleWelcome_qcb5v_186{color:#555;font-size:.9rem;margin-bottom:1rem}.theme-dark ._dividerLine_qcb5v_174{background-color:#3b3f52}.theme-dark ._dividerText_qcb5v_180{color:#888}.theme-dark ._googleWelcome_qcb5v_186{color:#aaa}@media (max-width: 480px){._modalContainer_qcb5v_15{width:calc(100% - 2rem);max-width:360px;padding:1.5rem 1rem;margin:1rem}._title_qcb5v_37{font-size:1.3rem;margin-bottom:1.25rem}._input_qcb5v_53{font-size:16px;padding:.8rem 1rem}._button_qcb5v_80{padding:.85rem;font-size:1rem;min-height:48px}._switchText_qcb5v_104{font-size:.85rem}._googleButtonWrapper_qcb5v_161,._divider_qcb5v_167{margin-bottom:.75rem}}@media (max-width: 320px){._modalContainer_qcb5v_15{padding:1.25rem .75rem}._title_qcb5v_37{font-size:1.2rem}._formContainer_qcb5v_43{gap:.75rem}}._modalOverlay_qcb5v_5{padding:1rem;box-sizing:border-box}@font-face{font-family:Segment7;src:url(/fonts/G7_Segment_7a.ttf) format("truetype");font-weight:400;font-style:normal}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}html,body,#root{margin:0;padding:0;width:100%;min-height:100%}html{overflow-y:scroll}body{font-family:Arial,sans-serif;color:#fff}#root{min-height:100vh;background-color:inherit;display:flex;flex-direction:column}.main-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem;background-color:inherit}header a{position:relative}header a:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#4cafef;transition:width .2s ease-in-out}@media (hover: hover) and (pointer: fine){header a:hover:after{width:100%}}.game-container{background-color:#f5f5f5;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0006;width:100%;max-width:700px;text-align:center;min-height:60vh;color:#000}.game-header{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:5.5rem}.game-title{flex:1;text-align:center}.shot-clock-wrapper{position:absolute;top:.5rem;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.player-name{position:relative;font-weight:700;font-size:1.1rem;color:#000;padding-bottom:6px;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;transition:color .25s ease}.player-profile-icon{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid currentColor;box-shadow:0 2px 4px #0003}.player-name--self .player-profile-icon{border-color:#4cafef}.player-name--opponent .player-profile-icon{border-color:#f44336}.player-name--self{border-color:#4cafef;text-align:left}.player-name--opponent{border-color:#f44336;text-align:right}.player-name--waiting{color:#777;border-color:#aaa;text-align:right;align-self:center}.player-name:after{content:"";position:absolute;bottom:0;height:3px;min-width:110px;width:100%;max-width:180px;transition:width .3s ease;transform:scaleX(0);animation:underlineGrow 1.4s ease forwards}@keyframes underlineGrow{to{transform:scaleX(1)}}.player-name--self:after{left:0;background-color:#4cafef;transform-origin:left center}.player-name--opponent:after{right:0;background-color:#f44336;transform-origin:right center}.player-name--waiting:after{right:0;background-color:#aaa;transform-origin:right center}@media (hover: hover) and (pointer: fine){.player-name:hover{filter:brightness(1.15)}}.player-section{display:flex;flex-direction:column;align-items:center}.player-section--self{align-items:flex-start}.player-section--opponent{align-items:flex-end}.player-icons{display:flex;gap:.4rem;margin-top:.125rem}.player-icons--self{justify-content:flex-start}.player-icons--opponent{justify-content:flex-end}.player-icons .icon{font-size:1.3rem;transition:opacity .3s ease,filter .3s ease,transform .15s ease;cursor:default;opacity:.9;color:#444;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.player-icons .icon img{width:1.3rem;height:1.3rem}@media (hover: hover) and (pointer: fine){.player-icons .icon:hover{transform:translateY(-2px);opacity:1}}.player-icons .icon.used{opacity:.4;filter:grayscale(80%) brightness(.7)}.player-card{display:flex;flex-direction:column;align-items:center;background:var(--card-bg, #f9f9f9);border:2px solid var(--border-color, #ccc);border-radius:16px;padding:1rem;width:360px;margin:.75rem auto;position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 2px 10px #00000026;color:var(--text-color, #222)}.player-card.self{border-color:#4cafef;box-shadow:0 0 12px 3px #4cafefb3}.player-card.opponent{border-color:#f44336;box-shadow:0 0 12px 3px #f44336b3}.player-card.skip{border-color:#ffb13b;box-shadow:0 0 12px 3px #ffb13bb3}.player-card.neutral{border-color:#ccc;box-shadow:0 0 6px 1px #9ca3af80}.player-header{display:flex;flex-direction:row;align-items:center;width:100%;transform:translateZ(0)}.player-image{width:100px;height:100px;object-fit:cover;object-position:top;border-radius:12px;flex-shrink:0;margin-right:1rem;background-color:#f0f0f0}.player-info h2{margin:0 0 .4rem;font-size:1.2rem;font-weight:600;flex:1;text-align:left;width:100%}.player-info p{margin:.2rem 0;font-size:.9rem;flex:1;text-align:left;width:100%}.player-reveal{width:100%;overflow:hidden}.player-reveal-inner{margin-top:.85rem;border-top:1px solid #ddd;background:var(--reveal-bg, #f4f7fb);border-radius:8px;text-align:left;line-height:1.4;padding:.65rem .75rem;font-size:.85rem}.player-reveal-inner strong{color:var(--accent-color, #1e3a8a)}.theme-dark .player-reveal-inner{background:#14161ef2;border-top:1px solid #3a3d4f;color:#e4e6eb}.theme-dark .player-reveal-inner strong{color:#7dd3fc}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px 3px #4cafef99}50%{box-shadow:0 0 20px 6px #4cafefe6}}.player-card.self.turn{animation:pulseGlow 1.8s ease-in-out infinite}.round-badge{position:absolute;top:-12px;left:-12px;z-index:5;background:transparent;color:var(--badge-text-color, #333);font-weight:700;font-size:.8rem;border-radius:6px;padding:0rem 1.2rem;text-shadow:0 1px 1px rgba(0,0,0,.1)}.player-chain-wrapper{transition:transform .3s ease;margin-top:3.5rem}.player-chain{transition:transform .3s ease}@media (max-width: 900px){.player-chain{transform:translate(-60px)}}@media (max-width: 700px){.player-chain{transform:translate(-80px)}}.team-logo{width:48px;height:48px;object-fit:contain;border-radius:6px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}@media (hover: hover) and (pointer: fine){.team-logo:hover{transform:scale(1.15);box-shadow:0 0 8px #00000040}}.team-logo--text{display:inline-flex;align-items:center;justify-content:center;background:#fafafa;color:#333;font-weight:600;font-size:.85rem;border:1px solid #ccc;border-radius:6px;width:38px;height:38px;transition:background .2s ease,transform .2s ease}@media (hover: hover) and (pointer: fine){.team-logo--text:hover{background:#e0e0e0;transform:scale(1.15)}}.search-bar-wrapper{margin-top:.5rem;margin-bottom:4rem}.game-search{width:350px;height:40px;padding:.5rem 2rem;text-align:center;border:2px solid #ccc;border-radius:8px;background-color:#333;color:#d3d3d3;font-size:1rem;box-sizing:border-box;appearance:none;outline:none;transition:border-color .2s ease}.game-search::placeholder{color:#b4b4b4;opacity:1}.game-search:focus{border-color:#4cafef}.game-suggestions{position:absolute;top:100%;left:0;right:0;background:#2b2b2b;border:1px solid #555;border-radius:6px;max-height:150px;overflow-y:auto;margin:0;padding:0;list-style:none;z-index:1000;box-shadow:0 4px 10px #0006}.game-suggestion-item{padding:.5rem;color:#d3d3d3;background:#333;border-bottom:1px solid #444;cursor:pointer;transition:background .2s ease,color .2s ease}.game-suggestion-item.highlighted{background:#4cafef;color:#000}@media (hover: hover) and (pointer: fine){.game-suggestion-item:hover{background:#4cafef;color:#000}}.game-suggestion-item:active{background:#4cafef;color:#000}.game-suggestion-item:last-child{border-bottom:none}.game-messages{position:relative;width:100%;max-width:400px;margin:0 auto 1rem;text-align:center;z-index:50;height:3rem;display:flex;justify-content:center;align-items:center}.game-message{margin:.5rem 0;padding:.6rem 1rem;border-radius:6px;font-size:.95rem;font-weight:500;box-shadow:0 2px 6px #0003;transition:transform .25s ease,opacity .25s ease}@media (hover: hover) and (pointer: fine){.game-message:hover{transform:scale(1.02)}}.game-button{width:75px;height:75px;border-radius:12px;border:none;font-size:1.8rem;display:inline-flex;align-items:center;justify-content:center;margin:0rem 1rem 0rem 0rem;cursor:pointer;transition:transform .15s ease,background .25s ease,box-shadow .25s ease;background:var(--button-bg, #f4f4f4);color:var(--button-fg, #333);box-shadow:0 2px 6px #00000026}@media (hover: hover) and (pointer: fine){.game-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #00000040}}.game-button:active:not(:disabled){transform:scale(.95);opacity:.9}.game-button.time{background:#4cafef;color:#fff}.theme-dark .game-button.time{background:#2e6a92;color:#eee;box-shadow:0 2px 6px #ffffff1a}@media (hover: hover) and (pointer: fine){.game-button.time:hover:not(:disabled){background:#63c3ff}}.game-button.reveal{background:#9c27b0;color:#fff}.theme-dark .game-button.reveal{background:#6b1c79;color:#eee;box-shadow:0 2px 6px #ffffff1a}@media (hover: hover) and (pointer: fine){.game-button.reveal:hover:not(:disabled){background:#b54ed2}}.game-button.skip{background:#ffb13b;color:#fff}.theme-dark .game-button.skip{background:#a87527;color:#eee;box-shadow:0 2px 6px #ffffff1a}@media (hover: hover) and (pointer: fine){.game-button.skip:hover:not(:disabled){background:#ffc870}}.game-button:disabled,.game-button.disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.game-button.nav{color:#fff}@media (hover: hover) and (pointer: fine){.game-button.nav:hover:not(:disabled){transform:translateY(-2px)}}.game-button.return{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 2px 8px #64748b4d}@media (hover: hover) and (pointer: fine){.game-button.return:hover:not(:disabled){background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 4px 12px #64748b66}}.game-button.rematch{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e4d}@media (hover: hover) and (pointer: fine){.game-button.rematch:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 4px 12px #22c55e66}}.game-button.nav.disabled,.game-button.nav:disabled{opacity:.6;cursor:not-allowed}.theme-dark .game-button{background:#333;color:#eee;box-shadow:0 2px 6px #ffffff1a}@media (hover: hover) and (pointer: fine){.theme-dark .game-button:hover:not(:disabled){box-shadow:0 4px 10px #fff3}}.counter-attacks{position:absolute;top:12rem;right:1rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-end;z-index:10}.counter-button{width:75px;height:75px;border-radius:12px;border:none;font-size:1.8rem;display:inline-flex;align-items:center;justify-content:center;margin:0rem;margin-bottom:0;margin-right:1rem;margin-top:0rem;background:#d32f2f;color:#fff;box-shadow:0 2px 6px #00000040;cursor:pointer;transition:transform .15s ease,background .25s ease,box-shadow .25s ease}@media (hover: hover) and (pointer: fine){.counter-button:hover:not(:disabled){background:#f44336;transform:translateY(-2px);box-shadow:0 4px 10px #f4433666}}.counter-button:active:not(:disabled){transform:scale(.95);opacity:.9}.counter-button:disabled,.counter-button.disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.theme-dark .counter-button{background:#b71c1c;color:#eee}@media (hover: hover) and (pointer: fine){.theme-dark .counter-button:hover:not(:disabled){background:#ef5350}}.modal-content,.waiting-room,.game-over-modal{color:#000}.modal-content button,.waiting-room button,.game-over-modal button{color:#000;background-color:#4cafef;border:none;font-weight:700;border-radius:8px;padding:.5rem 1rem;cursor:pointer}.game-over-modal>div{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 10px 40px #00000026;max-width:420px;width:90%}.game-over-modal button{background:linear-gradient(135deg,#4cafef,#2196f3);color:#fff;border:none;font-weight:600;border-radius:8px;padding:.6rem 1.2rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4cafef4d}@media (hover: hover) and (pointer: fine){.game-over-modal button:hover{background:linear-gradient(135deg,#63c3ff,#4cafef);transform:translateY(-1px);box-shadow:0 4px 12px #4cafef66}}.game-over-modal button:disabled{background:#cbd5e1;color:#64748b;box-shadow:none;transform:none;cursor:not-allowed}@media (hover: hover) and (pointer: fine){.modal-content button:hover,.waiting-room button:hover{background-color:#3a90d6}}.modal-content,.create-game-modal,.private-match-modal{background-color:#fff;color:#000;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 4px 12px #00000040}.modal-content h3,.create-game-modal h3,.private-match-modal h3{color:#111;margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.modal-content p,.create-game-modal p,.private-match-modal p{color:#333;font-size:1rem;margin-bottom:1rem}.modal-content button,.create-game-modal button,.private-match-modal button{color:#fff;background-color:#4caf50;border:none;font-weight:700;border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:background .2s ease}@media (hover: hover) and (pointer: fine){.modal-content button:hover,.create-game-modal button:hover,.private-match-modal button:hover{background-color:#3a8c3d}}.theme-dark{background-color:#0f111a;color:#e4e6eb}.theme-dark .parallax-container{background:radial-gradient(circle at center,#12141ee6,#05060c)}.theme-dark .parallax-logo{filter:grayscale(25%) brightness(.8);opacity:.6}.theme-dark header{background:linear-gradient(90deg,#141621,#1e2030);box-shadow:0 2px 10px #000c}.theme-dark header a{color:#ddd}.theme-dark header a:hover{color:#4cafef}.theme-dark body,.theme-dark #root,.theme-dark .page-container{background:#0f111a;color:#e4e6eb}.theme-dark .page-title{color:#f3f4f6}.theme-dark .page-subtitle{color:#aaa}.theme-dark .card,.theme-dark .game-container{background:#20232dbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 20px #0009;color:#e5e7eb}.theme-dark .player-card{background:#1c1e28e6;border-color:#ffffff1a;color:#e4e6eb}.theme-dark .btn{box-shadow:0 2px 8px #ffffff14;color:#fff}.theme-dark .btn-green{background:#2e7d32}.theme-dark .btn-blue{background:#1565c0}.theme-dark .btn-purple{background:#6a1b9a}.theme-dark .btn-red{background:#c62828}.theme-dark .btn-gray{background:#444;color:#ddd}@media (hover: hover) and (pointer: fine){.theme-dark .btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #4cafef40}}.theme-dark input[type=text],.theme-dark .input{background-color:#1e1f2b;color:#f3f3f3;border:1px solid #3a3d4f}.theme-dark input[type=text]:focus,.theme-dark .input:focus{border-color:#4cafef;box-shadow:0 0 6px #4cafef80}.theme-dark .modalContainer,.theme-dark .modal-content,.theme-dark .create-game-modal,.theme-dark .private-match-modal{background:#181a23f2;color:#e4e6eb;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 18px #000000b3}.theme-dark .modal-content h3{color:#fff}.theme-dark .modal-content button{background-color:#4cafef;color:#fff}@media (hover: hover) and (pointer: fine){.theme-dark .modal-content button:hover{background-color:#63c3ff}}.theme-dark .game-message{background:#ffffff14;color:#f3f3f3}.theme-dark .game-button{background:#1e1f2b;color:#eee;border:1px solid rgba(255,255,255,.1)}@media (hover: hover) and (pointer: fine){.theme-dark .game-button:hover{background:#2a2d3e;box-shadow:0 0 10px #ffffff1a}}.theme-dark .game-search{background:#1c1e29;color:#e4e6eb;border:1px solid #4a4d61}.theme-dark .game-search::placeholder{color:#888}.theme-dark small,.theme-dark p{color:#ccc}.theme-dark .modal,.theme-dark .modal-overlay .modal{background:linear-gradient(135deg,#2a2d3efa,#1e1f26fa);color:#e4e6eb;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #00000080}.theme-dark .modal h3,.theme-dark .modal .page-title{color:#fff}.theme-dark .modal input[type=text]{background-color:#1e1f26;color:#fff;border:1px solid rgba(76,175,239,.3)}.theme-dark .modal input[type=text]:focus{border-color:#4cafef;box-shadow:0 0 6px #4cafef80}.theme-dark .modal .btn{color:#fff}.theme-dark .modal-overlay{background:#0009}.theme-dark .player-name{color:#f5f5f5!important}.theme-dark .player-name--waiting{color:#bbb!important}.theme-dark .player-profile-icon{box-shadow:0 2px 6px #0006}.theme-dark .round-badge{color:#fff!important}.overlay-card{background:#e9f1fa;border:2px solid #aac4e6;border-radius:8px;padding:.75rem 1rem;margin:.25rem auto;font-size:.9rem;color:#222;width:240px;text-align:center;box-shadow:0 3px 8px #0000001a}.theme-dark .overlay-card{background:#1e2028e6;border:2px solid rgba(120,150,190,.4);color:#e5e7eb}.theme-dark .search-bar-wrapper{background:transparent!important}.theme-dark .game-search{background-color:#dfdfdf!important;border-color:#555!important;color:#202020!important}.theme-dark .opponent-bar{background-color:#2d2d2d!important;border-color:#555!important;color:#ccc!important}.theme-dark .game-container{background:#14161cd9!important;color:#f5f5f5!important}.game-over-modal{position:relative}.game-over-modal .close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:1.4rem;color:#333;cursor:pointer;z-index:2000;padding:0;line-height:1}@media (hover: hover) and (pointer: fine){.game-over-modal .close-btn:hover{color:#000;transform:scale(1.15)}}.theme-dark .game-over-modal>div{background:linear-gradient(135deg,#1e202afa,#14161efa);color:#e4e6eb;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #00000080}.theme-dark .game-over-modal h2,.theme-dark .game-over-modal h3{color:#f3f4f6}.theme-dark .game-over-modal p{color:#d1d5db}.theme-dark .game-over-modal .close-btn{color:#9ca3af}@media (hover: hover) and (pointer: fine){.theme-dark .game-over-modal .close-btn:hover{color:#fff}}.theme-dark .game-over-modal button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 2px 8px #3b82f64d}@media (hover: hover) and (pointer: fine){.theme-dark .game-over-modal button:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px #3b82f666}}.theme-dark .game-over-modal button:disabled{background:#374151;color:#9ca3af;box-shadow:none}@media (max-width: 768px){.main-content{padding:1.5rem}.game-container{padding:1.5rem;max-width:100%}.game-header{margin-bottom:6rem}.player-card{width:calc(100% - 1rem);max-width:340px}.player-image{width:90px;height:90px}.game-button,.counter-button{width:65px;height:65px}}@media (max-width: 600px){.main-content{padding:1rem}.game-container{display:flex;flex-direction:column;padding:1rem}.powerups-container{order:-1}.game-header{margin-bottom:5rem}.player-name{font-size:1rem}.player-profile-icon{width:28px;height:28px}.player-card{width:calc(100% - .5rem);max-width:320px;padding:.75rem}.player-image{width:80px;height:80px;margin-right:.75rem}.player-info h2{font-size:1.05rem}.player-info p{font-size:.8rem}.game-search{width:100%;max-width:350px;min-width:200px;font-size:16px}.game-messages{width:90%;margin:0 auto .5rem}.game-button,.counter-button{width:56px;height:56px;margin:0}.powerups-container{position:relative;inset:auto;transform:none;flex-direction:row;justify-content:center;gap:.75rem;padding:.5rem 0;margin:0 auto .5rem;background:transparent;z-index:10;border:none;width:100%}.game-header{margin-top:0}.team-logo{width:42px;height:42px}.overlay-card{width:220px;padding:.5rem .75rem}.game-over-modal>div{width:95%;max-width:380px;padding:1.5rem}}@media (max-width: 480px){.player-name{font-size:.9rem}.player-profile-icon{width:24px;height:24px}.player-card{max-width:300px}.player-image{width:70px;height:70px}.player-info h2{font-size:.95rem}.player-info p{font-size:.75rem}.game-button,.counter-button{width:52px;height:52px}.team-logo{width:38px;height:38px}.overlay-card{width:180px}.game-over-modal>div{padding:1.25rem}}@media (max-width: 320px){.player-name{font-size:.85rem}.player-card{max-width:280px}.player-image{width:60px;height:60px}.player-info h2{font-size:.9rem}.player-info p{font-size:.7rem}.game-button,.counter-button{width:48px;height:48px}}.game-suggestion-item{min-height:44px;display:flex;align-items:center}:root{--card-width: calc(100% - 1rem) ;--card-max-width: 360px;--shot-clock-width: 150px;--shot-clock-height: 100px;--shot-clock-font: 6.8rem;--button-size: 75px;--header-margin: 8rem;--connector-height: 60px;--game-padding: 2rem;--player-image-size: 100px}.waiting-room{position:fixed;inset:0;background-color:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:999;text-align:center;padding:1rem}.waiting-room h2{font-size:2rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.waiting-room-logo{width:2.5rem;height:2.5rem}.waiting-room-share{font-size:1.2rem;margin-bottom:1rem}.waiting-room-game-id{background:#222;padding:1rem 2rem;border-radius:10px;font-size:1.5rem;letter-spacing:2px;font-weight:700}.waiting-room-status{margin-top:2rem}.waiting-room-user{margin-top:1rem;font-size:.9rem;opacity:.8}.waiting-room-cancel{margin-top:2rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;background-color:#f44336;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.waiting-room-cancel:hover{background-color:#e57373}.waiting-room-cancel:active{background-color:#d32f2f;transform:scale(.98)}.shot-clock-mount{padding:.5rem;background:linear-gradient(145deg,#2b2b2b,#1a1a1a);border-radius:12px;border:1px solid #444;box-shadow:0 4px 12px #000000b3,inset 0 2px 5px #ffffff0d;display:inline-block}.shot-clock-display{font-family:Segment7,monospace;font-size:var(--shot-clock-font);color:#ff2a2a;text-shadow:0 0 10px rgba(255,0,0,1),0 0 25px rgba(255,0,0,.8),0 0 50px rgba(255,0,0,.5);background:radial-gradient(circle at 30% 30%,#111,#000 80%);border:3px solid #333;border-radius:10px;box-shadow:0 2px 6px #000000b3,inset 0 1px 8px #ffffff0d,inset 0 -3px 8px #000c,0 0 25px #ff000040;width:var(--shot-clock-width);height:var(--shot-clock-height);display:flex;align-items:center;justify-content:flex-end;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;padding-right:0}.shot-clock-reflection{position:absolute;top:0;left:0;width:100%;height:45%;background:linear-gradient(to bottom,rgba(255,255,255,.07),transparent);pointer-events:none}.shot-clock-digits{z-index:2;display:flex;justify-content:flex-end;align-items:center;width:100%;transform:translateY(4px);letter-spacing:.08em}.shot-clock-digit-space{width:.6em}.search-bar-container{position:relative;display:inline-block;margin-bottom:3rem;height:40px;width:100%;max-width:350px}.game-over-bar,.opponent-turn-bar{width:100%;max-width:350px;min-width:200px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid #ccc;border-radius:8px;font-size:1.1rem;font-weight:700;text-align:center;box-sizing:border-box}.game-over-bar{background-color:#333;color:#d3d3d3}.opponent-turn-bar{background-color:#f0f0f0;color:#666}.connector-line{width:2px;height:var(--connector-height);background:#555;margin:0 auto}.connector-line--top{margin-bottom:.5rem}.connector-line--bottom{margin-top:.5rem}.history-card-container{display:flex;flex-direction:column;align-items:center;position:relative}.current-card-container{position:relative;align-items:center;width:var(--card-max-width);max-width:var(--card-width);display:flex;justify-content:center;z-index:100}.history-card-wrapper{position:relative;width:var(--card-max-width);max-width:var(--card-width);display:flex;justify-content:center}.powerups-container{position:absolute;top:12rem;right:1rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-end;z-index:10}.powerups-container .game-button,.powerups-container .counter-button{width:var(--button-size);height:var(--button-size)}.powerups-container .game-button img,.powerups-container .counter-button img{width:2.5rem;height:2.5rem}.game-over-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.game-over-content{width:90%;max-width:420px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.top-suggestions-container{min-height:180px;display:flex;justify-content:center;align-items:center;margin-top:.5rem;transition:all .4s ease;position:relative;width:100%;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch}.suggestions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.suggestions-spinner{width:40px;height:40px;border:4px solid rgba(76,175,239,.2);border-top-color:#4cafef;border-radius:50%;animation:suggestions-spin 1s linear infinite}@keyframes suggestions-spin{to{transform:rotate(360deg)}}.suggestions-loading .loading-text{font-size:.9rem;color:#666;margin:0}.theme-dark .suggestions-loading .loading-text{color:#9ca3af}.theme-dark .suggestions-spinner{border-color:#4cafef4d;border-top-color:#4cafef}.game-over-buttons{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;width:100%;box-sizing:border-box}.game-over-buttons button{width:100%}@media (max-width: 768px){:root{--shot-clock-width: 120px;--shot-clock-height: 80px;--shot-clock-font: 5.5rem;--button-size: 65px;--header-margin: 6rem;--connector-height: 45px;--game-padding: 1.5rem;--player-image-size: 90px}.game-container{padding:var(--game-padding)}.game-header{margin-bottom:var(--header-margin)}.game-messages{width:90%;max-width:350px;margin:0 auto .75rem}.powerups-container{top:10rem;right:.5rem}.powerups-container .game-button img,.powerups-container .counter-button img{width:2rem;height:2rem}}@media (max-width: 600px){:root{--shot-clock-width: 80px;--shot-clock-height: 55px;--shot-clock-font: 3.5rem;--button-size: 56px;--header-margin: 2rem;--connector-height: 35px;--game-padding: 1rem;--player-image-size: 80px;--card-max-width: 320px}.player-name{min-width:90px}.player-name:after{height:2px;bottom:2px}.player-name--opponent{justify-content:flex-end}.game-header{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:var(--header-margin);padding:0 .5rem}.shot-clock-wrapper{position:relative;top:auto;left:auto;transform:none;order:0;flex-shrink:0}.player-section{flex:1;min-width:0}.player-section--self{align-items:flex-start}.player-section--opponent{align-items:flex-end}.player-name{font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-profile-icon{width:24px;height:24px}.player-icons{gap:.3rem!important}.player-icons .icon{min-width:1.2rem!important;min-height:auto!important}.player-icons .icon img{width:1.2rem!important;height:auto!important}.player-chain-wrapper,.player-chain{width:100%;display:flex;flex-direction:column;align-items:center}.current-card-container,.history-card-wrapper,.history-card-container{width:100%!important;max-width:var(--card-max-width);display:flex;flex-direction:column;align-items:center}.player-card{width:var(--card-width);max-width:var(--card-max-width);padding:.75rem}.player-image{width:var(--player-image-size);height:var(--player-image-size);margin-right:.75rem}.player-info h2{font-size:1.05rem}.player-info p{font-size:.8rem}.game-search{width:100%;max-width:350px;min-width:200px;font-size:16px}.powerups-container{position:relative!important;inset:auto!important;transform:none!important;flex-direction:row!important;justify-content:center!important;gap:.75rem!important;padding:.5rem 0!important;margin:0 auto .5rem!important;background:transparent!important;z-index:10!important;border:none!important;width:100%!important}.game-header{margin-top:0!important}.powerups-container .game-button,.powerups-container .counter-button{margin:0}.game-container{display:flex!important;flex-direction:column!important;padding-top:1rem;padding-bottom:var(--game-padding)}.powerups-container{order:-1!important}.game-messages{width:90%;margin:0 auto .5rem}.waiting-room h2{font-size:1.5rem}.waiting-room-game-id{font-size:1.2rem;padding:.75rem 1.5rem}.top-suggestions-container{min-height:140px;justify-content:flex-start;padding:0 .5rem}.top-suggestions-container .suggestions-list{justify-content:flex-start!important;padding:0 .25rem}.suggestions-spinner{width:32px;height:32px;border-width:3px}.suggestions-loading .loading-text{font-size:.85rem}}@media (max-width: 480px){:root{--shot-clock-width: 70px;--shot-clock-height: 48px;--shot-clock-font: 3rem;--button-size: 52px;--connector-height: 30px;--player-image-size: 70px;--card-max-width: 300px}.player-name{font-size:.8rem}.player-profile-icon{width:22px;height:22px}.player-icons .icon img{width:.85rem!important;height:.85rem!important}.player-icons{gap:.15rem!important}.player-info h2{font-size:.95rem}.player-info p{font-size:.75rem}.powerups-container .game-button img,.powerups-container .counter-button img{width:1.75rem;height:1.75rem}.team-logo{width:40px;height:40px}.overlay-card{width:200px;padding:.5rem .75rem}.game-over-content h2{font-size:1.3rem}.game-over-content h3{font-size:1rem}}@media (max-width: 320px){:root{--shot-clock-width: 60px;--shot-clock-height: 42px;--shot-clock-font: 2.5rem;--card-max-width: 280px;--player-image-size: 60px}.player-name{font-size:.75rem}.player-profile-icon{width:20px;height:20px}.player-info h2{font-size:.9rem}.player-info p{font-size:.7rem}.waiting-room h2{font-size:1.25rem}.waiting-room-game-id{font-size:1rem;padding:.5rem 1rem}.player-icons .icon img{width:.75rem!important;height:.75rem!important}}@media (max-width: 600px){.game-suggestion-item{min-height:44px;display:flex;align-items:center}}.game-button:active:not(:disabled),.counter-button:active:not(:disabled){transform:scale(.95);opacity:.9}.fullscreen-overlay{min-height:100dvh;min-height:-webkit-fill-available}.page-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding-top:6rem;color:#222;font-family:Inter,Segoe UI,sans-serif;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:2rem 2.5rem;box-shadow:0 4px 14px #0000001f;max-width:400px;width:90%;margin:1rem auto}.page-title{font-size:2.2rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.page-subtitle{font-size:1.05rem;color:#444;margin-bottom:1.2rem}.page-container input[type=text]{padding:.6rem .8rem;border-radius:8px;border:1px solid #ccc;font-size:1rem;width:70%;max-width:220px;transition:border .2s ease,box-shadow .2s ease}input[type=text]:focus{outline:none;border:1px solid #4cafef;box-shadow:0 0 6px #4cafef66}.btn{padding:.6rem 1.3rem;font-size:1rem;border-radius:8px;border:none;cursor:pointer;color:#fff;font-weight:600;transition:transform .15s ease,box-shadow .25s ease,background .25s ease;margin:.3rem;box-shadow:0 2px 6px #0003}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.btn:active{transform:translateY(0)}.btn-green{background:#4caf50}.btn-green:hover{background:#66bb6a}.btn-blue{background:#2196f3}.btn-blue:hover{background:#42a5f5}.btn-purple{background:#673ab7}.btn-purple:hover{background:#7e57c2}.btn-red{background:#f44336}.btn-red:hover{background:#e57373}.btn-gray{background:#ccc;color:#222}.btn-gray:hover{background:#ddd}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fffffff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:2rem;border-radius:14px;width:340px;box-shadow:0 4px 16px #0000004d;animation:fadeIn .3s ease}.theme-dark .modal{background:linear-gradient(135deg,#2a2d3efa,#1e1f26fa);color:#fff}.theme-dark .modal .page-title{color:#fff}.theme-dark .modal .page-subtitle{color:#9ca3af}.theme-dark .modal input[type=text]{background-color:#1e1f26;color:#fff;border:1px solid #4cafef55}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4cafef}input:checked+.slider:before{transform:translate(24px)}.spinner{width:40px;height:40px;border:4px solid rgba(76,175,239,.2);border-top-color:#4cafef;border-radius:50%;animation:spin 1s linear infinite;margin:1rem auto}@keyframes spin{to{transform:rotate(360deg)}}.about-page{display:flex;min-height:calc(100vh - 100px);padding-top:2rem;gap:2rem;max-width:1200px;margin:0 auto;padding-left:2rem;padding-right:2rem}.about-sidebar{flex-shrink:0;width:200px;position:sticky;top:120px;height:fit-content}.about-nav{display:flex;flex-direction:column;gap:.5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:1rem;box-shadow:0 4px 12px #0000001a}.about-nav-item{padding:.75rem 1rem;border:none;background:transparent;text-align:left;font-size:1rem;font-weight:500;color:#444;cursor:pointer;border-radius:8px;transition:all .2s ease}@media (hover: hover) and (pointer: fine){.about-nav-item:hover{background:#4cafef1a;color:#4cafef}}.about-nav-item:active{background:#4cafef33}.about-nav-item.active{background:#4cafef;color:#fff}.about-content{flex:1;min-width:0}.about-section{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:2.5rem;box-shadow:0 4px 16px #0000001a;margin-bottom:2rem}.about-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #4cafef}.rules-intro{font-size:1.1rem;line-height:1.7;color:#333;margin-bottom:2rem;padding:1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #4cafef}.rule-block{margin-bottom:2.5rem}.rule-block h2{font-size:1.4rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.rule-block p{color:#555;line-height:1.7;margin-bottom:1rem}.example-description{margin-bottom:1.5rem}.example-chain{display:flex;flex-direction:column;align-items:center;margin:2rem 0;padding:1.5rem;background:#f4f7fb;border-radius:12px}.example-card-wrapper{display:flex;flex-direction:column;align-items:center}.example-connector{width:2px;height:40px;background:#555}.example-overlap-card{background:#e9f1fa;border:2px solid #aac4e6;border-radius:8px;padding:.5rem .75rem;margin:.5rem 0}.example-team-logo{width:48px;height:48px;object-fit:contain;border-radius:6px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}@media (hover: hover) and (pointer: fine){.example-team-logo:hover{transform:scale(1.15);box-shadow:0 0 8px #00000040}}.example-player-card{display:flex;flex-direction:column;align-items:center;background:#f9f9f9;border:2px solid #ccc;border-radius:16px;padding:1rem;width:320px;transition:border-color .3s ease,box-shadow .3s ease}.example-player-card.self{border-color:#4cafef}.example-player-card.opponent{border-color:#f44336}.example-player-card.neutral{border-color:#ccc}.example-player-header{display:flex;flex-direction:row;align-items:center;width:100%}.example-player-image{width:80px;height:80px;object-fit:cover;object-position:top;border-radius:12px;flex-shrink:0;margin-right:1rem;background-color:#f0f0f0}.example-player-info h3{margin:0 0 .3rem;font-size:1.1rem;font-weight:600;color:#222}.example-player-info p{margin:.15rem 0;font-size:.85rem;color:#444;line-height:1.4}.example-caption{font-size:.9rem;color:#666;font-style:italic;text-align:center;margin-top:.5rem}.shot-clock-example{display:flex;justify-content:center;margin:1.5rem 0}.mini-shot-clock-mount{padding:.4rem;background:linear-gradient(145deg,#2b2b2b,#1a1a1a);border-radius:10px;border:1px solid #444;box-shadow:0 4px 12px #000000b3,inset 0 2px 5px #ffffff0d;display:inline-block}.mini-shot-clock{font-family:Segment7,monospace;font-size:3.5rem;color:#ff2a2a;text-shadow:0 0 10px rgba(255,0,0,1),0 0 25px rgba(255,0,0,.8),0 0 50px rgba(255,0,0,.5);background:radial-gradient(circle at 30% 30%,#111,#000 80%);border:3px solid #333;border-radius:10px;box-shadow:0 2px 6px #000000b3,inset 0 1px 8px #ffffff0d,inset 0 -3px 8px #000c,0 0 25px #ff000040;width:90px;height:60px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.mini-shot-clock:before{content:"";position:absolute;top:0;left:0;width:100%;height:45%;background:linear-gradient(to bottom,rgba(255,255,255,.07),transparent);pointer-events:none}.powerup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.5rem}.powerup-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.powerup-icon{width:48px;height:48px;flex-shrink:0}.powerup-info h4{margin:0 0 .3rem;font-size:1rem;font-weight:600;color:#1f2937}.powerup-info p{margin:0;font-size:.9rem;color:#555;line-height:1.5}.rules-list{list-style:none;padding:0;margin:1rem 0}.rules-list li{padding:.75rem 1rem;margin-bottom:.5rem;background:#f8fafc;border-radius:8px;border-left:3px solid #4cafef;color:#444;line-height:1.5}.bugs-section>p,.contact-section>p{color:#333;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.report-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.report-option{padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.report-option h3{margin:0 0 1rem;font-size:1.2rem;color:#1f2937}.report-option p{color:#333;line-height:1.6;margin-bottom:1rem}.report-option ul{padding-left:1.25rem;margin:1rem 0;color:#333}.report-option li{margin-bottom:.5rem;line-height:1.5}.contact-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.contact-option{padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.contact-option h3{margin:0 0 .75rem;font-size:1.2rem;color:#1f2937}.contact-option p{color:#333;line-height:1.6}.contact-link{display:inline-block;color:#4cafef;font-weight:500;text-decoration:none;margin-top:.5rem}@media (hover: hover) and (pointer: fine){.contact-link:hover{text-decoration:underline}}.social-links{display:flex;gap:1rem;margin-top:.75rem}.social-links a{color:#4cafef;text-decoration:none;font-weight:500}@media (hover: hover) and (pointer: fine){.social-links a:hover{text-decoration:underline}}.theme-dark .about-nav{background:#20232dbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 20px #0009}.theme-dark .about-nav-item{color:#e5e7eb}@media (hover: hover) and (pointer: fine){.theme-dark .about-nav-item:hover{background:#4cafef33;color:#4cafef}}.theme-dark .about-nav-item.active{background:#4cafef;color:#fff}.theme-dark .about-section{background:#20232dbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 20px #0009;color:#e5e7eb}.theme-dark .about-title{color:#f3f4f6}.theme-dark .rules-intro{background:#14161e99;border:1px solid rgba(255,255,255,.08);border-left:4px solid #4cafef;color:#e5e7eb}.theme-dark .rule-block h2{color:#f3f4f6}.theme-dark .rule-block p,.theme-dark .example-caption{color:#d1d5db}.theme-dark .example-chain{background:#14161e99;border:1px solid rgba(255,255,255,.08)}.theme-dark .example-overlap-card{background:#1e2028e6;border:2px solid rgba(120,150,190,.4)}.theme-dark .example-player-card{background:#1c1e28e6;border:1px solid rgba(255,255,255,.1);color:#e4e6eb}.theme-dark .example-player-info h3{color:#f3f4f6}.theme-dark .example-player-info p{color:#d1d5db}.theme-dark .powerup-item,.theme-dark .rules-list li,.theme-dark .report-option,.theme-dark .contact-option{background:#14161e99;border:1px solid rgba(255,255,255,.08)}.theme-dark .rules-list li{border-left:3px solid #4cafef}.theme-dark .powerup-info h4,.theme-dark .report-option h3,.theme-dark .contact-option h3{color:#f3f4f6}.theme-dark .powerup-info p,.theme-dark .report-option p,.theme-dark .report-option ul,.theme-dark .report-option li,.theme-dark .rules-list li,.theme-dark .contact-option p{color:#e5e7eb}.theme-dark .bugs-section>p,.theme-dark .contact-section>p{color:#e5e7eb}@media (max-width: 768px){.about-page{flex-direction:column;padding:1rem}.about-sidebar{width:100%;position:static}.about-nav{flex-direction:row;overflow-x:auto;gap:.25rem}.about-nav-item{white-space:nowrap;padding:.5rem 1rem}.about-section{padding:1.5rem}.example-player-card{width:100%;max-width:320px}.powerup-grid{grid-template-columns:1fr}}.header{background:linear-gradient(90deg,#2a2d3ed9,#1e1f26d9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:.5rem 2rem;display:flex;align-items:flex-end;justify-content:space-between;box-shadow:0 2px 10px #0000004d;position:relative}.header-left{display:flex;align-items:flex-end;gap:2rem}.header-logo-link{font-size:1.6rem;font-weight:700;color:#fff;text-decoration:none;transition:color .2s ease;display:flex;align-items:flex-end}.header-logo-link:hover{color:#4cafef}.header-logo-img{height:82px;margin-right:.5rem}.header-logo-text{padding-bottom:.25rem}.header-nav{display:flex;gap:1.5rem;padding-bottom:.5rem}.header-nav-link{color:#f1f1f1;text-decoration:none;font-weight:500;transition:color .2s ease}.header-nav-link:hover,.header-nav-link.active{color:#4cafef}.header-right{display:flex;align-items:flex-end}.header-profile-container{position:relative;display:inline-block;text-align:center}.header-profile-trigger{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.25rem;cursor:pointer;font-weight:500;color:#f1f1f1;padding:.5rem .6rem .1rem;border-radius:6px;background-color:transparent;transition:background-color .2s ease}.header-profile-trigger.open{background-color:#3b3f52}.header-profile-img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #4cafef;box-shadow:0 2px 8px #0000004d;transform:translateZ(0);backface-visibility:hidden}.header-profile-name{font-size:.9rem}.header-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:linear-gradient(180deg,#2a2d3ef2,#1e1f26f2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:6px;box-shadow:0 4px 12px #0006;min-width:120px;z-index:200;overflow:hidden;animation:fadeIn .2s ease-out}.header-dropdown-item{display:block;padding:.7rem 1rem;color:#f1f1f1;text-decoration:none;cursor:pointer;transition:background-color .2s ease;min-height:44px;box-sizing:border-box}.header-dropdown-item:hover{background-color:#3b3f52}.header-signin{color:#f1f1f1;cursor:pointer;font-weight:500;transition:color .2s ease;background:none;border:none;font-size:inherit;padding:.5rem;min-height:44px}.header-signin:hover{color:#4cafef}.hamburger-btn{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;align-items:center;justify-content:center}.hamburger-icon{width:24px;height:24px}.mobile-nav-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:998}.mobile-nav-overlay.open{display:block}.mobile-nav{display:none;position:fixed;top:0;right:-280px;width:280px;height:100%;background:linear-gradient(180deg,#2a2d3efa,#1e1f26fa);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:999;transition:right .3s ease;padding:1rem;padding-top:env(safe-area-inset-top,1rem);box-sizing:border-box}.mobile-nav.open{right:0}.mobile-nav-header a img{margin-top:1rem}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav-close{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-nav-close svg{width:24px;height:24px}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{display:block;color:#f1f1f1;text-decoration:none;font-weight:500;font-size:1.1rem;padding:1rem;border-radius:8px;transition:background-color .2s ease;min-height:44px}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:#4cafef33;color:#4cafef}.mobile-nav-profile{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.mobile-nav-profile-info{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem}.mobile-nav-profile-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #4cafef}.mobile-nav-profile-name{font-weight:600;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header{padding:.5rem 1rem}.header-logo-img{height:60px}.header-logo-text{font-size:1.3rem}.header-left{gap:1rem}.header-nav{gap:1rem;font-size:.9rem}}@media (max-width: 600px){.header{align-items:center;padding:.5rem 1rem}.header-logo-img{height:50px}.header-logo-text{display:inline}.header-nav{display:none}.hamburger-btn{display:flex}.header-profile-container,.header-signin{display:none}.mobile-nav{display:block}.mobile-nav-logo-link{display:flex;align-items:center;gap:.5rem;text-decoration:none}.mobile-nav-logo-text{margin-top:1.8rem;color:#fff;font-size:1.2rem;font-weight:600}.header-right{align-items:center}}@media (max-width: 480px){.header-logo-img{height:40px}}@media (hover: hover) and (pointer: fine){.header-nav-link:hover{color:#4cafef}.header-profile-trigger:hover{background-color:#3b3f5280}.header-dropdown-item:hover{background-color:#3b3f52}}.header-nav-link:active{opacity:.8}.header-dropdown-item:active{background-color:#3b3f52}.hamburger-btn:active{opacity:.8}.mobile-nav-link:active{background-color:#4cafef4d}.fade-in-bg{opacity:0;animation:fadeInParallax 1.4s ease-out forwards}@keyframes fadeInParallax{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.parallax-container{position:fixed;inset:0;overflow:hidden;z-index:0;background:radial-gradient(circle at center,#f8f8f8f2,#ebebeb)}.parallax-layer{position:absolute;width:100%;height:200%;pointer-events:none;will-change:transform}.parallax-logo{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;filter:grayscale(0%) brightness(1.1);transition:transform .3s ease,opacity .3s ease;animation:floatLogo 9s ease-in-out infinite alternate}.parallax-logo:hover{transform:scale(1.08);opacity:.95}@keyframes floatLogo{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.theme-dark .parallax-container{background:radial-gradient(circle at center,#141928e6,#0a0c14)}.theme-dark .parallax-logo{filter:brightness(1.4) contrast(1.1) drop-shadow(0 0 6px rgba(76,175,239,.35));opacity:.95;transition:filter .3s ease,opacity .3s ease}.theme-dark .parallax-logo:hover{filter:brightness(1.7) contrast(1.2) drop-shadow(0 0 10px rgba(76,175,239,.6));opacity:1}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}