.crazy-eights-page button,.crazy-eights-page a{touch-action:manipulation}.crazy-eights-table .seat-turn{color:#ffe074;white-space:nowrap;font-size:11px}.crazy-eights-table .seat-avatar{display:grid}.crazy-eights-discard{z-index:5;justify-content:center;align-items:center;gap:clamp(18px,4vw,40px);width:min(80%,440px);display:flex;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)}.crazy-eights-card{width:var(--card-width);height:var(--card-height);object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:8px;display:block}.crazy-eights-discard>.crazy-eights-card{flex:none;box-shadow:0 5px 14px #001a1859}.crazy-eights-round-info{gap:5px;min-width:0;line-height:1.35;display:grid}.crazy-eights-round-info>span{color:#dfede8;font-size:13px}.crazy-eights-active-suit{align-items:center;gap:8px;font-size:22px;display:flex}.crazy-eights-active-suit>span{font-size:34px;line-height:1}.crazy-eights-active-suit.hearts,.crazy-eights-active-suit.diamonds{color:#ffd1cb}.crazy-eights-stock{font-variant-numeric:tabular-nums;margin-top:5px}.crazy-eights-help{color:#e9f4ef;text-align:center;text-wrap:balance;min-width:0;margin:0;font-size:13px;line-height:1.4}.crazy-eights-hand-zone{--hand-step:var(--card-width);max-width:100%}.crazy-eights-hand-zone .hand-area{padding-top:10px}.crazy-eights-hand-cards{gap:8px;width:max-content;padding:0 5px 4px;display:flex}.crazy-eights-hand-card{color:#fff;cursor:pointer;background:#ffffff0c;border:2px solid #0000;border-radius:10px;flex:none;min-width:44px;min-height:44px;padding:5px;transition:transform .12s,border-color .12s,background .12s;display:block;position:relative}.crazy-eights-hand-card:disabled{cursor:default;opacity:.65}.crazy-eights-hand-card:not(:disabled):hover{background:#ffffff25}.crazy-eights-hand-card[aria-pressed=true]{background:#f4c95d24;border-color:#ffe074;transform:translateY(-5px)}.crazy-eights-hand-card:focus-visible{outline-offset:1px}.crazy-eights-drawn-card{border-style:dashed;border-color:#cfefdd}.crazy-eights-drawn-label{color:#103c31;background:#d7f4de;padding:3px 2px;font-size:11px;font-weight:800;line-height:1.25;position:absolute;bottom:9px;left:0;right:0}.crazy-eights-actions{flex:0 330px;min-width:0;margin-left:auto;position:relative}.crazy-eights-move-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.crazy-eights-move-buttons.has-keep{grid-template-columns:repeat(3,minmax(0,1fr))}.crazy-eights-move-buttons .button{min-width:44px;min-height:44px;padding:0 8px;font-size:16px}.crazy-eights-move-buttons .button:disabled{color:#c6d4d1;background:#052f2bb3}.crazy-eights-keep:not(.disabled){background:#246951}.crazy-eights-suit-picker{z-index:30;background:#064d42;border:1px solid #f4c95d;border-radius:12px;width:min(330px,100vw - 36px);margin:0;padding:12px;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 8px 24px #001f1b88}.crazy-eights-suit-picker legend{max-width:calc(100% - 40px);padding:0 6px;font-weight:800}.crazy-eights-suit-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:26px;display:grid}.crazy-eights-suit-picker button{cursor:pointer;min-width:44px;min-height:44px}.crazy-eights-suit-picker button:disabled{cursor:not-allowed;opacity:.6}.crazy-eights-suit-option{color:#fff;font:inherit;background:#ffffff0d;border:2px solid #a7c2b9;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:6px;font-size:14px;font-weight:750;display:flex}.crazy-eights-suit-option>span:first-child{font-size:26px;line-height:1}.crazy-eights-suit-option.hearts>span:first-child,.crazy-eights-suit-option.diamonds>span:first-child{color:#ffd1cb}.crazy-eights-suit-option[aria-pressed=true]{background:#f4c95d30;border-color:#ffe074}.crazy-eights-suit-option:not(:disabled):hover{background:#ffffff25}.crazy-eights-suit-cancel{color:#fff;background:0 0;border:0;padding:0;font-size:26px;position:absolute;top:0;right:3px}.crazy-eights-result{color:#ffe074;place-items:center;display:grid}@media (width<=520px){.crazy-eights-table .seat-avatar{flex-basis:24px;width:24px;height:24px;font-size:11px}.crazy-eights-table .player-info{gap:6px}.crazy-eights-table .seat-turn{font-size:10px}.crazy-eights-table .player-info-you{flex:1;max-width:40%}.crazy-eights-discard{gap:18px}.crazy-eights-discard>.crazy-eights-card{width:66px;height:96px}.crazy-eights-active-suit{font-size:18px}.crazy-eights-round-info>span,.crazy-eights-help{font-size:12px}.crazy-eights-hand-card{padding:3px}.crazy-eights-actions{flex-basis:210px}.crazy-eights-move-buttons{gap:5px}.crazy-eights-move-buttons .button{padding:0 3px;font-size:12px}}@media (width<=360px){.crazy-eights-discard{gap:12px}.crazy-eights-discard>.crazy-eights-card{width:58px;height:85px}.crazy-eights-active-suit{gap:5px;font-size:16px}.crazy-eights-active-suit>span{font-size:24px}}@media (height<=600px) and (aspect-ratio>=4/3){.crazy-eights-table{--back-width:26px;--back-height:38px}.crazy-eights-table .opponent{grid-template-rows:auto var(--back-height)}.crazy-eights-table .opponent .folded-stack{display:block}.crazy-eights-table .opponent-play{display:none}.crazy-eights-table .seat-avatar{flex-basis:24px;width:24px;height:24px;font-size:11px}.crazy-eights-help{grid-area:1/1;align-self:start;font-size:11px}.crazy-eights-hand-zone{padding-top:28px}.crazy-eights-table .player-controls{align-items:flex-end;width:min(40vw,300px);max-width:none}.crazy-eights-actions{flex:none;width:100%}.crazy-eights-move-buttons .button{padding:0 5px;font-size:13px}.crazy-eights-hand-card{padding:3px}.crazy-eights-discard{gap:16px;width:min(48%,300px);top:62%}.crazy-eights-discard>.crazy-eights-card{width:44px;height:64px}.crazy-eights-active-suit{gap:6px;font-size:16px}.crazy-eights-active-suit>span{font-size:24px}.crazy-eights-round-info{gap:2px}.crazy-eights-round-info>span{font-size:11px}.crazy-eights-stock{margin:0}.crazy-eights-table.finished-table .crazy-eights-hand-zone{padding-top:0}}@media (prefers-reduced-motion:reduce){.crazy-eights-page *,.crazy-eights-page :before,.crazy-eights-page :after{transition:none;animation:none}}