.card.red,.card-inner.red{background-color:#f44336}.card.yellow,.card-inner.yellow{background-color:#ffeb3b;color:#000;text-shadow:none}.card.green,.card-inner.green{background-color:#4caf50}.card.blue,.card-inner.blue{background-color:#2196f3}.card.wild,.card-inner.wild{background-image:linear-gradient(45deg,#f44336,#ffeb3b,#4caf50,#2196f3)}.card.black,.card-inner.black{background-color:#333}.card-back{background:#333;color:#fff}.card-back .inner{font-size:14px;transform:rotate(-45deg)}.opponent-hand-preview{display:flex;flex-direction:column;align-items:center;padding:5px;border-radius:8px;border:3px solid transparent}.mini-card{width:30px;height:45px;background:#333;border:1px solid #fff;border-radius:4px;margin-right:-20px}.turn-indicator{border-color:#ffeb3b;box-shadow:0 0 10px #ffeb3b}.card-inner{position:absolute;width:163px;height:228px;top:17.5px;left:15px;background-size:400px;background-repeat:repeat;border-radius:12px;overflow:hidden}.card-inner.skin-carbon-black{background-image:url(/four-colors/carbon-black.png);background-repeat:repeat}.card-inner.skin-urban-camo{background-image:url(/four-colors/urban-camo.png);background-repeat:repeat}.card-inner.wild.skin-carbon-black{background-image:url(/four-colors/carbon-black.png),linear-gradient(45deg,#f44336,#ffeb3b,#4caf50,#2196f3);background-size:400px,cover}.card-inner.wild.skin-urban-camo{background-image:url(/four-colors/urban-camo.png),linear-gradient(45deg,#f44336,#ffeb3b,#4caf50,#2196f3);background-size:400px,cover}.card-inner.red,.card-inner.green,.card-inner.blue,.card-inner.yellow{background-size:400px}.card-inner.black,.card-inner.wild{background-size:400px}.card-corner{position:absolute;top:0;left:0;width:35%;height:35%;pointer-events:none;background-size:contain;background-repeat:no-repeat;z-index:2}.card-corner.red{background-image:url(/four-colors/red-corner.png)}.card-corner.green{background-image:url(/four-colors/green-corner.png)}.card-corner.blue{background-image:url(/four-colors/blue-corner.png)}.card-corner.yellow{background-image:url(/four-colors/yellow-corner.png)}#my-hand{position:relative;min-height:300px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;padding-top:50px;width:100%;max-width:1200px}.card-wrapper{position:relative;margin-left:-60px;margin-bottom:-50px;transition:transform .2s;cursor:pointer;user-select:none;left:auto;bottom:auto;transform-origin:center;width:96px;height:131px}.card-wrapper:first-child{margin-left:0}.card-wrapper:hover{transform:scale(1.1)translateY(-10px)}.card-wrapper::after{content:'';position:absolute;top:100%;left:0;width:100%;height:20px}.card-sprite{width:193px;height:263px;background-color:#fff;border-radius:12px;transform:scale(.5);border:1px solid #444;border-radius:15px;transform-origin:top left;position:relative}.card-value{position:absolute;width:100%;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);font-family:roboto,sans-serif;font-size:80px;font-weight:700;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.5);pointer-events:none;z-index:5}.card-value-small{position:absolute;top:20px;left:20px;font-family:roboto,sans-serif;font-size:40px;font-weight:700;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.5);pointer-events:none;line-height:1;z-index:5}.card-inner.yellow~.card-value,.card-inner.yellow~.card-value-small{color:#111;text-shadow:none}.turn-timer-outer{width:65px;height:14px;border-radius:8px;background:#222;padding:2px;box-sizing:border-box;margin-top:4px;overflow:hidden}.turn-timer{height:100%;width:0%;border-radius:6px;background:#c4a43b;transition:width .5s linear}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}body{background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 25%,#0f1629 50%,#1e2a4a 75%,#0a0e27 100%);background-attachment:fixed;color:#fff;font-family:maven pro,sans-serif;min-height:100vh}#game-status{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.3);font-size:1.2em;letter-spacing:.5px;font-weight:600}#player-names,#opponents-area{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(255,255,255,.2);font-weight:600}#back-link a{color:#64b5f6;text-shadow:0 1px 3px rgba(0,0,0,.8);font-weight:500;transition:color .2s}#back-link a:hover{color:#90caf9;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 10px rgba(100,181,246,.5)}#game-over-modal{color:#333}#color-indicator{box-shadow:0 0 20px rgba(255,255,255,.4),0 4px 8px rgba(0,0,0,.6);border:3px solid rgba(255,255,255,.3)!important}#game-log-container{position:fixed;bottom:280px;left:50%;transform:translateX(-50%);width:350px;pointer-events:none;display:flex;flex-direction:column;gap:8px;align-items:center;z-index:1000}.game-log-entry{background:rgba(15,20,40,.92);color:#f0f0f0;padding:10px 24px;border-radius:24px;font-size:1em;font-weight:600;text-align:center;backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,.6),0 0 30px rgba(100,181,246,.15);border:1px solid rgba(100,181,246,.25);animation:logEntryFade 5s forwards}.log-name{color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8)}@keyframes logEntryFade{0%{opacity:0;transform:translateY(12px)scale(.9)}10%{opacity:1;transform:translateY(0)scale(1)}85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}#deck{position:relative;transform:scale(.75);transform-origin:center}#deck .card-wrapper{position:relative;box-shadow:2px 2px rgba(0,0,0,.3),4px 4px rgba(0,0,0,.25),6px 6px rgba(0,0,0,.2),8px 8px rgba(0,0,0,.15)}#deck .card-wrapper::before,#deck .card-wrapper::after{content:'';position:absolute;width:100%;height:100%;border-radius:15px;background:#2a2a2a;border:1px solid #444;z-index:-1}#deck .card-wrapper::before{top:-3px;left:-3px;opacity:.7}#deck .card-wrapper::after{top:-6px;left:-6px;opacity:.5}#deck:hover{transform:scale(.8);transition:transform .2s ease}