*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0e17;--text:#e2e8f0;--text-muted:#94a3b8;--pyramid-bg:#1e1b2e;--pyramid-border:#4a3f6b;--pyramid-hover:#2d2550;--pyramid-filled:#3b2f6b;--card-bg:#1a1a2e;--card-border:#7c3aed;--skip-btn-bg:#4c1d95;--skip-btn-hover:#5b21b6;--row-label:#a78bfa;--danger:#ef4444;--gold:#f0d080;--slot-size:90px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background-color:var(--bg);height:100%;color:var(--text);font-family:Georgia,Times New Roman,serif}#root{flex-direction:column;min-height:100vh;display:flex}.game{flex-direction:column;align-items:center;gap:32px;min-height:100vh;padding:24px 16px 40px;display:flex}.game-header{text-align:center}.game-title{color:var(--gold);letter-spacing:2px;text-shadow:0 0 20px #f0d08066;font-size:28px;font-weight:700}.title-star{color:var(--row-label);vertical-align:middle;font-size:18px}.pyramid{flex-direction:column;align-items:flex-end;gap:12px;width:100%;max-width:700px;display:flex}.pyramid-row{flex-direction:row;justify-content:flex-end;align-items:center;gap:12px;width:100%;display:flex}.row-label{color:var(--row-label);letter-spacing:.5px;white-space:nowrap;text-align:right;flex-shrink:0;width:160px;font-size:13px;font-style:italic}.row-slots{flex-direction:row;gap:10px;display:flex}.pyramid-slot{width:var(--slot-size);height:var(--slot-size);border:2px dashed var(--pyramid-border);background:var(--pyramid-bg);cursor:default;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.pyramid-slot--hover{border-color:var(--card-border);background:var(--pyramid-hover);border-style:solid;box-shadow:0 0 16px #7c3aed80}.pyramid-slot--filled{border-color:var(--pyramid-filled);background:var(--pyramid-filled);border-style:solid}.slot-image{object-fit:cover;object-position:top;width:100%;height:72px}.slot-name{color:var(--text);text-align:center;max-width:100%;padding:2px 2px 0;font-size:8px;line-height:1.2;overflow:hidden}.character-card{border:2px solid var(--card-border);background:var(--card-bg);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:14px;flex-direction:column;align-items:center;width:140px;transition:opacity .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 4px 24px #7c3aed59}.character-card:active{cursor:grabbing}.character-card--dragging{opacity:.3}.character-card--overlay{cursor:grabbing;opacity:1;transform:rotate(2deg)scale(1.04);box-shadow:0 8px 32px #7c3aed99}.card-image{object-fit:cover;object-position:top;width:140px;height:180px}.card-name{color:var(--text);text-align:center;padding:8px 6px;font-size:12px;font-style:italic;line-height:1.3}.deck-area{flex-direction:column;align-items:center;gap:16px;display:flex}.deck-hint{color:var(--text-muted);font-size:13px;font-style:italic}.deck-card-row{align-items:center;gap:20px;display:flex}.deck-empty{color:var(--text-muted);font-size:16px;font-style:italic}.skip-button{border:2px solid var(--skip-btn-bg);background:var(--skip-btn-bg);color:#e2e8f0;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.skip-button:hover:not(:disabled){background:var(--skip-btn-hover);border-color:var(--skip-btn-hover);box-shadow:0 0 12px #5c21b699}.skip-button:disabled{opacity:.35;cursor:not-allowed}.skip-button--danger{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 20%, var(--skip-btn-bg))}.skip-icon{width:24px;height:24px}.skip-badge{background:var(--card-border);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-family:system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.skip-button--danger .skip-badge{background:var(--danger)}.gameover{flex-direction:column;align-items:center;gap:24px;min-height:100vh;padding:40px 16px;display:flex}.gameover-title{color:var(--gold);letter-spacing:2px;text-shadow:0 0 20px #f0d08066;font-size:32px}.gameover-subtitle{color:var(--text-muted);font-size:16px;font-style:italic}.gameover-pyramid{flex-direction:column;align-items:flex-end;gap:12px;width:100%;max-width:700px;display:flex}.gameover-row{flex-direction:row;justify-content:flex-end;align-items:center;gap:12px;width:100%;display:flex}.play-again-button{border:2px solid var(--card-border);background:var(--skip-btn-bg);color:var(--text);letter-spacing:1px;cursor:pointer;border-radius:8px;margin-top:8px;padding:12px 36px;font-family:Georgia,serif;font-size:16px;font-style:italic;transition:background .15s,box-shadow .15s}.play-again-button:hover{background:var(--skip-btn-hover);box-shadow:0 0 16px #7c3aed80}@keyframes failure-flash{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.failure-flash{z-index:100;pointer-events:none;background:#dc262673;animation:.7s forwards failure-flash;position:fixed;inset:0}.gamefailed{justify-content:center;align-items:center;min-height:100vh;padding:40px 16px;display:flex}.gamefailed-content{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.gamefailed-title{color:var(--danger);letter-spacing:2px;text-shadow:0 0 24px #dc262680;font-size:36px}.gamefailed-subtitle{color:var(--text-muted);font-size:16px;font-style:italic}@media (width<=560px){:root{--slot-size:72px}.pyramid,.gameover-pyramid{align-items:center}.pyramid-row,.gameover-row{flex-direction:column;justify-content:center;align-items:center}.row-label{text-align:center;width:auto}.row-slots{gap:6px}.slot-image{height:56px}.slot-name{font-size:7px}}