@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{--bg-felt-dark:#123e20;--bg-felt:#1a562c;--bg-felt-light:#216d38;--primary:#d4af37;--secondary:#e6e6e6;--glass-bg:#00000040;--glass-border:#ffffff0d;--text-primary:#fff;--text-secondary:#d1d8cc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-felt-dark);color:var(--text-primary);background:radial-gradient(circle at 50% 50%, var(--bg-felt-light) 0%, var(--bg-felt-dark) 100%);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:12px;padding:2rem;box-shadow:0 10px 40px #00000080}.app-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}h1.classic-title{text-align:center;color:var(--primary);text-shadow:2px 2px 4px #00000080;letter-spacing:2px;margin-bottom:2rem;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:600}button.premium-btn{color:#222;cursor:pointer;background:linear-gradient(#f0f0f0,#d0d0d0);border:1px solid #999;border-radius:6px;padding:10px 24px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #0000004d}button.premium-btn:hover:not(:disabled){background:linear-gradient(#fff,#e0e0e0);transform:translateY(-1px);box-shadow:0 4px 12px #0006}button.premium-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 4px #0000004d}button.premium-btn:disabled{opacity:.6;cursor:not-allowed;background:#aaa}input.premium-input{color:#111;background:#ffffffe6;border:1px solid #777;border-radius:6px;outline:none;padding:12px 16px;font-family:Outfit,sans-serif;font-size:1.05rem;transition:all .2s}input.premium-input:focus{border-color:var(--primary);box-shadow:0 0 8px #d4af3799}.card-wrapper{perspective:1000px;cursor:pointer;width:45px;height:63px}@media (width>=576px){.card-wrapper{width:60px;height:84px}}@media (width>=768px){.card-wrapper{width:75px;height:105px}}@media (width>=1024px){.card-wrapper{width:90px;height:126px}}.card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:6px;transition:transform .4s;position:relative;box-shadow:2px 2px 6px #00000080}.card-face{backface-visibility:hidden;border:1px solid #ccc;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.card-back{background:#fff;border:4px solid #fff}.card-front{color:#111;background:#fff;border:1px solid #ccc;font-size:clamp(1rem,4vw,1.8rem);font-weight:800;position:relative;transform:rotateY(180deg)}.card-front[data-suit=hearts],.card-front[data-suit=diamonds]{color:#d10000}.card-front .power-label{color:#333;text-transform:uppercase;letter-spacing:.5px;background:#eee;border:1px solid #ccc;border-radius:4px;padding:2px 6px;font-size:.6rem;position:absolute;bottom:4px}.game-table{background:var(--bg-felt);border:8px solid #5c3a21;border-radius:60px;grid-template:"left top right"1fr"left center right""left bottom right"1fr/1fr auto 1fr;place-items:center;width:95vw;max-width:1200px;height:88vh;margin:0 auto;padding:10px;display:grid;position:relative;box-shadow:inset 0 20px 50px #00000080,0 10px 30px #0009}.player-area{flex-direction:column;align-items:center;gap:15px;display:flex}.player-info{background:#00000080;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:clamp(.7rem,2vw,.95rem);display:flex}.player-info.active{border-color:var(--primary);background:#d4af374d;box-shadow:0 0 10px #d4af3766}.player-cards{grid-template-columns:repeat(2,auto);gap:clamp(4px,1.5vw,12px);display:grid}.player-bottom{grid-area:bottom}.player-top{grid-area:top}.player-left{flex-direction:column;grid-area:left;justify-self:start;margin-left:clamp(5px,2vw,20px)}.player-right{flex-direction:column;grid-area:right;justify-self:end;margin-right:clamp(5px,2vw,20px)}.center-area{grid-area:center;align-items:center;gap:clamp(10px,3vw,40px);display:flex}.action-bar{z-index:10;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:20px;left:15px}.card-small{width:56px!important;height:80px!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.game-table:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000008 10px 11px),repeating-linear-gradient(-45deg,#0000,#0000 10px,#00000008 10px 11px);border-radius:88px;position:absolute;inset:0}.glass-panel{z-index:1;position:relative}.center-area,.player-area{z-index:1}
