/* 基础样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary: #4a9eff;
    --secondary: #2d5a8a;
    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;
    --bg-dark: #0a0a0f;
    --bg-panel: #1a1a2e;
    --bg-card: #252535;
    --border: #3f3f46;
    --text: #e4e4e7;
    --text-muted: #a1a1aa;
    --pixel-border: #000000;
    --pixel-shadow: rgba(0, 0, 0, 0.5);

    --rarity-common: #9ca3af;
    --rarity-uncommon: #22c55e;
    --rarity-rare: #3b82f6;
    --rarity-epic: #a855f7;
    --rarity-legendary: #f59e0b;
    --rarity-heirloom: #ffd700;
    --rarity-artifact: #8b0000;
}

body {
    font-family: 'Courier New', 'Consolas', monospace;
    background: #000000;
    background-image:
        radial-gradient(ellipse at center, #1a1a2e 0%, #0a0a0f 100%);
    color: var(--text);
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-user-select: none;
    user-select: none;
}

/* 屏幕管理 */
.screen {
    display: none;
    min-height: 100vh;
    padding: 20px;
}

.screen[style*="display: block"],
.screen[style*="display: flex"] {
    display: block !important;
}