@import "https://fonts.googleapis.com/css2?family=Bangers&family=Space+Grotesk:wght@400;700;900&display=swap";:root{--uno-red:#f36;--uno-blue:#0cf;--uno-green:#0f6;--uno-yellow:#fc0;--uno-black:#111;--uno-white:#f4f4f0;--border-thick:4px solid var(--uno-black);--shadow-offset:6px 6px 0px var(--uno-black);--bg-pattern:radial-gradient(var(--uno-black) 2px, transparent 2px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--uno-white);background-image:var(--bg-pattern);width:100%;height:100%;color:var(--uno-black);background-size:24px 24px;font-family:Space Grotesk,sans-serif;overflow:hidden}#app{flex-direction:column;width:100%;height:100%;display:flex}h1,h2,h3,.bangers-font{letter-spacing:2px;text-transform:uppercase;font-family:Bangers,cursive}.brutalist-button{background:var(--uno-yellow);color:var(--uno-black);border:var(--border-thick);box-shadow:var(--shadow-offset);cursor:pointer;text-transform:uppercase;padding:.8rem 2rem;font-family:Bangers,cursive;font-size:2rem;transition:transform .1s,box-shadow .1s}.brutalist-button:hover{box-shadow:8px 8px 0px var(--uno-black);transform:translate(-2px,-2px)}.brutalist-button:active{box-shadow:0px 0px 0px var(--uno-black);transform:translate(6px,6px)}.brutalist-panel{background:var(--uno-white);border:var(--border-thick);box-shadow:var(--shadow-offset);padding:2rem}.menu.svelte-czug29{flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100vw;height:100vh;display:flex}.hero.svelte-czug29{text-align:center;position:relative}.title.svelte-czug29{color:var(--uno-red);text-shadow:4px 4px 0px var(--uno-black), 8px 8px 0px var(--uno-yellow), 12px 12px 0px var(--uno-blue), 16px 16px 0px var(--uno-green);z-index:10;margin:0;font-size:12vw;line-height:.8;position:relative;transform:rotate(-5deg)}.subtitle.svelte-czug29{background:var(--uno-blue);z-index:11;padding:.5rem 1rem;font-size:1.5rem;font-weight:900;position:absolute;bottom:-1rem;right:-10vw;transform:rotate(5deg)}.settings.svelte-czug29{text-align:center;background:var(--uno-yellow);transform:rotate(2deg)}.label.svelte-czug29{margin-bottom:1rem;font-size:2rem}.ai-selector.svelte-czug29{justify-content:center;gap:1.5rem;display:flex}.ai-btn.svelte-czug29{border:var(--border-thick);background:var(--uno-white);width:60px;height:60px;color:var(--uno-black);cursor:pointer;box-shadow:4px 4px 0px var(--uno-black);font-family:Bangers,cursive;font-size:2rem;transition:all .1s}.ai-btn.selected.svelte-czug29{background:var(--uno-red);color:var(--uno-white);box-shadow:2px 2px 0px var(--uno-black);transform:translate(2px,2px)}.ai-btn.svelte-czug29:active{box-shadow:0px 0px 0px var(--uno-black);transform:translate(4px,4px)}.start-btn.svelte-czug29{background:var(--uno-green);padding:1rem 3rem;font-size:3rem;transform:rotate(-2deg)}.card.svelte-1s7zazm{--card-width:90px;--card-height:135px;width:var(--card-width);height:var(--card-height);background:var(--uno-white);border:var(--border-thick);box-shadow:4px 4px 0px var(--uno-black);cursor:default;flex-shrink:0;padding:6px;font-family:Bangers,cursive;transition:transform .1s,box-shadow .1s;position:relative}.card-inner.svelte-1s7zazm{background:var(--card-color);border:2px solid var(--uno-black);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.card-center.svelte-1s7zazm{background:var(--uno-white);border:3px solid var(--uno-black);width:85%;height:60%;box-shadow:2px 2px 0px var(--card-color), 4px 4px 0px var(--uno-black);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:rotate(-15deg)}.card.playable.svelte-1s7zazm{cursor:pointer}.card.playable.svelte-1s7zazm:hover{box-shadow:8px 8px 0px var(--uno-black);transform:translateY(-16px)rotate(2deg)}.card.playable.svelte-1s7zazm:active{box-shadow:4px 4px 0px var(--uno-black);transform:translateY(-8px)rotate(1deg)}.face-down.svelte-1s7zazm .card-inner:where(.svelte-1s7zazm){background:var(--uno-black)}.card-value-center.svelte-1s7zazm{color:var(--card-color);text-shadow:2px 2px 0px var(--uno-black);-webkit-text-stroke:1px var(--uno-black);font-size:2.2rem;transform:rotate(15deg)}.wild-text.svelte-1s7zazm{color:var(--uno-white);text-shadow:2px 2px 0px var(--uno-black);font-size:1.8rem}.card-value-small.svelte-1s7zazm{color:var(--uno-white);-webkit-text-stroke:1px var(--uno-black);text-shadow:1px 1px 0px var(--uno-black);z-index:11;font-size:1rem;position:absolute}.top-left.svelte-1s7zazm{top:4px;left:4px}.bottom-right.svelte-1s7zazm{bottom:4px;right:4px;transform:rotate(180deg)}.wild-bg.svelte-1s7zazm{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.wild-quad.svelte-1s7zazm{width:100%;height:100%}.wild-quad.red.svelte-1s7zazm{background:var(--uno-red)}.wild-quad.blue.svelte-1s7zazm{background:var(--uno-blue)}.wild-quad.green.svelte-1s7zazm{background:var(--uno-green)}.wild-quad.yellow.svelte-1s7zazm{background:var(--uno-yellow)}.card-back.svelte-1s7zazm{background:repeating-linear-gradient(45deg, var(--uno-black), var(--uno-black) 10px, #222 10px, #222 20px);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.back-text.svelte-1s7zazm{color:var(--uno-red);text-shadow:2px 2px 0px var(--uno-yellow);background:var(--uno-black);border:2px solid var(--uno-yellow);padding:2px 6px;font-size:1.5rem;transform:rotate(-10deg)}.player-hand-container.svelte-1i4tg90{padding:10px;position:relative}.hand-label.svelte-1i4tg90{background:var(--uno-blue);color:var(--uno-white);border:var(--border-thick);z-index:10;box-shadow:2px 2px 0px var(--uno-black);padding:4px 12px;font-size:1.5rem;position:absolute;top:-30px;left:20px;transform:rotate(-3deg)}.player-hand.svelte-1i4tg90{border:var(--border-thick);max-width:100%;box-shadow:var(--shadow-offset);background:#ffffff80;border-radius:8px;justify-content:center;gap:0;min-height:160px;padding:20px 20px 0;display:flex;overflow-x:auto}.card-slot.svelte-1i4tg90{margin-left:-30px;transition:margin .2s,transform .2s}.card-slot.svelte-1i4tg90:first-child{margin-left:0}.card-slot.svelte-1i4tg90:hover{z-index:20;margin-left:-10px;margin-right:20px;transform:translateY(-10px)}.ai-hand.svelte-148geyt{background:var(--uno-white);border:var(--border-thick);box-shadow:4px 4px 0px var(--uno-black);flex-direction:column;align-items:center;gap:8px;max-width:300px;padding:10px;display:flex;position:relative}.ai-hand.active.svelte-148geyt{background:var(--uno-yellow);box-shadow:8px 8px 0px var(--uno-black);transform:translateY(-4px)}.ai-name.svelte-148geyt{color:var(--uno-black);background:var(--uno-white);border:2px solid var(--uno-black);z-index:10;align-items:center;gap:6px;padding:2px 8px;font-size:1.5rem;display:flex;position:absolute;top:-15px}.ai-hand.active.svelte-148geyt .ai-name:where(.svelte-148geyt){background:var(--uno-red);color:var(--uno-white)}.badge.svelte-148geyt{background:var(--uno-black);color:var(--uno-white);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;display:inline-flex}.ai-cards.svelte-148geyt{padding-top:10px;display:flex}.top.svelte-148geyt .ai-cards:where(.svelte-148geyt){flex-direction:row}.left.svelte-148geyt,.right.svelte-148geyt{max-width:120px}.left.svelte-148geyt .ai-cards:where(.svelte-148geyt),.right.svelte-148geyt .ai-cards:where(.svelte-148geyt){flex-direction:column}.ai-card-slot.svelte-148geyt{margin-left:-20px}.ai-card-slot.svelte-148geyt:first-child{margin-left:0}.left.svelte-148geyt .ai-card-slot:where(.svelte-148geyt),.right.svelte-148geyt .ai-card-slot:where(.svelte-148geyt){margin-top:-50px;margin-left:0}.left.svelte-148geyt .ai-card-slot:where(.svelte-148geyt):first-child,.right.svelte-148geyt .ai-card-slot:where(.svelte-148geyt):first-child{margin-top:0}.left.svelte-148geyt .ai-cards:where(.svelte-148geyt) .card,.right.svelte-148geyt .ai-cards:where(.svelte-148geyt) .card,.top.svelte-148geyt .ai-cards:where(.svelte-148geyt) .card{--card-width:60px;--card-height:90px}.discard-pile.svelte-82qtw2{flex-direction:column;align-items:center;gap:12px;display:flex}.label.svelte-82qtw2{color:var(--uno-black);background:var(--uno-white);border:var(--border-thick);box-shadow:2px 2px 0px var(--uno-black);padding:0 8px;font-size:1.5rem;transform:rotate(2deg)}.pile-container.svelte-82qtw2{width:90px;height:135px;position:relative}.stack.svelte-82qtw2{background:var(--uno-white);border:var(--border-thick);width:100%;height:100%;position:absolute}.stack-1.svelte-82qtw2{z-index:1;background:var(--uno-red);top:4px;left:-4px;transform:rotate(-5deg)}.stack-2.svelte-82qtw2{z-index:0;background:var(--uno-green);top:8px;left:2px;transform:rotate(3deg)}.stack-3.svelte-82qtw2{z-index:-1;background:var(--uno-yellow);top:2px;left:6px;transform:rotate(-2deg)}.top-card.svelte-82qtw2{z-index:10;position:absolute;top:0;left:0;transform:rotate(1deg)}.draw-pile.svelte-1esx5fq{flex-direction:column;align-items:center;gap:12px;display:flex}.label.svelte-1esx5fq{color:var(--uno-black);background:var(--uno-white);border:var(--border-thick);box-shadow:2px 2px 0px var(--uno-black);padding:0 8px;font-size:1.5rem;transform:rotate(-3deg)}.draw-card.svelte-1esx5fq{background:var(--uno-white);border:var(--border-thick);width:90px;height:135px;box-shadow:4px 4px 0px var(--uno-black);cursor:default;padding:6px;transition:transform .1s;position:relative}.draw-card.svelte-1esx5fq .card-inner:where(.svelte-1esx5fq){background:var(--uno-black);border:2px solid var(--uno-black);z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.card-back.svelte-1esx5fq{background:repeating-linear-gradient(45deg, var(--uno-black), var(--uno-black) 10px, #222 10px, #222 20px);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.back-text.svelte-1esx5fq{color:var(--uno-red);text-shadow:2px 2px 0px var(--uno-yellow);background:var(--uno-black);border:2px solid var(--uno-yellow);padding:2px 6px;font-family:Bangers,cursive;font-size:1.5rem;transform:rotate(-10deg)}.stack.svelte-1esx5fq{background:var(--uno-white);border:var(--border-thick);z-index:1;width:100%;height:100%;position:absolute}.stack-1.svelte-1esx5fq{z-index:1;background:var(--uno-blue);top:4px;left:4px}.stack-2.svelte-1esx5fq{z-index:0;background:var(--uno-yellow);top:8px;left:8px}.stack-3.svelte-1esx5fq{z-index:-1;background:var(--uno-black);top:12px;left:12px}.draw-card.can-draw.svelte-1esx5fq{cursor:pointer}.draw-card.can-draw.svelte-1esx5fq:hover{transform:translate(-4px,-4px)}.draw-card.can-draw.svelte-1esx5fq:active{transform:translate(2px,2px)}.overlay.svelte-181phd1{z-index:100;background:#111c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker.svelte-181phd1{background:var(--uno-white);text-align:center;padding:30px;transform:rotate(-2deg)}h3.svelte-181phd1{color:var(--uno-black);margin:0 0 20px;font-size:2rem}.colors.svelte-181phd1{gap:16px;display:flex}.color-btn.svelte-181phd1{border:var(--border-thick);width:60px;height:60px;box-shadow:4px 4px 0px var(--uno-black);cursor:pointer;padding:0;transition:transform .1s,box-shadow .1s}.color-btn.svelte-181phd1:hover{box-shadow:6px 6px 0px var(--uno-black);transform:translate(-2px,-2px)rotate(5deg)}.color-btn.svelte-181phd1:active{box-shadow:0px 0px 0px var(--uno-black);transform:translate(2px,2px)rotate(-2deg)}.overlay.svelte-3guzuh{z-index:100;background:#111c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog.svelte-3guzuh{text-align:center;background:var(--uno-yellow);max-width:400px;transform:rotate(1deg)}h3.svelte-3guzuh{color:var(--uno-red);text-shadow:2px 2px 0px var(--uno-black);margin:0 0 10px;font-size:2.5rem}p.svelte-3guzuh{margin:0 0 20px;font-size:1.2rem;font-weight:700}.actions.svelte-3guzuh{justify-content:center;gap:16px;display:flex}.btn.svelte-3guzuh{border:var(--border-thick);cursor:pointer;box-shadow:4px 4px 0px var(--uno-black);color:var(--uno-white);padding:10px 20px;font-size:1.5rem;transition:transform .1s,box-shadow .1s}.btn.svelte-3guzuh:hover{box-shadow:6px 6px 0px var(--uno-black);transform:translate(-2px,-2px)}.btn.svelte-3guzuh:active{box-shadow:0px 0px 0px var(--uno-black);transform:translate(2px,2px)}.challenge.svelte-3guzuh{background:var(--uno-red);transform:rotate(-2deg)}.accept.svelte-3guzuh{background:var(--uno-black);transform:rotate(2deg)}.uno-btn.svelte-dgi82o{background:var(--uno-red);color:var(--uno-white);border:var(--border-thick);cursor:pointer;box-shadow:6px 6px 0px var(--uno-black);z-index:50;padding:10px 40px;font-size:2.5rem;transition:transform .1s,box-shadow .1s;animation:1s infinite alternate svelte-dgi82o-pulse;position:absolute;bottom:250px;right:50px;transform:rotate(-10deg)}.uno-btn.svelte-dgi82o:hover{box-shadow:10px 10px 0px var(--uno-black);transform:rotate(-10deg)translate(-2px,-2px)scale(1.1)}@keyframes svelte-dgi82o-pulse{0%{color:var(--uno-yellow)}to{color:var(--uno-white)}}.game-info.svelte-vl478m{justify-content:center;margin:10px 0;display:flex}.info-panel.svelte-vl478m{background:var(--uno-white);align-items:center;gap:16px;padding:10px 20px;display:flex;transform:rotate(2deg)}.direction.svelte-vl478m{color:var(--uno-black);text-shadow:2px 2px 0px var(--uno-yellow);font-size:2.5rem;line-height:1;transition:transform .4s}.direction.reversed.svelte-vl478m{transform:scaleX(-1)}.color-indicator.svelte-vl478m{border:var(--border-thick);width:32px;height:32px;box-shadow:2px 2px 0px var(--uno-black)}.current-player.svelte-vl478m{letter-spacing:1px;color:var(--uno-black);font-size:1.5rem}.board.svelte-8w11tm{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.ai-area.svelte-8w11tm{flex:1;justify-content:center;align-items:flex-start;padding-top:16px;display:flex;position:relative}.ai-position.svelte-8w11tm{position:absolute}.ai-position.top.svelte-8w11tm{top:10px;left:50%;transform:translate(-50%)}.ai-position.left.svelte-8w11tm{top:50%;left:16px;transform:translateY(-50%)}.ai-position.right.svelte-8w11tm{top:50%;right:16px;transform:translateY(-50%)}.center.svelte-8w11tm{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.piles.svelte-8w11tm{align-items:center;gap:32px;display:flex}.human-area.svelte-8w11tm{justify-content:center;padding:8px 0 16px;display:flex}.result.svelte-1k4d7yn{flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100vw;height:100vh;display:flex}.winner-title.svelte-1k4d7yn{color:var(--uno-red);text-shadow:4px 4px 0px var(--uno-black), 8px 8px 0px var(--uno-yellow);text-align:center;font-size:6rem;transform:rotate(-3deg)}.scoreboard.svelte-1k4d7yn{background:var(--uno-blue);width:400px;transform:rotate(2deg)}.scoreboard.svelte-1k4d7yn h2:where(.svelte-1k4d7yn){text-align:center;color:var(--uno-white);text-shadow:2px 2px 0px var(--uno-black);margin-bottom:20px;font-size:2.5rem}.score-row.svelte-1k4d7yn{background:var(--uno-white);border:2px solid var(--uno-black);box-shadow:2px 2px 0px var(--uno-black);justify-content:space-between;margin-bottom:10px;padding:10px 16px;font-size:1.2rem;display:flex}.score-row.winner.svelte-1k4d7yn{background:var(--uno-yellow);box-shadow:4px 4px 0px var(--uno-black);z-index:10;transform:scale(1.05)translate(-10px)}.name.svelte-1k4d7yn{letter-spacing:1px;font-size:1.5rem}.score.svelte-1k4d7yn{font-weight:700}.actions.svelte-1k4d7yn{gap:24px;display:flex;transform:rotate(-1deg)}.play-again.svelte-1k4d7yn{background:var(--uno-green)}.menu-btn.svelte-1k4d7yn{background:var(--uno-white)}