.dnd-poly-drag-image{opacity:.5!important}.dnd-poly-drag-image.dnd-poly-snapback{transition-property:transform,-webkit-transform!important;transition-duration:.25s!important;transition-timing-function:ease-out!important}:root{--font-main: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Cinzel", serif;--bg-table: radial-gradient(circle at center, #1b4931 0%, #0d281a 75%, #07170f 100%);--felt-accent: #2e7d53;--panel-bg: rgba(16, 26, 20, .85);--panel-border: rgba(255, 255, 255, .12);--tile-bg-top: #fffdfa;--tile-bg-bottom: #eee8d8;--tile-shadow: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .9);--tile-border: #d5ccb8;--color-black: #1e232a;--color-blue: #0284c7;--color-red: #e11d48;--color-orange: #f59e0b;--gold: #fbbf24;--gold-glow: 0 0 15px rgba(251, 191, 36, .4);--green-glow: 0 0 12px rgba(34, 197, 94, .5);--red-glow: 0 0 12px rgba(239, 68, 68, .5)}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body{font-family:var(--font-main);background:var(--bg-table);color:#f8fafc;min-height:100vh;overflow:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 0);background-size:24px 24px;pointer-events:none;z-index:0}#root{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:12px;box-shadow:0 10px 25px -5px #00000080}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-main);font-weight:600;font-size:14px;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#f8fafc;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.btn:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#60a5fa;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 12px #3b82f680}.btn-success{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#4ade80;color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 12px #22c55e80}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#f87171;color:#fff}.btn-warning{background:linear-gradient(135deg,#d97706,#b45309);border-color:#fcd34d;color:#fff}.rummikub-tile{width:44px;height:60px;background:linear-gradient(180deg,var(--tile-bg-top) 0%,var(--tile-bg-bottom) 100%);border:1px solid var(--tile-border);border-bottom:2px solid #b3a890;border-radius:6px;box-shadow:var(--tile-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:grab;flex-shrink:0;touch-action:none;-webkit-touch-callout:none;transition:transform .15s cubic-bezier(.2,0,0,1),box-shadow .15s ease}.rummikub-tile:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 12px -2px #00000080;z-index:10}.rummikub-tile.dragging{opacity:.95;cursor:grabbing;transform:scale(1.1) rotate(2deg);box-shadow:0 14px 24px #0009;z-index:999}.rummikub-tile.selected{transform:translateY(-8px) scale(1.08);border:2px solid #fbbf24;box-shadow:0 0 20px #fbbf24cc,0 10px 18px #00000080;z-index:50;animation:selectedFloat 1.8s ease-in-out infinite alternate}@keyframes selectedFloat{0%{transform:translateY(-8px) scale(1.08)}to{transform:translateY(-12px) scale(1.1);box-shadow:0 0 26px #fbbf24f2,0 12px 22px #0009}}.tile-set-box.targetable{border:2px dashed rgba(251,191,36,.6)!important;cursor:pointer}.tile-set-box.targetable:hover{background:#fbbf2426!important;border-color:#fbbf24!important}.tile-val{font-family:var(--font-main);font-weight:800;font-size:26px;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.8),0 -1px 0 rgba(0,0,0,.2)}.tile-color-black{color:var(--color-black)}.tile-color-blue{color:var(--color-blue)}.tile-color-red{color:var(--color-red)}.tile-color-orange{color:var(--color-orange)}.tile-joker-icon{width:32px;height:32px;color:#d97706;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.tile-set-box{background:#00000040;border-radius:8px;padding:6px;display:inline-flex;gap:4px;align-items:center;border:1px dashed rgba(255,255,255,.2);min-height:72px;transition:all .2s ease;position:relative}.tile-set-box.valid{border:1px solid rgba(74,222,128,.4);background:#16653433}.tile-set-box.invalid{border:1px solid rgba(239,68,68,.6);background:#991b1b33;animation:gentlePulse 2s infinite}@keyframes gentlePulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 12px 2px #ef444499}}.rack-container{background:linear-gradient(180deg,#2b2520,#1c1714,#120e0c);border-top:3px solid #5a4b3d;border-bottom:3px solid #14100c;box-shadow:0 -8px 25px #000000b3;padding:12px 20px;display:flex;flex-direction:column;gap:8px}.rack-tier{background:#00000073;border:1px solid rgba(255,255,255,.08);border-bottom:3px solid #3d3228;border-radius:8px;min-height:74px;padding:6px 10px;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin}.rack-tier::-webkit-scrollbar{height:4px}.rack-tier::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .3s cubic-bezier(.2,0,.2,1)}