html,body,#root{min-height:100%}body{margin:0;font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0e1612;color:#f3e7d3}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[class*=col-]{width:100%;padding:.2%}@media only screen and (min-width: 1000px){.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{max-width:33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{max-width:66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}}:root{--skyjo-ink: #14201a;--skyjo-felt: #1f6b4a;--skyjo-felt-deep: #145239;--skyjo-felt-edge: #0c3a28;--skyjo-wood: #6b4226;--skyjo-wood-light: #8a5a36;--skyjo-gold: #e2b857;--skyjo-cream: #f3e7d3;--skyjo-mist: rgba(243, 231, 211, .88);--skyjo-seat: rgba(20, 32, 26, .78);--skyjo-shadow: 0 24px 60px rgba(0, 0, 0, .45);--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}.skyjo-shell{min-height:100vh;color:var(--skyjo-cream);font-family:var(--font-body);background:radial-gradient(ellipse at 50% 20%,rgba(70,110,80,.35),transparent 55%),radial-gradient(ellipse at center,#24352c,#0e1612 70%);overflow-x:hidden}.skyjo-hud{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;width:min(1100px,calc(100% - 24px));margin:0 auto;padding:14px 0 8px}.skyjo-brand{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:.02em;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.45)}.skyjo-hud-panel{background:var(--skyjo-mist);color:var(--skyjo-ink);border:1px solid rgba(107,66,38,.25);border-radius:16px;padding:10px 14px;box-shadow:0 10px 28px #00000038;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skyjo-hud-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.skyjo-arena-wrap{width:min(1100px,calc(100% - 16px));margin:0 auto 24px}.skyjo-arena{position:relative;display:grid;grid-template-rows:auto minmax(220px,34vh) auto;gap:12px;min-height:clamp(560px,74vh,820px);padding:12px 8px 16px}.skyjo-felt{position:absolute;top:16%;right:4%;bottom:20%;left:4%;border-radius:50%/44%;background:radial-gradient(ellipse at 35% 25%,rgba(255,255,255,.12),transparent 40%),radial-gradient(ellipse at 70% 70%,rgba(0,0,0,.22),transparent 50%),repeating-linear-gradient(125deg,rgba(255,255,255,.015) 0 2px,transparent 2px 6px),radial-gradient(ellipse at center,var(--skyjo-felt) 0%,var(--skyjo-felt-deep) 58%,var(--skyjo-felt-edge) 100%);box-shadow:inset 0 0 0 12px #5a361c,inset 0 0 0 16px #8d5d3a,inset 0 0 0 18px #f3e7d32e,inset 0 40px 70px #00000059,0 30px 50px #0000008c;transform:perspective(1100px) rotateX(26deg) scale(1.04);transform-origin:center center;pointer-events:none;z-index:0}.skyjo-felt:after{content:"SKYJO";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);letter-spacing:.18em;color:#f3e7d314;pointer-events:none}.skyjo-opponents-row{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;align-items:flex-start}.skyjo-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:200px}.skyjo-center-piles{display:flex;gap:18px;align-items:flex-start;padding:12px 16px;border-radius:20px;background:#0a181247;box-shadow:inset 0 0 0 1px #f3e7d31f}.skyjo-self-row{position:relative;z-index:2;display:flex;justify-content:center}.skyjo-seat{position:relative;width:min(300px,90vw);padding:10px;border-radius:18px;background:var(--skyjo-seat);border:1px solid rgba(243,231,211,.14);box-shadow:0 12px 30px #00000059;transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease}.skyjo-seat.is-turn{border-color:var(--skyjo-gold);box-shadow:0 0 0 2px #e2b8578c,0 0 28px #e2b85759,0 12px 30px #00000059;animation:skyjo-turn-pulse 1.6s ease-in-out infinite;transform:scale(1.02)}.skyjo-seat.is-winner{border-color:#f0d27a;box-shadow:0 0 0 3px #f0d27acc,0 0 40px #f0d27a8c;animation:skyjo-winner-glow 1.4s ease-in-out infinite}.skyjo-seat-self{width:min(440px,94vw);background:#14201ae6}.skyjo-seat-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.skyjo-seat-name{font-weight:700;font-size:.95rem}.skyjo-seat-meta{font-size:.75rem;opacity:.8}.skyjo-status-banner{width:min(720px,calc(100% - 24px));margin:0 auto 14px;text-align:center;padding:12px 18px;border-radius:999px;background:#f3e7d3f0;color:var(--skyjo-ink);border:1px solid rgba(107,66,38,.35);box-shadow:0 10px 24px #00000047;animation:skyjo-status-in .45s ease both;position:relative;z-index:3}.skyjo-status-banner h3{margin:0 0 4px;font-family:var(--font-display);font-size:1.15rem;color:#1a120c}.skyjo-status-banner strong{font-weight:600;opacity:.9;color:#2a2118}.skyjo-scoreboard{width:min(1100px,calc(100% - 24px));margin:0 auto 10px}.skyjo-scoreboard-inner{display:flex;flex-wrap:wrap;gap:8px}.skyjo-score-chip{min-width:110px;padding:8px 10px;border-radius:12px;background:#14201ab8;border:1px solid rgba(243,231,211,.14);color:var(--skyjo-cream)}.skyjo-score-chip.is-turn{border-color:var(--skyjo-gold);box-shadow:0 0 0 1px #e2b85773}.skyjo-score-chip.is-winner{border-color:#f0d27a;background:#463412d9}.card3d{perspective:900px;flex:0 0 auto}.card3d-inner{position:relative;width:100%;aspect-ratio:2 / 3;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.card3d.is-flipped .card3d-inner{transform:rotateY(180deg)}.card3d.is-selected .card3d-inner{transform:translateY(-6px) scale(1.04)}.card3d.is-flipped.is-selected .card3d-inner{transform:rotateY(180deg) translateY(-6px) scale(1.04)}.card3d-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:8px;overflow:hidden;box-shadow:0 6px 14px #00000059}.card3d-face img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;background:#f7f1e6}.card3d-front{transform:rotateY(180deg)}.card3d-actions{position:absolute;left:50%;bottom:6px;transform:translate(-50%);z-index:3;pointer-events:none}.card3d-actions .MuiButton-root{pointer-events:auto;min-width:0!important;padding:2px 8px!important;font-size:10px!important;font-weight:700!important;text-transform:none!important;border-radius:999px!important;background:linear-gradient(145deg,#e2b857,#b8862d)!important;color:#1a120c!important;box-shadow:0 4px 10px #00000059!important}.skyjo-drag-ghost{position:fixed;top:0;left:0;z-index:1000;pointer-events:none;padding:6px 10px;border-radius:999px;background:#e2b857f2;color:#1a120c;font-size:12px;font-weight:700;box-shadow:0 8px 18px #00000059}body.skyjo-dragging{cursor:grabbing!important;-webkit-user-select:none;user-select:none}body.skyjo-dragging .card3d{cursor:grabbing}.card3d.is-draggable{cursor:grab}.card3d.is-draggable:active{cursor:grabbing}.card3d.is-drop-target .card3d-inner{outline:2px solid var(--skyjo-gold);outline-offset:2px;box-shadow:0 0 18px #e2b85773;transform:translateY(-4px) scale(1.03)}.card3d.is-flipped.is-drop-target .card3d-inner{transform:rotateY(180deg) translateY(-4px) scale(1.03)}.skyjo-hud-actions .MuiButton-contained{font-weight:700}.skyjo-hud-actions .MuiButton-outlined{border-color:#f3e7d373;color:var(--skyjo-cream)}@keyframes skyjo-turn-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes skyjo-winner-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes skyjo-status-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skyjo-burst{0%{transform:scale(.4);opacity:0}40%{opacity:1}to{transform:scale(1.4);opacity:0}}.skyjo-winner-burst{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;border:2px solid rgba(240,210,122,.65);animation:skyjo-burst 1.2s ease-out infinite;pointer-events:none}@media (max-width: 700px){.skyjo-arena{grid-template-rows:auto auto auto;min-height:auto}.skyjo-felt{top:28%;right:2%;bottom:30%;left:2%;transform:perspective(900px) rotateX(12deg)}}@media (prefers-reduced-motion: reduce){.card3d-inner,.skyjo-seat,.skyjo-status-banner,.skyjo-seat.is-turn,.skyjo-seat.is-winner,.skyjo-winner-burst{animation:none!important;transition:none!important}}.skyjo-avatar-picker{display:flex;flex-direction:column;gap:8px}.skyjo-avatar-picker-label{font-size:.85rem;font-weight:700;opacity:.8}.skyjo-avatar-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.skyjo-avatar-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid transparent;background:#14201a12;border-radius:16px;min-height:52px;cursor:pointer;font-size:1.45rem;transition:transform .15s ease,border-color .15s ease,background .15s ease}.skyjo-avatar-choice:hover{transform:translateY(-1px);background:#14201a1f}.skyjo-avatar-choice.is-selected{border-color:#2f9e6b;background:#2f9e6b29;box-shadow:0 0 0 2px #2f9e6b33}.skyjo-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(145deg,#d9b57a,#8a5a36);color:#1a120c;box-shadow:inset 0 0 0 2px #ffffff40;line-height:1;overflow:hidden}.skyjo-log{position:fixed;left:16px;bottom:16px;z-index:40;width:min(280px,calc(100vw - 24px));max-height:min(220px,28vh);display:flex;flex-direction:column;border-radius:16px;background:#0c120fd1;border:1px solid rgba(243,231,211,.14);box-shadow:0 16px 36px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f3e7d3;font-family:var(--font-body, "DM Sans", system-ui, sans-serif);overflow:hidden}.skyjo-log-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px;border-bottom:1px solid rgba(243,231,211,.1)}.skyjo-log-title{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.skyjo-log-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:.7rem;font-weight:700;background:#e2b85733;color:#f0d27a}.skyjo-log-scroll{overflow-y:auto;padding:6px 8px 8px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:rgba(243,231,211,.25) transparent}.skyjo-log-empty{padding:10px 8px;font-size:.78rem;opacity:.65}.skyjo-log-row{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:10px;background:#ffffff08;animation:skyjo-log-in .28s ease both}.skyjo-log-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;flex:0 0 auto;background:#9aa397;box-shadow:0 0 0 2px #9aa39733}.skyjo-log-text{font-size:.78rem;line-height:1.35;opacity:.92}.skyjo-log-row.tone-green .skyjo-log-dot{background:#3fbf84;box-shadow:0 0 0 2px #3fbf8438}.skyjo-log-row.tone-amber .skyjo-log-dot{background:#e2b857;box-shadow:0 0 0 2px #e2b85738}.skyjo-log-row.tone-gold .skyjo-log-dot{background:#f0d27a;box-shadow:0 0 0 2px #f0d27a47}.skyjo-log-row.tone-cream .skyjo-log-dot{background:#f3e7d3;box-shadow:0 0 0 2px #f3e7d333}.skyjo-log-row.tone-muted .skyjo-log-dot{background:#8a9488}@keyframes skyjo-log-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 700px){.skyjo-log{left:8px;bottom:8px;width:min(240px,calc(100vw - 16px));max-height:160px;opacity:.92}}@media (prefers-reduced-motion: reduce){.skyjo-log-row{animation:none}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 35%,rgba(226,184,87,.22),transparent 45%),radial-gradient(ellipse at center,#0000008c,#000000e0);display:flex;justify-content:center;align-items:center;z-index:999;animation:overlay-fade-in .45s ease both}.content{color:#f3e7d3;padding:28px 32px;text-align:center;border-radius:20px;max-width:min(480px,calc(100% - 32px));background:#14201aeb;border:1px solid rgba(226,184,87,.45);box-shadow:0 24px 60px #00000080;font-family:DM Sans,system-ui,sans-serif}.content h1{font-family:Fraunces,Georgia,serif;margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.4rem);color:#f0d27a}.content.is-match-over h1{animation:winner-title .8s ease both}.content p{margin:8px 0}.overlay-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-top:12px}.overlay-actions .MuiButton-root{min-width:140px;text-transform:none;font-weight:700}.overlay-rank{display:flex;flex-direction:column;gap:6px;margin:16px 0}.overlay-rank-row{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:10px;background:#f3e7d314;border:1px solid rgba(243,231,211,.12)}.overlay-rank-row.is-winner{border-color:#f0d27acc;background:#4634128c;box-shadow:0 0 24px #f0d27a40;animation:winner-row .9s ease both}.overlay-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.overlay-confetti span{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;opacity:.85;animation:confetti-fall 2.8s linear infinite}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes winner-title{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}@keyframes winner-row{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:0}15%{opacity:1}to{transform:translateY(110vh) rotate(420deg);opacity:.2}}@media (prefers-reduced-motion: reduce){.overlay,.content.is-match-over h1,.overlay-rank-row.is-winner,.overlay-confetti span{animation:none!important}}.skyjo-welcome{position:relative;min-height:100vh;display:grid;place-items:center;padding:clamp(24px,4vw,48px);overflow:hidden}.skyjo-welcome:before{content:"";position:absolute;inset:-10% 10% auto;height:55%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(46,120,82,.45),transparent 68%);filter:blur(8px);pointer-events:none}.skyjo-welcome-felt{position:absolute;width:min(720px,80vw);height:min(280px,32vh);border-radius:50%/42%;background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.1),transparent 45%),radial-gradient(ellipse at center,#1f6b4a,#145239 65%,#0c3a28);box-shadow:inset 0 0 0 10px #6b4226,inset 0 0 0 13px #f3e7d333,0 40px 80px #00000073;transform:perspective(900px) rotateX(28deg);opacity:.55;pointer-events:none;z-index:0}.skyjo-welcome-inner{position:relative;z-index:1;width:min(520px,100%);display:flex;flex-direction:column;align-items:stretch;gap:18px}.skyjo-welcome-hero{text-align:center;margin-bottom:4px}.skyjo-welcome-hero .skyjo-brand{font-size:clamp(3rem,8vw,4.4rem);line-height:1;letter-spacing:.04em}.skyjo-welcome-tagline{margin:10px 0 0;font-size:1.05rem;letter-spacing:.01em;color:#f3e7d3d1}.skyjo-welcome-card{background:linear-gradient(160deg,#f3e7d3f5,#ecdec6eb);color:var(--skyjo-ink);border-radius:28px;padding:clamp(22px,3vw,32px);box-shadow:0 1px #ffffff8c inset,0 24px 50px #00000047;border:1px solid rgba(107,66,38,.12)}.skyjo-welcome-card h2,.skyjo-welcome-card h3{margin:0 0 12px;font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:.01em}.skyjo-welcome-fields{display:flex;flex-direction:column;gap:14px}.skyjo-welcome-fields .MuiFilledInput-root{border-radius:14px!important;background:#14201a0f!important;overflow:hidden}.skyjo-welcome-fields .MuiFilledInput-root:before,.skyjo-welcome-fields .MuiFilledInput-root:after{display:none}.skyjo-welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.skyjo-welcome-actions .MuiButton-root{border-radius:999px!important;min-height:44px;font-weight:700!important;text-transform:none!important;letter-spacing:.01em}.skyjo-welcome-actions .MuiButton-containedPrimary{background:linear-gradient(145deg,#2f9e6b,#1f6b4a)!important}.skyjo-welcome-actions .MuiButton-containedSecondary{background:linear-gradient(145deg,#e2b857,#b8862d)!important;color:#1a120c!important}.skyjo-welcome-session{text-align:left}.skyjo-welcome-session p{margin:0 0 14px;line-height:1.45}.skyjo-welcome-session-actions{display:flex;flex-wrap:wrap;gap:10px}.skyjo-welcome-session-actions .MuiButton-root{border-radius:999px!important;text-transform:none!important;font-weight:700!important}.skyjo-welcome-saved{display:flex;flex-direction:column;gap:8px}.skyjo-welcome-saved-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:16px;background:#14201a0f}.skyjo-welcome-saved-row span{font-size:.92rem}.skyjo-welcome-saved-row .MuiButton-root{border-radius:999px!important;text-transform:none!important}@media (max-width: 520px){.skyjo-welcome-actions{grid-template-columns:1fr}}