.pg{background:#0a0a0f;min-height:100vh;padding-top:5rem}.cc-hero{text-align:center;padding:2.5rem 1.25rem 1.5rem;max-width:720px;margin:0 auto}.cc-hico{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 8px 32px #f9731659;color:#fff}.cc-hero h1{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:900;color:#fff;margin:0 0 .6rem}.cc-sub{color:#c4c4dc;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.cc-sub kbd{background:#22222e;border:1px solid #374151;border-radius:4px;padding:.1rem .35rem;font-size:.82rem;color:#fb923c}.cc-badges{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.cc-badge{display:flex;align-items:center;gap:.3rem;background:#12121e;border:1px solid #22222e;border-radius:20px;padding:.25rem .65rem;font-size:.72rem;color:#a0a0bc}.cc-badge svg{color:#f97316}.cc-setup-wrap{max-width:720px;margin:0 auto 2rem;padding:0 1rem}.cc-card{background:#1a1a2e;border:1px solid #22222e;border-radius:16px;padding:1.25rem;margin-bottom:.75rem}.cc-card-title{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:#7c7c9a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.cc-card-title svg{color:#f97316}.cc-preset-grid{display:flex;flex-wrap:wrap;gap:.4rem}.cc-preset-btn{display:flex;flex-direction:column;align-items:center;gap:.1rem;background:#12121e;border:1px solid #22222e;border-radius:10px;padding:.5rem .75rem;cursor:pointer;transition:all .2s;font-family:inherit;min-width:80px}.cc-preset-btn:hover{border-color:#f97316;background:#f973160f}.cc-preset-btn.active{border-color:#f97316;background:#f973161f;box-shadow:0 0 0 1px #f97316}.cc-pr-emoji{font-size:1rem}.cc-pr-name{font-size:.72rem;font-weight:700;color:#e2e8f0;white-space:nowrap}.cc-pr-label{font-size:.6rem;color:#7c7c9a}.cc-preset-btn.active .cc-pr-name{color:#fb923c}.cc-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.cc-method-btn{background:#12121e;border:1px solid #22222e;border-radius:10px;padding:.65rem .5rem;cursor:pointer;text-align:center;transition:all .2s;font-family:inherit}.cc-method-btn:hover{border-color:#f97316}.cc-method-btn.active{border-color:#f97316;background:#f973161a}.cc-mb-name{display:block;font-size:.78rem;font-weight:700;color:#e2e8f0;margin-bottom:.15rem}.cc-mb-desc{display:block;font-size:.62rem;color:#7c7c9a}.cc-method-btn.active .cc-mb-name{color:#fb923c}.cc-time-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.cc-time-player-label{font-size:.72rem;font-weight:700;color:#7c7c9a;min-width:56px}.cc-time-inputs{display:flex;align-items:center;gap:.5rem;flex:1}.cc-time-field{display:flex;flex-direction:column;gap:.2rem}.cc-time-field label{font-size:.6rem;font-weight:700;color:#7c7c9a;text-transform:uppercase;letter-spacing:.05em}.cc-input{background:#12121e;border:1px solid #22222e;border-radius:8px;padding:.55rem .75rem;color:#e2e8f0;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s;width:80px;text-align:center;font-weight:700}.cc-input:focus{border-color:#f97316}.cc-plus-sep{font-size:1.1rem;font-weight:700;color:#7c7c9a;margin-top:1rem}.cc-diff-row{margin-bottom:.75rem}.cc-diff-btn{background:transparent;border:1px dashed #374151;border-radius:8px;padding:.45rem .85rem;color:#7c7c9a;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s;font-family:inherit}.cc-diff-btn:hover{border-color:#f97316;color:#fb923c}.cc-diff-btn.active{border-color:#f97316;color:#fb923c;background:#f973160d;border-style:solid}.cc-names-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cc-names-row .cc-input{width:100%;text-align:left;box-sizing:border-box}.cc-start-row{display:flex;gap:.75rem;margin-bottom:1rem}.cc-btn-start{flex:1;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;padding:.9rem 1.5rem;color:#fff;font-size:1rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;font-family:inherit;letter-spacing:.01em}.cc-btn-start:hover{transform:translateY(-2px);box-shadow:0 8px 32px #f9731659}.cc-btn-share{background:#1a1a2e;border:1px solid #22222e;border-radius:12px;padding:.9rem 1.25rem;color:#c4c4dc;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s;font-family:inherit}.cc-btn-share:hover{border-color:#f97316;color:#fb923c}.cc-shortcuts{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;justify-content:center}.cc-sk{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#7c7c9a}kbd{background:#22222e;border:1px solid #374151;border-radius:5px;padding:.1rem .4rem;font-size:.72rem;color:#c4c4dc;font-family:monospace}.cc-game-wrap{max-width:720px;margin:0 auto 2rem;padding:0 1rem;position:relative}.cc-player-card{border-radius:20px;padding:2rem 1.5rem;cursor:pointer;user-select:none;transition:all .25s;margin-bottom:.75rem;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;position:relative}.cc-player-card.cc-active{background:linear-gradient(145deg,#1a2e1a,#152515);border:2px solid #22c55e;box-shadow:0 0 40px #22c55e26}.cc-player-card.cc-inactive{background:#12121e;border:2px solid #1f2937;opacity:.75}.cc-player-card.cc-warning{background:linear-gradient(145deg,#2e1f0a,#251a08);border-color:#f97316;box-shadow:0 0 40px #f9731633;animation:cc-warn-pulse 1s ease-in-out infinite}.cc-player-card.cc-expired{background:linear-gradient(145deg,#2e0a0a,#250808);border-color:#ef4444;box-shadow:0 0 40px #ef444433;cursor:not-allowed}@keyframes cc-warn-pulse{0%,to{box-shadow:0 0 24px #f9731633}50%{box-shadow:0 0 48px #f9731673}}.cc-player-top{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cc-player-name{font-size:.95rem;font-weight:800;color:#e2e8f0}.cc-turn-indicator{display:flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:800;color:#22c55e;text-transform:uppercase;letter-spacing:.08em;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:20px;padding:.2rem .55rem}.cc-active .cc-turn-indicator{color:#22c55e}.cc-warning .cc-turn-indicator{color:#f97316;background:#f973161f;border-color:#f973164d}.cc-moves{font-size:.72rem;color:#7c7c9a;font-weight:600;margin-left:auto;display:flex;gap:.5rem;align-items:center}.cc-last-move{font-size:.65rem;background:#ffffff0d;padding:.15rem .4rem;border-radius:4px}.cc-time-wrap{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 0}.cc-time{font-size:clamp(3.5rem,10vw,6rem);font-weight:900;font-family:Courier New,Courier,monospace;letter-spacing:-.02em;color:#fff;line-height:1;font-variant-numeric:tabular-nums}.cc-active .cc-time{color:#22c55e;text-shadow:0 0 32px rgba(34,197,94,.3)}.cc-warning .cc-time{color:#f97316;text-shadow:0 0 32px rgba(249,115,22,.4);animation:cc-time-blink .7s step-end infinite}.cc-expired .cc-time{color:#ef4444;text-shadow:0 0 32px rgba(239,68,68,.4)}@keyframes cc-time-blink{0%,to{opacity:1}50%{opacity:.6}}.cc-inc-indicator{font-size:.85rem;font-weight:800;color:#22c55e;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:.2rem .5rem}.cc-tap-hint{font-size:.62rem;color:#374151;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.cc-active .cc-tap-hint{color:#22c55e80}.cc-center-controls{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.cc-ctrl-btn{background:#1a1a2e;border:1px solid #22222e;border-radius:10px;padding:.6rem 1.1rem;color:#c4c4dc;font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s;font-family:inherit}.cc-ctrl-btn:hover{border-color:#f97316;color:#fb923c}.cc-ctrl-reset:hover{border-color:#ef4444;color:#f87171}.cc-info-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.72rem;color:#7c7c9a;padding:.25rem}.cc-info-sep{color:#374151}.cc-info-key kbd{font-size:.65rem}.cc-expired-overlay{position:absolute;inset:0;background:#0a0a0feb;border-radius:20px;display:flex;align-items:center;justify-content:center;z-index:10;backdrop-filter:blur(6px)}.cc-expired-card{background:#1a1a2e;border:1px solid rgba(239,68,68,.4);border-radius:18px;padding:2.5rem 2rem;text-align:center;max-width:380px;width:90%;box-shadow:0 10px 40px #00000080}.cc-expired-icon{font-size:3rem;margin-bottom:.75rem}.cc-expired-title{font-size:1.5rem;font-weight:800;color:#ef4444;margin-bottom:.25rem}.cc-expired-msg{font-size:1rem;color:#e2e8f0;font-weight:700;margin-bottom:1.5rem}.cc-expired-stats{background:#12121e;border:1px solid #22222e;border-radius:12px;padding:1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;text-align:left}.cc-estat{font-size:.85rem;color:#a0a0bc}.cc-expired-actions{display:flex;flex-direction:column;gap:.75rem}.cc-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);background:#10b981;color:#fff;padding:.75rem 1.5rem;border-radius:10px;font-size:.88rem;font-weight:700;box-shadow:0 8px 32px #10b9814d;z-index:10000;opacity:0;transition:all .3s;pointer-events:none}.cc-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.cc-content{max-width:720px;margin:2rem auto 0;padding:0 1.25rem 4rem}.cc-section{padding:2rem 0}.cc-alt{background:#12121e;margin:0 -1.25rem;padding:2rem 1.25rem}.cc-section h2{font-size:1.05rem;color:#fff;margin:0 0 1rem;font-weight:800}.cc-intro{color:#c4c4dc;font-size:.9rem;line-height:1.7;margin-bottom:1.25rem}.cc-table-wrap{overflow-x:auto}.cc-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:500px}.cc-table thead tr{background:#1a1a2e;border-bottom:2px solid #f97316}.cc-table th{padding:.65rem .85rem;color:#7c7c9a;font-weight:700;text-transform:uppercase;font-size:.67rem;letter-spacing:.05em;text-align:left}.cc-table td{padding:.6rem .85rem;color:#c4c4dc;border-bottom:1px solid rgba(255,255,255,.05)}.cc-table tr:hover td{background:#ffffff05}.cc-methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.cc-method-card{background:#1a1a2e;border:1px solid #22222e;border-radius:14px;padding:1.1rem}.cc-mc-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:.65rem}.cc-method-card h3{font-size:.88rem;font-weight:700;color:#fff;margin:0 0 .35rem}.cc-method-card p{font-size:.78rem;color:#7c7c9a;line-height:1.6;margin:0}.cc-steps{display:flex;flex-direction:column;gap:.5rem}.cc-step{background:#1a1a2e;border:1px solid #22222e;border-radius:12px;padding:.85rem 1rem;display:flex;gap:.75rem;align-items:flex-start}.cc-step-num{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cc-step-title{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:.2rem}.cc-step-body{font-size:.78rem;color:#7c7c9a;line-height:1.5;margin:0}.cc-faq{display:flex;flex-direction:column;gap:.4rem}.cc-fi{background:#1a1a2e;border:1px solid #22222e;border-radius:10px;overflow:hidden}.cc-fi[open]{border-color:#f973164d}.cc-fi summary{padding:.85rem 1rem;cursor:pointer;font-size:.88rem;font-weight:600;color:#e2e8f0;list-style:none;display:flex;justify-content:space-between;align-items:center}.cc-fi summary:after{content:"+";color:#f97316;font-size:1.1rem;font-weight:700}.cc-fi[open] summary:after{content:"−"}.cc-fi p{padding:.1rem 1rem 1rem;font-size:.83rem;color:#c4c4dc;line-height:1.7;margin:0}.cc-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.cc-rc{background:#1a1a2e;border:1px solid #22222e;border-radius:14px;padding:1rem;text-decoration:none;display:flex;flex-direction:column;gap:.4rem;transition:all .2s}.cc-rc:hover{border-color:#f9731666;transform:translateY(-2px)}.cc-ri{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.cc-rc h4{font-size:.85rem;font-weight:700;color:#fff;margin:0}.cc-rc p{font-size:.75rem;color:#7c7c9a;line-height:1.5;margin:0;flex:1}.cc-rb{font-size:.72rem;color:#f97316;font-weight:700;display:flex;align-items:center;gap:.25rem}@media(max-width:640px){.cc-methods{grid-template-columns:repeat(2,1fr)}.cc-names-row,.cc-methods-grid,.cc-rel-grid{grid-template-columns:1fr}.cc-start-row{flex-direction:column}.cc-player-card{min-height:160px;padding:1.25rem 1rem}.cc-center-controls{flex-wrap:wrap}.cc-preset-grid{justify-content:flex-start}}@media(max-width:480px){.cc-time{font-size:3.5rem}.cc-methods{grid-template-columns:1fr 1fr}.cc-table-wrap{font-size:.75rem}}