:root{font-family:Inter,system-ui,sans-serif;color:#fff;background:#071c14}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 20%,#176947,#071c14 75%)}button,a{font:inherit}.menu,.table{max-width:720px;min-height:100vh;margin:auto;padding:20px}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.back,header a{color:#fff;text-decoration:none;background:#ffffff18;padding:9px 13px;border-radius:12px;align-self:flex-start}.logo{font-size:70px}.menu h1{font-size:42px;margin:10px 0 0}.menu p{color:#d8eee5}.primary{border:0;border-radius:14px;background:linear-gradient(135deg,#ffd84a,#ffad1f);color:#231500;font-weight:900;padding:14px 22px;box-shadow:0 8px 22px #0005}.rules{display:grid;gap:8px;text-align:left;margin-top:28px;background:#ffffff10;border:1px solid #ffffff1e;padding:18px;border-radius:18px}.rules span{color:#cce3da;font-size:14px}header{display:flex;align-items:center;justify-content:space-between}header button{border:0;color:#fff;background:#ffffff18;border-radius:10px;padding:9px 13px}.score{display:flex;justify-content:center;gap:12px;margin:20px}.score span{background:#071c1499;border:1px solid #ffffff26;padding:10px 18px;border-radius:14px}.score b{color:#ffd84a;font-size:22px}.status{text-align:center;font-weight:900;min-height:28px}.opponent{text-align:center}.avatar{font-size:35px}.bot-hand,.hand{display:flex;justify-content:center;gap:9px;min-height:118px;margin:8px 0}.felt{position:relative;min-height:300px;border-radius:48%;border:10px solid #5c351a;background:radial-gradient(ellipse,#168050,#0a4c31);box-shadow:inset 0 0 45px #0005,0 14px 30px #0006}.trump{position:absolute;left:20px;top:20px;display:flex;flex-direction:column;background:#071c14aa;padding:10px;border-radius:12px}.trump em{font-size:10px;color:#cce3da}.trick{height:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.card{width:76px;height:108px;border:0;border-radius:10px;background:#fff;color:#151515;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:7px;box-shadow:0 5px 12px #0007;transition:.15s}.hand .card:hover{transform:translateY(-9px)}.card i{font-style:normal;font-size:31px}.card small{font-size:10px}.card.down{display:grid;place-items:center;color:#fff;background:repeating-linear-gradient(45deg,#18265e,#18265e 6px,#2f4ab2 6px,#2f4ab2 12px);border:3px solid #fff}.suit-copas,.suit-oros{color:#a22518}.table>.primary{display:block;margin:12px auto}@media (max-width:480px){.table{padding:10px}.felt{min-height:280px}.card{width:68px;height:98px}.bot-hand,.hand{gap:5px}.trump{left:10px;top:10px}.menu h1{font-size:36px}}body{background:radial-gradient(circle at 50% 32%,#53351d,#160d08 78%)}.table{max-width:980px}.felt{min-height:390px;border:14px solid #6b3417;border-radius:46%;background:radial-gradient(ellipse,#168a55,#075031 72%);box-shadow:inset 0 0 0 5px #d3a85e,inset 0 0 65px #001b10,0 18px 34px #0009}.stock-zone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.stockpile{position:relative;width:150px;height:135px}.stockpile .card{position:absolute;pointer-events:none}.back-2{left:36px;top:4px;transform:rotate(-2deg)}.back-1{left:40px;top:2px;transform:rotate(1deg)}.deck-top{left:42px;top:0}.arrastre-card{position:absolute;left:7px;top:31px;transform:rotate(-90deg)}.arrastre-card .card{border:3px solid #f3c858}.arrastre-label{position:absolute;left:50%;top:124px;transform:translate(-50%);display:grid;min-width:130px;text-align:center;padding:6px 10px;border-radius:10px;background:#25150ee8;border:2px solid #e9bd67}.arrastre-label b{color:#ffd75a;font-size:12px}.arrastre-label small{color:#d9c7a9}.trick{position:relative;z-index:2;justify-content:space-between;padding:40px 0}.trick>div:first-child{transform:translateY(-22px) rotate(4deg)}.trick>div:last-child{transform:translateY(22px) rotate(-4deg)}.card{border:2px solid #e8dcc5;background:linear-gradient(145deg,#fffdf7,#eadfc9)}.card.down{background:repeating-linear-gradient(45deg,#7a1018,#7a1018 5px,#e4c27b 5px,#e4c27b 8px);border:4px double #fff4d0;color:#ffd96a}.score span{border-color:#d5a54e;background:#25150edb}@media (max-width:600px){.felt{min-height:340px;border-width:9px}.stock-zone{transform:translate(-50%,-50%) scale(.82)}}:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}body{min-height:100dvh;overscroll-behavior:none}.menu,.table{min-height:100dvh;padding-top:max(20px,calc(10px + var(--sat)));padding-right:max(10px,calc(10px + var(--sar)));padding-bottom:max(18px,calc(10px + var(--sab)));padding-left:max(10px,calc(10px + var(--sal)))}.card{padding:0;overflow:hidden;background:#fff;border:2px solid #efe5d0}.card>img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.card.down{padding:0;background:#781319;color:transparent;border:3px double #fff4d0}.card.down>img{width:100%;height:100%;object-fit:cover}.trick{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 clamp(18px,8vw,88px);pointer-events:none}.trick-slot{min-width:82px;display:flex;flex-direction:column;align-items:center;gap:5px;filter:drop-shadow(0 7px 9px #0008)}.trick-slot small{min-width:48px;padding:3px 7px;border-radius:999px;background:#20130dcc;color:#ffe09a;font-size:10px;font-weight:1000;text-align:center}.trick>div:first-child,.trick>div:last-child{transform:none}.trick-slot.bot .card{transform:rotate(-7deg)}.trick-slot.human .card{transform:rotate(7deg)}.stock-zone{z-index:1}.trick{z-index:2}@media (max-width:480px){.trick{padding-inline:14px}.trick-slot{min-width:62px}.trick-slot .card{width:62px;height:96px}.stock-zone{transform:translate(-50%,-50%) scale(.76)}}