#game-wrapper{--card-w: 85px;--card-h: 120px;--gap: 15px;--nav-h: 60px;--radius: 8px;position:relative;width:100%;min-height:600px;height:85vh;background-color:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;overflow:hidden;user-select:none;color:var(--text);touch-action:none;transition:background-color .5s ease;border-radius:12px;margin:2rem auto;max-width:1200px;box-shadow:0 4px 20px #0003}#game-wrapper[data-theme=classic]{--bg: #2e7d32;--nav-bg: rgba(0,0,0,.2);--accent: #ffeb3b;--text: #fff;--card-back: repeating-linear-gradient(135deg, #1565c0, #1565c0 10px, #1976d2 10px, #1976d2 20px)}#game-wrapper[data-theme=ocean]{--bg: #0277bd;--nav-bg: rgba(0,0,0,.3);--accent: #4fc3f7;--text: #e1f5fe;--card-back: repeating-linear-gradient(45deg, #00695c, #00695c 10px, #00796b 10px, #00796b 20px)}#game-wrapper[data-theme=midnight]{--bg: #240b36;--nav-bg: rgba(255,255,255,.05);--accent: #d500f9;--text: #f3e5f5;--card-back: repeating-linear-gradient(135deg, #4a148c, #4a148c 10px, #6a1b9a 10px, #6a1b9a 20px)}#game-wrapper[data-theme=crimson]{--bg: #880e4f;--nav-bg: rgba(0,0,0,.25);--accent: #ff8a80;--text: #fce4ec;--card-back: repeating-linear-gradient(135deg, #212121, #212121 10px, #424242 10px, #424242 20px)}@media(max-width:768px){#game-wrapper{--card-w: calc((100vw - 10px) / 7.2);--card-h: calc(var(--card-w) * 1.45);--gap: .4vw;--radius: 4px;margin:0;width:100%;border-radius:0;height:100dvh;min-height:-webkit-fill-available}#game-wrapper .brand-text{display:none}#game-wrapper .game-header{padding:0 10px;height:50px}#game-wrapper .logo-icon{width:30px;height:30px}#game-wrapper .controls button span{display:none}#game-wrapper .controls button{padding:8px!important}#board{padding:10px 5px 0;gap:15px;display:grid;grid-template-rows:var(--card-h) 1fr}#game-wrapper .card{font-size:clamp(8px,3vw,14px);padding:2px;border:1px solid #ccc}#game-wrapper .c-mid{font-size:clamp(1rem,5vw,1.5rem)}#game-wrapper .tableau-row,#game-wrapper .top-row{justify-content:space-between;gap:0}}#game-wrapper .game-header{height:var(--nav-h);background:var(--nav-bg);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;backdrop-filter:blur(5px);position:relative}#game-wrapper .brand{font-weight:900;font-size:1.5rem;display:flex;align-items:center;gap:15px;cursor:pointer}#game-wrapper .logo-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:Times New Roman,serif;font-weight:700;color:var(--accent);text-shadow:2px 2px 4px rgba(0,0,0,.3)}#game-wrapper .logo-icon:before{content:"CC";position:absolute;font-size:1.2rem;z-index:2;left:8px}#game-wrapper .logo-icon:after{content:"♣";position:absolute;font-size:2.5rem;opacity:.3;transform:rotate(15deg);top:-8px;left:0}#game-wrapper .watermark{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);font-size:clamp(3rem,10vw,8rem);font-weight:900;color:#ffffff0d;pointer-events:none;z-index:0;white-space:nowrap;font-family:sans-serif;letter-spacing:-2px}#game-wrapper .player-pill{background:#0003;padding:5px 15px;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .2s;border:1px solid rgba(255,255,255,.1)}#game-wrapper .player-pill:hover{transform:scale(1.05);background:#0000004d}#game-wrapper .stats{font-family:monospace;font-size:1.1rem;opacity:.9;display:flex;gap:15px;align-items:center}#game-wrapper .streak-badge{background:#ff5722;color:#fff;font-size:.8rem;padding:2px 6px;border-radius:4px;font-weight:700;display:none;animation:popIn .5s}#game-wrapper .controls{display:flex;gap:8px}#game-wrapper .controls button{background:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;color:#333;box-shadow:0 2px 5px #0003;transition:all .2s;display:flex;align-items:center;gap:5px}#game-wrapper .controls button:hover{transform:translateY(-2px)}#game-wrapper .controls button:active{transform:scale(.95)}#game-wrapper .btn-hint{background-color:var(--accent)!important;color:#000!important}#board{flex:1;padding:15px;width:100%;max-width:1000px;margin:0 auto;display:grid;grid-template-rows:var(--card-h) 1fr;gap:30px;box-sizing:border-box;position:relative;z-index:10}#game-wrapper .top-row{display:flex;gap:var(--gap);width:100%;position:relative;z-index:2}#game-wrapper .spacer{flex:1}#game-wrapper .tableau-row{display:flex;gap:var(--gap);height:100%;justify-content:center;z-index:2}#game-wrapper .slot{width:var(--card-w);height:var(--card-h);border-radius:var(--radius);position:relative}#game-wrapper .empty-grip{border:2px dashed rgba(255,255,255,.3);background:#0000001a;display:flex;justify-content:center;align-items:center}#game-wrapper .slot.occupied{border:none!important;background:none!important}#game-wrapper .slot-icon{font-size:2rem;opacity:.3;color:#fff;pointer-events:none}#game-wrapper .tableau-col{position:relative;width:var(--card-w);height:100%}#game-wrapper .tableau-col.empty-col:before{content:"";position:absolute;top:0;left:0;width:var(--card-w);height:var(--card-h);border:2px dashed rgba(255,255,255,.25);border-radius:var(--radius);background:#0000000d;pointer-events:none}#game-wrapper .card{width:var(--card-w);height:var(--card-h);background:#fff;border-radius:var(--radius);position:absolute;box-shadow:2px 2px 6px #0003;display:flex;flex-direction:column;justify-content:space-between;padding:4px;box-sizing:border-box;font-weight:700;font-size:16px;z-index:10;touch-action:none;transition:transform .1s;color:#212121}@media(max-width:600px){#game-wrapper .card{font-size:12px;padding:2px;border-radius:4px}}#game-wrapper .card.red{color:#d32f2f}#game-wrapper .card.black{color:#212121}#game-wrapper .card.back{background:var(--card-back);border:2px solid #fff}#game-wrapper .card.back *{display:none}#game-wrapper .c-top{line-height:.9;text-align:center;align-self:flex-start}#game-wrapper .c-mid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem}#game-wrapper .c-bot{line-height:.9;text-align:center;align-self:flex-end;transform:rotate(180deg)}#game-wrapper .flying-card{position:absolute!important;z-index:9999!important;pointer-events:none;transition:top .2s ease-in,left .2s ease-in;box-shadow:10px 15px 25px #00000080!important}#game-wrapper .drag-active{position:absolute!important;z-index:2147483647!important;pointer-events:none;width:var(--card-w);height:var(--card-h);transition:transform .05s linear;transform-origin:top left}#game-wrapper .drag-active .card{box-shadow:15px 20px 30px #0006;transform:scale(1.05)}#game-wrapper .highlight{position:relative;z-index:100;animation:gentlePulse 1s infinite alternate ease-in-out}#game-wrapper .card.highlight:after{content:"";position:absolute;inset:-3px;border-radius:8px;border:3px solid rgba(255,255,255,.9);box-shadow:0 0 15px #fff9;pointer-events:none}#game-wrapper .tableau-col.highlight:after{content:"";position:absolute;top:0;left:0;width:var(--card-w);height:var(--card-h);border-radius:var(--radius);border:3px solid rgba(255,235,59,.9);box-shadow:0 0 15px #ffeb3b99;pointer-events:none;z-index:50}@keyframes gentlePulse{0%{transform:scale(1)}to{transform:scale(1.03)}}#game-wrapper .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:none;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(8px);animation:fadeIn .3s;border-radius:12px}#game-wrapper .modal-content{background:#fff;color:#333;padding:30px;border-radius:15px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 50px #0000004d;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}#game-wrapper .modal-title{font-size:2rem;margin-bottom:10px;font-weight:900;color:#333}#game-wrapper .setting-group{margin-bottom:20px;text-align:left}#game-wrapper .setting-label{font-size:.9rem;color:#666;margin-bottom:5px;display:block;font-weight:700}#game-wrapper .input-field{width:100%;padding:10px;border:2px solid #eee;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border .2s}#game-wrapper .input-field:focus{border-color:#2e7d32;outline:none}#game-wrapper .theme-grid{display:flex;gap:10px;margin-top:5px}#game-wrapper .theme-btn{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .2s}#game-wrapper .theme-btn:hover{transform:scale(1.1)}#game-wrapper .theme-btn.active{border-color:#333;transform:scale(1.1)}#game-wrapper .theme-btn[data-t=classic]{background:#2e7d32}#game-wrapper .theme-btn[data-t=ocean]{background:#0277bd}#game-wrapper .theme-btn[data-t=midnight]{background:#4a148c}#game-wrapper .theme-btn[data-t=crimson]{background:#880e4f}#game-wrapper .avatar-grid{display:flex;gap:10px;justify-content:center;margin-bottom:15px}#game-wrapper .avatar-opt{font-size:2rem;cursor:pointer;opacity:.5;transition:.2s}#game-wrapper .avatar-opt:hover{transform:scale(1.2);opacity:1}#game-wrapper .avatar-opt.active{opacity:1;transform:scale(1.2);text-shadow:0 0 10px rgba(0,0,0,.2)}#game-wrapper .toggle-switch{position:relative;display:inline-block;width:50px;height:26px}#game-wrapper .toggle-switch input{opacity:0;width:0;height:0}#game-wrapper .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}#game-wrapper .slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}#game-wrapper input:checked+.slider{background-color:#2e7d32}#game-wrapper input:checked+.slider:before{transform:translate(24px)}#game-wrapper .modal-btn{background:#2e7d32;color:#fff;border:none;padding:12px 30px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:10px;width:100%}#game-wrapper #win-modal h1{color:gold;margin-bottom:5px}#game-wrapper #win-player-display{font-size:1.5rem;color:#fff;margin-bottom:20px}#game-wrapper #win-player-display span{font-weight:700;color:gold}#victory-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10001}#game-wrapper #loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg);color:#fff;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:20000;border-radius:12px}#game-wrapper .loader-icon{font-size:4rem;animation:pulse 1s infinite;text-shadow:0 0 20px rgba(255,255,255,.5);margin-bottom:20px}#game-wrapper #pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;backdrop-filter:blur(8px);display:none;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff;border-radius:12px}#game-wrapper #pause-overlay h2{font-size:3rem;margin:0 0 20px;text-shadow:0 4px 10px rgba(0,0,0,.3)}#game-wrapper .mobile-menu-toggle{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:8px;border-radius:4px}#game-wrapper .mobile-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;backdrop-filter:blur(10px);z-index:1000;display:none;opacity:0;transition:opacity .3s ease}#game-wrapper .mobile-menu-overlay.active{display:flex;opacity:1}#game-wrapper .mobile-menu-content{width:100%;max-width:400px;background:var(--nav-bg);height:100%;margin-left:auto;padding:20px;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}#game-wrapper .mobile-menu-overlay.active .mobile-menu-content{transform:translate(0)}#game-wrapper .mobile-control-btn{background:#ffffffe6;border:none;border-radius:8px;padding:15px;font-size:1.1rem;font-weight:700;color:#333;cursor:pointer;display:flex;align-items:center;gap:12px;margin-bottom:10px;width:100%}@media(max-width:900px){#game-wrapper .mobile-menu-toggle{display:block}#game-wrapper .controls{display:none}#game-wrapper .stats{margin-right:10px}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}